Cum se creează un efect detaliat al textului Caterpillar în Adobe Illustrator

Ce veți crea

În următorii pași veți învăța cum să creați un efect textil destul de simplu în text în Adobe Illustrator. 

Pentru începători, veți învăța cum să configurați o rețea simplă și cum să creați principalele forme utilizând instrumentele de bază, unele efecte Warp și caracteristica Live Corners. Mergând mai departe, veți învăța cum să salvați o perie caligrafică, cum să profitați din plin de panoul Aspect și de câteva trucuri de accident vascular cerebral. În cele din urmă, veți învăța cum să salvați și să utilizați perii de artă, cum să creați un fundal puțin texturat și cum să adăugați umbre subtile.

Pentru mai multă inspirație cu privire la modul de ajustare sau îmbunătățire a efectului final de text, puteți găsi o mulțime de resurse pe GraphicRiver.

1. Cum să creați un document nou și să configurați o rețea

Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 850 în caseta de lățime și 600 în caseta de înălțime, apoi faceți clic pe acesta Avansat buton. Selectați RGB pentru Modul color, Seteaza Raster Effects la Ecran (72 ppi), apoi faceți clic pe Creați un document.

Activați Grilă (Afișați> Afișați grilă) și Fixat la retea (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 0,5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, și intră 0.5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă - vă va ușura munca și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" Comanda rapidă de la tastatură.

Puteți afla mai multe despre sistemul de grilă al Illustratorului și despre modul în care acesta vă poate ușura munca în acest tutorial scurt de la Andrei Stefan: Înțelegerea sistemului de grilă Adobe Illustrator.

De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități> Generale. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Cum se creează forme de pornire

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 192 G = 39 B = 45. Deplasați-vă la tabloul de bord și creați pur și simplu o 5,5 x 10 px dreptunghi.

Treceți la Instrumentul de selecție directă (A) și selectați cele patru puncte de ancorare care alcătuiesc dreptunghiul. Mergeți în bara de sus și introduceți 0,5 px in aceea cornere cutie.

Pasul 2

Asigurați-vă că ați selectat dreptunghiul rotunjit și mergeți la Efect> Warp> Arderea. Verifică Orizontală caseta, trageți aplecare glisați la 50%, apoi faceți clic pe acesta O.K buton.

Pasul 3

Duplicați-vă forma (Control-C> Control-F). Selectați copia și trageți-o 5,5 px spre dreapta, după cum se arată în prima imagine.

Selectați ambele forme făcute până acum și mergeți la Obiect> Extindeți aspectul.

Pasul 4

Utilizarea Instrumentul dreptunghiular (M), creeaza o 4,5 x 10 px forma, completați-l cu R = 236 G = 28B = 36, și plasați-o așa cum se arată în prima imagine.

Continuați să vă concentrați pe acest nou dreptunghi și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați punctele de ancorare din stânga și introduceți 0,5 px in aceea cornere , apoi selectați punctele de ancorare corecte și introduceți 1 px în același timp cornere cutie. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 5

Resetați forma cea mai nouă și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Din nou, introduceți atributele afișate în imaginea următoare și faceți clic pe acesta O.K buton.

Pasul 6

Utilizarea Instrumentul dreptunghiular (M), creeaza o 4,5 x 9 px forma, completați-l cu R = 240 G = 90 B = 36, și plasați-o așa cum se arată în prima imagine.

Continuați să vă concentrați pe acest nou dreptunghi și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați punctele de ancorare din stânga și introduceți 0,5 px in aceea cornere , apoi selectați punctele de ancorare corecte și introduceți 1 px în același timp cornere cutie. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 7

Resetați forma portocalie și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Din nou, introduceți atributele afișate în imaginea următoare și faceți clic pe acesta O.K buton. Asigurați-vă că forma selectată este selectată și trimiteți-o înapoi folosind Shift-Control-[ Comanda rapidă de la tastatură.

Pasul 8

Utilizarea Instrumentul dreptunghiular (M), creeaza o 4,5 x 8 px forma, completați-l cu R = 246 G = 146 B = 30, și plasați-o așa cum se arată în prima imagine.

Continuați să vă concentrați pe acest nou dreptunghi și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați punctele de ancorare din stânga și introduceți 0,5 px in aceea cornere , apoi selectați punctele de ancorare corecte și introduceți 1 px în același timp cornere cutie. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 9

Resetați forma galbenă și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Din nou, introduceți atributele afișate în imaginea următoare și faceți clic pe acesta O.K buton. Asigurați-vă că forma selectată este selectată și trimiteți-o înapoi utilizând aceiași Shift-Control-[ Comanda rapidă de la tastatură.

Pasul 10

Utilizarea Instrumentul dreptunghiular (M), creeaza o 3,5 x 7 px forma, completați-l cu R = 250 G = 175 B = 59, și plasați-o așa cum se arată în prima imagine.

Continuați să vă concentrați pe acest nou dreptunghi și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați punctele de ancorare din stânga și introduceți 0,5 px in aceea cornere , apoi selectați punctele de ancorare corecte și introduceți 1 px în același timp cornere cutie. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 11

Resetați forma cea mai nouă și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Din nou, introduceți atributele afișate în imaginea următoare, apoi faceți clic pe acesta O.K buton. Asigurați-vă că forma dorită este selectată și trimiteți-o înapoi (Shift-Control-[).

Pasul 12

Utilizarea Instrumentul dreptunghiular (M), creeaza o 3,5 x 6 px forma, completați-l cu R = 255 G = 200 B = 0 și plasați-o așa cum se arată în prima imagine.

Continuați să vă concentrați pe acest nou dreptunghi și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați punctele de ancorare din stânga și introduceți 0,5 px in aceea cornere , apoi selectați punctele de ancorare corecte și introduceți 2 px în același timp cornere cutie. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 13

Resetați forma cea mai nouă și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Din nou, introduceți atributele afișate în imaginea următoare, apoi faceți clic pe acesta O.K buton. Asigurați-vă că forma dorită este selectată și trimiteți-o înapoi (Shift-Control-[).

Pasul 14

Selectați cele cinci forme evidențiate în imaginea următoare și accesați Obiect> Transformați> Reflectați. Verifică Vertical apoi faceți clic pe acesta Copie buton. Selectați formele noi și trageți-le spre stânga, după cum se arată în imaginea următoare.

3. Cum să salvați o pensulă caligrafică

Deschide Perii panou (Fereastra> Perii) și faceți clic pe acesta Pensulă nouă buton. Verifică Pensulă caligrafică , apoi faceți clic pe O.K buton. Denumiți noua dvs. perie "0,75 pt. Oval"introduceți toate atributele afișate mai jos, apoi faceți clic pe acesta O.K buton.

4. Cum se culorează forma de mijloc

Pasul 1

Selectați cele două forme, roșu închis, focalizați pe Aspect panou (Fereastră> Aspect) și înlocuiți culoarea de umplere cu R = 172 G = 198 B = 8.

Pasul 2

Asigurați-vă că formele verzi sunt încă selectate, continuați să focalizați pe Aspect panou și adăugați o a doua umplere utilizând Adăugați o nouă umplere buton. Selectați noua umplutură și faceți-o albă, micșorați-o Opacitate la 70%, schimba Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Distortare & Transformare> Transformare. Introduceți toate atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

Pasul 3

Asigurați-vă că formele verzi sunt încă selectate, continuați să focalizați pe Aspect și adăugați oa treia umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați noua umplere, setați culoarea la R = 0 G = 56 B = 24, și apoi du-te la Efect> Distortare & Transformare> Transformare. Introduceți toate atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

Pasul 4

Asigurați-vă că formele verzi sunt încă selectate și păstrați focalizarea pe Aspect panou. Resetați acea umplutură de sus și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

Pasul 5

Asigurați-vă că formele verzi sunt încă selectate și păstrați focalizarea pe Aspect panou. Selectați cursorul, aplicați "0,75 pt. Oval"perie caligrafică din Perii și setați culoarea la R = 128 G = 147 B = 6.

5. Modul de colorare a formelor rămase

Pasul 1

În primul rând, trebuie să copiați Aspect atributele formelor dvs. verzi și lipiți-le pe cele cinci forme care se află pe partea dreaptă. 

Acest lucru se poate face destul de ușor de la straturi panou (Fereastră> Straturi). Extindeți-vă stratul și veți observa un cerc mic din partea dreaptă a tuturor obiectelor dvs. - aceasta este o pictogramă țintă. Tine Alt faceți clic pe pictograma țintă care reprezintă una dintre formele voastre verzi și trageți în cercul care reprezintă una din formele care se află pe partea dreaptă.

Selectați toate cele cinci forme odată ce ați copiat atributele și concentrați-vă pe Aspect panou. Deschide Urzeală efect aplicat acelei umpleri de sus și înlocuiți umflătură stil cu Arc stilul prezentat mai jos.

Pasul 2

Din nou, copiați Aspect atributele formelor dvs. medii verzi, și de data aceasta lipiți-le pe cele cinci forme care se află pe partea stângă.

Odată ce ați terminat, selectați toate cele cinci forme și concentrați-vă pe Aspect panou. Deschide Urzeală efect aplicat acelei umpleri de sus și înlocuiți umflătură stil cu Arc stilul prezentat mai jos.

6. Cum să adăugați câteva spații verzi

Pasul 1

Utilizarea Instrument de elipsă (L), creați o grămadă de cercuri stoarse așa cum se arată în imaginea următoare și completați-le cu R = 240 G = 120 B = 44.

Pasul 2

Selectați cercurile portocalii stoarse evidențiate în imaginea următoare și accesați Efect> Warp> Arc. Introduceți atributele afișate mai jos, apoi faceți clic pe O.K buton.

Pasul 3

Selectați cercurile portocalii stoarse evidențiate în imaginea următoare și accesați Efect> Warp> Arc. Introduceți atributele afișate mai jos, apoi faceți clic pe O.K buton.

7. Cum să adăugați câteva subliniere subtile

Pasul 1

Utilizarea Instrument de elipsă (L), creați două 1 x 6,5 px forme. Umpleți ambele forme cu alb și plasați-le după cum se arată în imaginea de mai jos. Selectați aceste cercuri stoarse unul câte unul și aplicați Urzeală efectele prezentate mai jos.

Pasul 2

Utilizarea Instrument de elipsă (L), creați încă cinci cercuri stoarse, așa cum se arată în prima imagine. Faceți-le albe și nu uitați să le aplicați Urzeală efect prezentat mai jos.

Pasul 3

Utilizarea Instrument de elipsă (L), creați încă cinci cercuri stoarse așa cum se arată în prima imagine. Faceți-le albe și nu uitați să le aplicați Urzeală efect prezentat mai jos.

Pasul 4

Selectați toate cercurile albe stoarse și schimbați Mod de amestecare la Acoperire.

8. Cum se creează antenele și părul

Pasul 1

Utilizarea Instrument Pen (P), creați două căi ca în prima imagine. Adauga o 0,5 px accident vascular cerebral pentru aceste căi, a stabilit culoarea sa R = 0 G = 56 B = 24, și să se concentreze pe Aspect panou. Pur și simplu faceți clic pe faptul că "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral ieșiți din panou și selectați Lățimea profilului 4 din aceasta Profil meniul derulant.

Pasul 2

Dezactivați Grilă (Control-") si Fixat la retea (Shift-Control-“).

Utilizarea Instrument Pen (P), adăugați o grămadă de căi ca în imaginea de mai sus. Asigurați-vă că toate aceste căi sunt selectate, trimiteți-le înapoi (Shift-Control-[) și aplicați aceeași curbă întunecată folosită în pasul anterior.

9. Cum să salvați două perii de artă

Pasul 1

Selectați toate formele realizate până acum și faceți clic pe acestea Pensulă nouă butonul din Perii panou. Verifică Art Brush și faceți clic pe O.K buton. Denumiți această perie nouă "Caterpillar Art Brush 100%", introduceți toate atributele afișate mai jos, apoi faceți clic pe acesta O.K buton.

Pasul 2

Continuați să vă concentrați pe Perii panou și trageți peria de artă omologă deasupra Pensulă nouă pentru a-l duplica. Faceți dublu clic pe peria nou adăugată, redenumiți-o "Caterpillar Art Brush 200%", trageți Lăţime glisați la 200%, apoi faceți clic pe acesta O.K buton.

10. Cum se creează fundalul și se adaugă text

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creaza un 860 x 610 px forma, completați-l cu R = 235 G = 232 B = 215, și asigurați-vă că acoperă întreaga placă de artă.

Pasul 2

Asigurați-vă că dreptunghiul dvs. mare este încă selectat, focalizați pe Aspect și adăugați un al doilea umplere. Faceți-l negru, micșorați-l Opacitate la 3%, schimba Mod de amestecare la Multiplica, și du-te la Efect> Artistic> Film Cereal. Introduceți atributele afișate mai jos, apoi faceți clic pe O.K buton.

Pasul 3

Asigurați-vă că dreptunghiul dvs. mare este încă selectat, continuați să focalizați pe Aspect și adăugați un al treilea umplutură. Setați culoarea la R = 255 G = 200 B = 0, micșorați-l Opacitate la 15%, schimba Mod de amestecare la Multiplica, și du-te la Efect> Artistice> Burete. Introduceți atributele afișate mai jos, apoi faceți clic pe O.K buton.

Pasul 4

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Pacifico, setați dimensiunea la 180 px, și creșteți urmărirea 200. Pur și simplu faceți clic pe tabloul de bord și adăugați textul alb.

Pasul 5

Asigurați-vă că textul dvs. este încă selectat, înlocuiți-l cu albul R = 216 G = 223 B = 33, coborâți Opacitate la 50%, și apoi du-te la Efect> Distort & Transform> Tweak. Introduceți atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

11. Cum se creează efectul textului și se adaugă o umbrire subtilă

Pasul 1

Alegeți Instrument perie (B) și selectați "Caterpillar Art Brush 200%"perie de arta de la Perii panou. Utilizați textul ca referință grosieră și desenați o grămadă de căi ca în imaginea următoare.

Pasul 2

Asigurați-vă că toate periile adăugate în pasul anterior sunt selectate și mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din stânga sus (în imaginea următoare), faceți clic pe O.K , apoi aplicați celelalte trei Umbra efectele prezentate mai jos.

Pasul 3

Alegeți Instrument perie (B) și de această dată selectați "Caterpillar Art Brush 100%"perie de arta de la Perii panou. Adăugați o grămadă de căi ca în imaginea următoare.

Pasul 4

Asigurați-vă că toate periile adăugate în pasul anterior sunt selectate și aplicați cele trei Umbra efectele prezentate mai jos.

Pasul 5

Utilizarea Instrumentul dreptunghiular (M), creaza un nou 860 x 610 px forma, umpleți-l cu gradientul radial prezentat mai jos și schimbați Mod de amestecare la Lumina slaba. Rețineți că galben zero de la Gradient imagine (Fereastră> Gradient) înseamnă Opacitate procent.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.

Simțiți-vă liber să reglați designul final și să-l faceți al tău. Puteți găsi câteva surse de inspirație deosebite pe GraphicRiver, cu soluții interesante pentru îmbunătățirea designului.