Creați tip ilustrat de la schiță la vector

În calitate de artist comercial fac o tona de ilustrație, personalizate cu litere și tipografie. Au fost multe cazuri pe care le-am experimentat atunci când folosesc o combinație de ilustrație și tipografie este cea mai bună soluție pentru a comunica mesajul. În următorul tutorial, voi arăta o metodă pe care o folosesc pentru a aborda și a executa ilustrații de tip.


Introducere

Tipul ilustrat, în loc să aibă imaginea standard cu un titlu sau un fel de copie scrisă, pentru mine, poate să ia o piesă la nivelul următor. Desigur, ar trebui să servească un scop și să aibă sens destinația finală, astfel încât mai întâi să mă asigur că conceptul și cuvântul meu sunt ilustrate înainte de a începe.

Puteți găsi fișierele sursă într-un director numit "sursă" care a apărut în fișierul ZIP pe care l-ați descărcat. Poate doriți să le priviți pe scurt înainte de a începe.


Pasul 1a

Am decis să folosesc cuvântul "Tip" pentru acest tutorial, pentru că în definitiv este vorba care ilustrează tipul. Deci, primul lucru este să tastați cuvântul "Type" în Illustrator. În mod normal, mă voi uita la o grămadă de fonturi diferite pentru a vedea dacă vreunul dintre formularele de scris mi-a ieșit la iveală sau mi-a dat idei.



Pasul 1b

După ce am privit printr-o varietate de fonturi, decid, așa cum fac adesea, pe clasicul ITC Avant Garde Gothic setat în Demi 212.13 pt.



Pasul 2

Apoi, tipăresc a linia părului versiune (subliniată în negru cu o curbă de 0.25pt) a tipului. Folosesc acest tipar ca o modalitate de a fi absolut solid pe lizibilitate, spre deosebire de construirea completă a scrisorilor de la zero, pe care de multe ori le fac și eu. Acesta este, probabil, singurul lucru pe care îl fac, care este diferit de cele mai multe ilustratori, dar eu sunt un designer / illustrator hibrid de fel, deci acesta este unul dintre modurile în care mă duc despre el.



Pasul 3a

Folosind asta linia parului tipăriți, schițez ilustrația direct deasupra imprimării. Mă grăbesc repede în orice idee pe care o pot avea. Aici este una dintre primele schițe de concept (wow care este un desen urât).



Etapa 3b

După câteva alte schițe atrăgătoare, am decis cu privire la direcția cuvântului "Tip" fiind un creion îndoit (cum ar fi paietele nebune de când erai copil).



Etapa 4a

Aduceți schița în AI și blocați-o (comanda + 2).



Pasul 4b

În AI, folosind Instrumentul Pen, începeți să urmăriți liniile corespunzătoare ale schiței.



Pasul 4c

În acest moment, tot ceea ce este dur, începeți să modificați liniile din schiță astfel încât acestea să devină mai sensibile și să arate mai bine. Aici puteți vedea că schița a fost puțin prea liberă în definirea literei "p". Remediați orice problemă de genul asta prin desenarea corectă a acestora (folosind instrumentul Pen).



Pasul 4d

Aici toate liniile sunt desenate și forma generală / aspectul ilustrației începe să se formeze.



Pasul 5a

Apoi, intrați și rafinați toate distanțele și formele astfel încât acestea să fie curate și să arate uniform. De exemplu, pe litera "p" se poate observa că forma cercului care creează castronul este imperfectă. Trebuie să fie reparat astfel încât totul să arate curat și curat.



Pasul 5b

Aici, totul arată bine și, în cea mai mare parte, este egal distanțat. Cred că vine bine - hehe!



Pasul 6

În continuare pur și simplu culoare în forme, folosind paleta de culori sau swatches. Am ales culori relativ apropiate de culorile actuale ale creionului. Folosind instrumentul Rectangle pur și simplu picătură o culoare de fundal, astfel încât să fie mai ușor pentru a vedea de lucru linie. Dacă v-ați dorit, cred că vă puteți opri de fapt în acest moment și ați avea o ilustrație destul de drăguță.



Pasul 7

Dar noi nu suntem quitters noi? Nopers! În continuare, permiteți să puneți câteva detalii care să ia această ilustrație la nivelul următor. După cum probabil ați observat, există o linie în partea stângă a literei "T" care pare inutilă. Fără linia a fost greu să citești litera "T."



Etapa 8a

Vom remedia această problemă (* wink, poate că am planificat acest lucru de la început) utilizând Instrumentul Pen pentru a trage linii astfel încât creionul să citească "No. 2"



Etapa 8b

Apoi, trageți în două rânduri prin formularele de creion galben pentru a descrie marginile creionului. Acum mă descurc în roșu, ca să vezi ce descriu.



Pasul 8c

Odată ce toate liniile sunt desenate, selectați una dintre piesele nou desenate. Apoi mergeți la Selectare> Acelasi> Culoare accident vascular cerebral. De asemenea, puteți utiliza instrumentul Magic Wand Tool. Alegeți o portocală frumoasă, care aproape se amestecă cu culoarea galbenă a creionului.



Pasul 8d

Selectați linia de lucru "Nr. 2", apoi bateți cursa până la 1,5pt în paleta de curse.



Pasul 9

Folosind din nou instrumentul Pen, trageți câteva linii în forma metalică. În paleta de curse, bifați caseta pentru a le face o linie întreruptă.



Pasul 10

Modificați culoarea de fundal într-un albastru / verde închis.



Pasul 11

Înainte vom pune ultimele atingeri. Selectați forma radiată, copiați-o (Command + C) și treceți printr-o nouă formă în față (Command + F). Lipiți într-o textură, pe care o puteți obține de la tutorialul "Creați o textură vectorică" de la "Scratch" și treceți în spatele noii forme de radieră roz. Selectați textura și culoarea acesteia este ușor mai închisă decât culoarea roz inițială. Selectați ambele forme, apoi faceți clic pe Opțiuni și selectați Creare mască de tăiere.



Pasul 12

Selectați crema de lemn a formei creionului, copiați-o (Command + C) și treceți o copie în față (Command + F). Lipiți într-o altă textura, pe care o puteți obține de la tutorialul "Creați o textură vectorială" de la "Scratch", asigurați-vă că ați lipit-o în spatele noii forme de lemn. Selectați textura și culoarea acesteia este o culoare cremă puțin închisă. Selectați ambele forme, apoi faceți clic pe Opțiuni și selectați Creare mască de tăiere.



Pasul 13a

Doar pentru a atrage distracție (folosind instrumentul stilou cu o perie de stoc aplicat) o scribble și cuvântul "ilustrație" provenind de la vârful creionului.



Pasul 13b

Pentru a face să pară că creionul a desenat o linie care se interpune în creion; selectați un singur punct utilizând Instrumentul de selecție directă și copiați (Command + C). Apoi trucul trebuie să deselecteze toate (Shift + Command + A) și să treacă o copie a punctului din față.



Pasul 14

Ultimul lucru pe care trebuie să-l faceți este să lipiți o textura mare chiar deasupra stratului "fundal" și să-l colorați cu o nuanță diferită de culoarea de fundal. Acest lucru îi oferă puțin mai mult. Și terminat!



Imagine finală

Asta e! Imaginea finală este de mai jos. Puteți vedea versiunea mare aici.