Construiți o scenă drăguț orientată spre caractere

În acest tutorial vom lucra la o scenă plină de caractere care este construită pentru a prezenta o mașină inteligentă. Vom vedea un flux de lucru pe care îl folosesc pentru a crea lucrări la scară largă. Veți învăța cum să conduceți ochii spectatorilor printr-o imagine, chiar dacă este împachetat cu personaje zâmbitoare. Veți învăța, de asemenea, cum să planificați și să controlați procesul de construire a vectorilor după ce ați schițat imaginea completă.

Această piesă este contribuția mea la proiectul OutSmart, mai multe detalii de mai jos.


Scurt

Imaginea a fost dezvoltată ca o contribuție pentru proiectul OutSmart. Pentru concurs am fost nevoit să răspund la câteva întrebări. Ce și unde ți-ar plăcea mașina ta? Acesta este spațiul dvs., astfel încât să fiți liberi sau la fel de stricți pe cât doriți, la fel de real sau de imaginar cum vă place. Creați mașina și locația ideală pentru ao conduce, o parcați, o zburați? Format 400x160 mm. Planificat ca o pagină dublă într-o publicație. Acestea sunt liniile directoare în care a fost construit acest proiect. Să aruncăm o privire la fluxul de lucru pentru realizarea acestei ilustrații.


Pasul 1 - Scribble și Thumbnails

În primul rând, există scribbling. Schițele mici cu miniaturi fac posibilă obținerea unui sentiment pentru dimensiuni și posibilități. Fără prea mult efort, pot fi create primele idei. În acest fel încerc să nu trag prea detaliat. Este important ca schițele să rămână mici. În felul acesta dați imaginii o pauză pentru a dezvolta ilustrația la scară largă.



Pasul 2 - Schițe mai detaliate

Alegeți o schiță de miniaturi și continuați să lucrați. Caracterele și detaliile nu trebuie să fie o sută de procente elaborate. Dimensiunea schiței rămâne mică. Deși este doar mobilat cu substituenți în acest moment, desenul seamănă deja cu rezultatul final.



Pasul 3 - Conceptul și compoziția

Elementele principale ale compoziției sunt străzile. Ele servesc ca temă centrală care menține desenul împreună. Ochii observatorului sunt îndreptați de-a lungul străzilor către punctele unice ale compoziției. Toate direcțiile desenului conduc spre mașina inteligentă din extrema dreaptă. Semnalele de circulație distrug mișcarea. Împiedică strada. Astfel, luminile devin un element important al imaginii, deoarece acestea descentralizează compoziția și introduc un strat suplimentar.



Pasul 4 - Schița în scală completă

Cea mai bună modalitate de a crea schițe în dimensiuni mari este să rămânem la scară largă. Desenul pe scară largă are avantajul că transmite sentimentul dimensiunilor și posibilităților lor distincte. Pentru a ilustra Inteligent într-un mod convingător, am cumpărat o mașină inteligentă pentru jucării.


În această schiță sunt adăugate toate caracterele. Este util să încercați versiuni diferite pe o bucată de hârtie de rezervă. Mai multe detalii pe tema caracterelor drăguțe sunt găsite în articolul meu Elementele designului drăguț de caractere, care este o introducere minunată a designului drăguț de caractere.


Povestea ilustrează această ilustrație

Întreaga localitate salută mașina de mici dimensiuni, deoarece vehiculul nu poluează aerul la fel de mult ca și mașinile mai mari. Totul indică faptul că vehiculul este prietenos cu mediul înconjurător: nori fericiți și curate, copaci zâmbitori, creaturi nemulțumite care dorm pe pământ. Semnalizatoarele nu sunt în vigoare pentru Smart Car, ca toată lumea deschide calea pentru asta. Chiar și becul roșu se bucură de el.


Pasul 5 - Scanare și curățare

Scanați imaginea. Va fi mai ușor să urmăriți detaliile mici dacă utilizați 300 dpi. Utilizați tonuri de gri, astfel încât dimensiunea fișierului va fi relativ mică. Conectați ambele părți A4 folosind Photoshop. În Photoshop puteți face modificările finale, de exemplu, puteți aranja mărimea sau poziția elementelor distincte. Salvați-o ca JPG odată ce sunteți mulțumit de rezultatele acestei etape.



Pasul 6 - Configurați fișierul dvs. Illustrator

Deschideți Illustrator și selectați Fișier> Nou (Comandă + N) pentru a crea un document nou. Selectați dimensiunea de 400 x 160 mm și modul de culoare CMYK. În acest mod, culorile sunt mai ușor de manevrat. Setați modul de rețea la 300 dpi. Selectați Fișier> Loc pentru a plasa jpg-ul "schița". Mergeți la paleta de straturi și creați un strat nou, denumiți-l "lucru" și setați culoarea la Red. Acesta va fi stratul pe care lucrăm. Dacă munca dvs. este foarte complexă, nu uitați să vă numiți straturile! Blocați și stratul "schiță".



Pasul 7 - Planificați forma vectorială

Secvența în timp ce vectorizarea este foarte importantă. Trebuie să fie planificată în avans. Întotdeauna începeți la fundal și faceți o luptă până în fața imaginii! Apoi, acesta este un mare ajutor pentru colorare. Dacă secvența unui singur element este amestecată, acestea trebuie să fie rearanjate laborios.

Pentru procesul meu de lucru încep să construiesc toate formele. Mai târziu, adaug culorile. Pentru a recrea formele, folosesc în primul rând instrumentul Pen, instrumentul Ellipse și paleta Pathfinder. Utilizați un curs de 0,25 pt pentru a vedea schița. Utilizați un accident vascular cerebral neagră cu marginile rotunjite. Rețineți că este necesar să fiți cât mai aproape de liniile creionului!

Imaginea de mai jos arată ordinea în care am construit formele vectoriale în.



Pasul 8 - începeți să construiți formele

Sa mergem! Începeți cu stratul din fundal. Cu instrumentul Rectangle, desenați un pătrat în dimensiunea zonei de desen. Mai târziu, acest pătrat este utilizat pentru a restricționa elementele unice. Creați peisajul verde din spate cu instrumentul Pen. Încercați să obțineți împreună cu o cantitate cât mai mică de puncte posibil. Procedând astfel, contururile exterioare nu par prea aglomerate. Când stratul este terminat, copiați-l și plasați-l în spate (Command + C și apoi Command + B). Mutați noua formă cu tastele de direcție în partea inferioară a zonei de desen. Repetați acest proces cu fiecare formular nou. Selectați punctele unice cu Instrumentul de selecție directă pentru ao potrivi cu desenul.



Pasul 9 - Construiește tipul micul dormit

Pentru micul tip care dorm pe pământ, desenați forma cea mai exterioară cu instrumentul Pen. Începeți cu corpul, apoi trageți brațele, capul și fața. Desenați forma corpului și apoi umbrele picioarelor. Zonele se suprapun între ele. Copiați forma corpului și plasați-o mai sus (Comandă + C și apoi Comandă + F). Selectați ambele forme, apoi aplicați Pathfinder> Intersect ShapeArea. Aplicați aceeași procedură pentru ochi și gură. Glisați un cerc (țineți apăsat Alt + Shift), copiați-l și plasați-l în fața acestuia. Selectați și mutați cercul nou: Pathfinder> Divide pentru a crea o formă de semilună. Utilizați aceste forme pentru ochi și gură.



Pasul 10 - Construirea copacilor

Copacii nu sunt detaliați, deoarece sunt plasați în fundal. Nu vreau ca ei să iasă în evidență. Desenați un cerc pentru copaci cu instrumentul Ellipse. Faceți clic pe un punct cu Instrumentul de selecție și adaptați cercul la desen. Buzele și gura sunt desenate cu instrumentul Pen.

Selectați întregul arbore și grupați elementele unice (Command + G). În timp ce țineți apăsată tasta Alt, glisați arborele în lateral pentru al duplica. Conform cerințelor, plasați cel nou în spatele sau în fața primei instalații. Copacii din spate ar trebui să fie mai mici. Nu uitați să plasați copaci singuri în spatele peisajului, așa cum este prezentat în schiță. Modificați fețele și formele arborilor cu Instrumentul de selecție directă după cum este necesar.



Pasul 11 ​​- Nori

Deși norii pot fi creați cu Pen Tool, prefer să folosesc instrumentul Ellipse. Această metodă este mai rapidă și curbele devin rotunde. Urmați conturul întregului, creând cercuri în dimensiunile necesare. Apăsați Alt + Shift când utilizați instrumentul Ellipse pentru a crea cercuri perfecte. Completați mijlocul. Selectați toate cercurile, Pathfinder> Adăugați în zona de formare.



Pasul 12 - Obrajii și picăturile de ploaie

Obrajii și curbele din nor sunt de asemenea desenate cu instrumentul Ellipse. Trageți un cerc (Alt + Shift). Selectați cercul, apăsați Command + C, apoi apăsați Command + F. Deplasați-l pe cel nou unul spre stânga. Faceți clic pe acesta cu Instrumentul de selecție directă și întindeți-l apăsând tasta Alt.

Selectați ambele cercuri și dați clic pe Împărțire pe paleta Pathfinder. Duplicați formele. Plasați formularele în punctele corespunzătoare din cloud. Desenați obrajii cu instrumentul Ellipse. Sunt necesare cercuri pentru ochi. Copiați (Command + C și apoi Command + F) și redimensionați-le (Alt + Shift). Selectați ambele și apăsați Divide în paleta Pathfinder. Pentru a construi o a doua bucla, copiați prima și reduceți-o (Command + C și apoi Command + F).

Pentru picăturile de ploaie, trageți un cerc (apăsând apoi Alt + Shift). Faceți clic pe punctul superior cu Instrumentul de selecție directă, întindeți-l și modificați-l într-un colț cu ajutorul instrumentului de conversie. Duplicați și plasați picăturile în desen. Selectați și copiați norul complet cu picăturile de ploaie (Command + C și apoi Command + F). Mutați noul nor spre dreapta.



Pasul 13 - Orașul

În procesul de proiectare a orașului este important să nu pierdeți firul în termeni de secvență. Din nou începeți cu fundalul. Începeți cu soarele și continuați cu casele. Toate formele casei sunt construite cu instrumentul Pen. Formele ferestrelor sunt, de asemenea, desenate cu instrumentul Pen.

După aceea, copiați acest formular și plasați-l în fața primului (Command + C și apoi Command + F). Copiați fereastra inferioară și selectați formele noi, iar în paleta Pathfinder apăsați Divide. Continuați această procedură pentru intrările. În sfârșit, desenați norul din spatele orașului, astfel încât să se suprapună cu casele din față (pasul 11).



Pasul 14 - Omul din lemn

Următorul care trebuie construit este un personaj făcut din lemn care are izvorul din imaginația mea. Are o ploaie curată pe cap și un hipopot în mână. Toate aceste cifre sunt create cu instrumentul Pen. Acordați atenție secvenței! Începeți cu brațul stâng al tipului de lemn și continuați cu picioarele, trunchiul și brațul pe dreapta.

În ceea ce privește capul, începeți cu ramura întinsă în spate și luptați până la forma capului. După cum a fost descris în pașii anteriori, utilizați instrumentul Ellipse pentru crearea obrajilor (utilizați instrumentele Pathfinder după cum este necesar). Partea superioară a capului este de asemenea trasă cu instrumentul Ellipse. Pentru construirea buclelor se folosește aceeași procedură așa cum este descrisă la pasul 11. Pentru hipopotam, utilizați și instrumentul Pen.



Pasul 15 - Ochelari de raidrop

Să vedem cum să desenezi ochelarii de ploaie. Creați ochelari de ploaie cu ajutorul instrumentului Pen. Începeți cu lentilele, apoi trageți cadrul de ochelari. Pentru aceasta ajustați setările de contur. 2 pt este necesar pentru aceasta. Asigurați-vă că strângeți formularele. Selectați-le făcând clic pe Shift și apoi mergeți la Object> Path> Outline. Selectați cele trei forme frontale ale ochelarilor, apoi utilizați instrumentul Pathfinder Unite. Acum puteți modifica unele detalii, de exemplu cadrele, cu Instrumentul de selecție directă.



Pasul 16 - Conul de construcție

Procedura de tragere a norului în prim-plan este descrisă la pasul 11. Pentru con, în primul rând trageți forma inferioară a acestuia. Desenați un pătrat cu instrumentul Rectangle (Alt + Shift). Acum aplicați Efect> Stylize> Round Corners și introduceți 1mm pentru a rotunji colțurile. Cu ajutorul instrumentului de selecție directă, adaptați pătratul pe desen. Selectați Command + C și Command + B, mutați-o înainte și puțin în stânga, astfel încât suprafața să apară în trei dimensiuni.

Desenați triunghiul superior cu instrumentul Pen. Eu folosesc pentru a desena linii în 6pt. Duplicați-l de două ori. Conversia căilor într-o formă (Object> Path> Outline). Acum, selectați triunghiul, copiați-l și plasați-l în fața celui anterior (Command + C și apoi Command + F). Selectați o linie și acest nou formular și apăsați Intersectarea zonei de formare din paleta Pathfinder. Repetați acest pas pentru celelalte două.



Pasul 17 - Străzile și curcubeul

Desenați străzile cu ajutorul instrumentului Pen. Copiați-le și plasați-le pe cele noi în spatele precedentului (Command + C și apoi Command + B). Procedând astfel, străzile au grosimea peretelui.



Crearea curcubeului este similară. În primul rând, construiți forma cea mai îndepărtată, copiați-o și plasați-o pe prima în prim plan. Cu Instrumentul de selecție directă, adaptați formularul la desen. Copiați formularul inferior și plasați-l în față. Selectați ambele forme și apăsați Intersectarea zonei de formă în paleta Pathfinder. Continuați această procedură până când toate dungile sunt terminate.


Pentru curcubeul din spate, trageți un cerc (Alt + Shift), apoi copiați-l și plasați-l în față. Trageți-l în jos pentru a satisface linia creionului. Copiați primul cerc și plasați-l în față (Command + C și apoi Command + F). Selectați ambele cercuri, apoi aplicați Împărțire în paleta Pathfinder pentru a tăia această formă. Acum repetați primii pași pentru a crea dungi de curcubeu.



Pasul 18 - Prieteni, pălării și mașini

Pietonii prietenoși sunt creați cu aceleași tehnici ca și elementele anterioare. Încă o dată, utilizați instrumentul Pen și Ellipse. Începeți cu corpul, apoi continuați cu capul și în cele din urmă cu pălăria. Procedând astfel, merg de la figură la figura din spate spre față.


Pentru a trage masina din spate, începi să tragi cercuri pentru roți cu instrumentul de elipsă. Apoi trageți întreaga formă, acoperișul, capota și ferestrele. Repetați procedura de tragere a mașinii în față. Tăiați ferestrele cu ajutorul instrumentelor Pathfinder.



Pasul 19 - Lumini de trafic

Aici este utilizat în primul rând Pen Tool. Începeți cu postul de semafor. După aceasta, adăugați un tip de cutie mare, luminile și nuanțele de lampă. Sarcina micului om verde din dreapta este de a face suprafața mare mai interesantă.



Pasul 20 - Detalii despre stradă

Să presupunem că trageți mai întâi partea inferioară a strazii din dreapta cu ajutorul instrumentului Pen. Construiți partea superioară ca formă completă, care trebuie detaliată în etapa următoare. După aceea, construiește fantoma inteligentă și partea dreaptă a străzii.



Pasul 21 - Smart Masina

Se pare că este dificil, dar este creat cu aceleași proceduri ca toate celelalte elemente din imagine. Nu pierdeți firul! Începeți cu cele mai multe părți din spate, capota și scaunele. Apoi continuați cu figurile și anvelopele. Partea stângă a mașinii este făcută la același nivel cu părțile frontale din față și cu ecranul frontal.



Pasul 22 - Începând să adăugați culori

Acum desenul complet este vectorizat. Este timpul pentru culori!


colorate

Partea a treia după desen și vectorizare este colorarea și adăugarea de umbre și gradienți. Puteți să economisiți timp dacă adăugați culorile după construirea imaginii.

Pentru colorare prefer să folosesc paleta de culori proprie pe care am extins-o cu timpul. Culorile ar trebui să pară palide în fundal. Utilizați mai multe tonuri de albastru decât galben. Culorile calde ca roșu, galben și maro împing înainte și susțin perspectiva atunci când sunt utilizate în mod corespunzător. Deci, culoarea formei în prim-plan cu tonuri calde.


Pasul 23

Începeți cu suprafețe mari, cum ar fi cerul și peisajul, pentru a determina atmosfera imaginii. Continuați cu străzile, curcubeul, semafoarele și așa mai departe. Formularele unice au în continuare un contur de contur de 0,25 pt.



Pasul 24

Când toate formele sunt colorate, îndepărtez contururile conturului. Acum puteți vedea dacă contrastele sunt destul de intense. În acest caz se pot adăuga umbre negre sau culorile pot fi ajustate.

Setați transparența pe Înmulțire și opacitatea la maxim 65%. Reîmprospătesc pete neconvingătoare cu gradienți de culoare pentru a sugera o dimensiune tridimensională.

Pasul 1 Colorarea


Fără contururi


Cu Gradienți și Umbre



Concluzie

Mai jos este ilustrația finală și puteți vedea versiunea mare aici.