Cum se creează un efect de lumanari de sărbători în Adobe Illustrator

Ce veți crea

În următorii pași veți învăța cum să creați un efect de text pentru lumanari de sărbătoare în Adobe Illustrator. 

Pentru începători, veți învăța cum să configurați o rețea simplă și cum să creați un fundal subtil. Folosind un font gratuit și panoul Aspect, împreună cu câteva tehnici de amestecare și grupare de bază, veți învăța cum să creați principalele forme de text. Veți învăța cum să vă ușurați munca cu ajutorul icoanelor țintă și cum să vă organizați formele în panoul Straturi. În cele din urmă, veți învăța cum să utilizați unele efecte Warp și cum să adăugați texturi subtile și umbrire.

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 la 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 casetele de lățime și înălțime, apoi faceți clic pe acesta Mai multe setari 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 grila (Afișați> Afișați grilă) și Snap to Grid (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 1 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă, introduce 1 în Grilă în fiecare și 1 în subdiviziunile cutie. Încearcă să nu te descurajezi de grila asta; aceasta va ușura munca dvs. și rețineți că puteți să o activați sau să o dezactivați cu ușurință Control-" Comanda rapidă de la tastatură.

Puteți afla mai multe despre sistemul de grilă al Illustratorului în acest scurt tutorial de la Andrei Ștefan: Î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. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

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

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 = 155 G = 173 B = 202.

Deplasați-vă la tabloul de bord, creați un 860 px pătrat, și asigurați-vă că acoperă întreaga placă de artă.

Pasul 2

Deschideți meniul de zbor din dvs. Specimene panou (Fereastră> Swatches) și du-te la Open Swatch Library> Modele> Grafică de bază> Grafică de bază. Aceasta va deschide un nou panou cu câteva modele încorporate.

Asigurați-vă că pătratul dvs. albastru este încă selectat, focalizați pe Aspect panou (Fereastră> Aspect) și adăugați o umplere nouă folosind Adăugați o nouă umplere buton. Selectați această umplere nouă, aplicați Mezzotint neregulat model, apoi să-i coborâți Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 3

Concentrați-vă pe straturi panou (Fereastră> Straturi), blocați stratul existent și apoi adăugați un al doilea strat folosind Creați un nou strat buton. Selectați-l.

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Coiny și setați dimensiunea la 170 px. Pur și simplu faceți clic pe artboard dvs. și adăugați "PRIMELE 10 ZILE", plasați-o în centrul tabloului de bord și setați culoarea R = 255 G = 242 B = 161.

Pasul 4

Asigurați-vă că textul dvs. este încă selectat, mergeți la Tip> Creați contururi, și apoi pur și simplu lovit Shift-Control-G la Degrupeaza grupul rezultat.

3. Modul de modelare a formelor de scrisoare

Pasul 1

Să ne concentrăm asupra uneia din formele literelor. Selectați-l și mergeți la Aspect panou.

Selectați umplutura existentă, înlocuiți culoarea cu gradientul liniar prezentat mai jos, apoi treceți la Efect> Cale> Cale de decalare. Introduceți a 6 secunde Offset, apasă pe O.K buton, apoi mergeți la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate în imaginea următoare, faceți clic pe aceasta O.K buton, apoi mergeți la Efect> Stylize> Glow Inner. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 2

Asigurați-vă că forma literei stilizate rămâne selectată și păstrați focalizarea pe Aspect panou.

Selectați cursa și înlocuiți culoarea cu gradientul liniar prezentat mai jos. Coboară-i Opacitate la 70% și schimbați Mod de amestecare la Lumina slaba, apoi faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Măriți Greutate la 4 px și verificați asta Aliniați accident vascular cerebral în afară buton.

Pasul 3

Asigurați-vă că forma literei stilizate rămâne selectată și păstrați focalizarea pe Aspect panou. Adăugați un al doilea curs utilizând Adăugați un accident vascular cerebral nou și selectați-l.

Setați culoarea la R = 241 G = 77 B = 12 si Greutate la 5 px și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 2 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate în imaginea următoare, faceți clic pe O.K buton, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

Pasul 4

Asigurați-vă că forma literei stilizate rămâne selectată și păstrați focalizarea pe Aspect panou. Adăugați un al treilea curs și selectați-l.

Setați culoarea la R = 252 G = 138 B = 6 si Greutate la 3 px și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 2 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate în imaginea următoare, faceți clic pe O.K , apoi deschideți Accident vascular cerebral meniu flyout. Focalizați pe partea de jos, deschideți Profil drop-down și selectați Lățimea profilului 2.

Pasul 5

Asigurați-vă că forma literei stilizate rămâne selectată și păstrați focalizarea pe Aspect panou. Adăugați un al patrulea curs și selectați-l.

Setați culoarea la R = 255 G = 191 B = 23 si Greutate la 1 px și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 2 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate în imaginea următoare, faceți clic pe O.K , apoi deschideți Accident vascular cerebral meniu flyout. Deschide Profil drop-down și selectați Lățimea profilului 6.

Pasul 6

Concentrați-vă pe straturi panou, deschideți stratul superior și utilizați aceste icoane țintă pentru a aplica cu ușurință Aspect atributele folosite pentru formatele primei litere pentru restul formelor. Icoanele țintă sunt micile icoane rotunde afișate în extrema dreaptă a fiecărui strat sau formă individuală. Tine Alt butonul de pe tastatură, faceți clic pe pictograma destinație care reprezintă formatele de litere stilizate și apoi trageți-o într-una dintre pictogramele țintă care reprezintă celelalte forme de litere. Utilizați aceeași tehnică pentru a stiliza restul formelor.

4. Cum se creează suporturile din plastic

Pasul 1

Concentrați-vă pe partea de jos a formelor primei litere. Utilizarea Instrumentul dreptunghiular (M), creeaza o 20 x 25 px forma și plasați-o așa cum se arată în imaginea de mai jos.

Umpleți-l cu un purpuriu pur și apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 2 px, apasă pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creeaza o 6 x 20 px forma și plasați-o așa cum se arată în imaginea de mai jos.

Completați-l cu negru și apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 1 px, apasă pe O.K buton, apoi mergeți la Efect> Warp> Arc Upper. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 3

Asigurați-vă că formele dvs. negre și violete sunt încă selectate și mergeți la Obiect> Extindeți aspectul. Selectați formele rezultate, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Minus Front buton.

Pasul 4

Asigurați-vă că forma dvs. violet este încă selectată și că focalizați pe Aspect panou. Selectați umplutura, înlocuiți culoarea cu gradientul liniar prezentat mai jos, apoi treceți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 5

Asigurați-vă că forma dvs. mică este încă selectată și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 2 px, apasă pe O.K buton, apoi mergeți la Efect> Warp> Arc inferior. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton. Odată ce ați terminat, trimiteți această formă înapoi utilizând Shift-Control-[ Comanda rapidă de la tastatură.

Pasul 6

Multiplicați forma mică (Control-C> Control-V) și distribuiți copiile după cum se arată în imaginea de mai jos. Nu uitați să le trimiteți în spate (Shift-Control-[)

5. Cum să adăugați umbrirea și o mulțime de puncte colorate

Pasul 1

Selectați formatul primei litere împreună cu cel mic și grup lor (Control-G).

Pasul 2

Asigurați-vă că noul dvs. grup este încă selectat și mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din stânga (în imaginea următoare), faceți clic pe aceasta O.K , apoi aplicați celelalte două Umbra efectele prezentate mai jos.

Pasul 3

Treceți la restul formelor și grup așa cum ați făcut cu primele două. Din nou, utilizați aceste icoane țintă în straturi pentru a transfera cu ușurință Umbra efecte de la un grup la altul.

Pasul 4

Concentrați-vă pe straturi panou, blocați al doilea strat și adăugați un al treilea strat. Selectați-l.

Utilizarea Instrument de elipsă (L), creați o grămadă de 5 px cercuri, împrăștiați-le ca în imaginea următoare și completați-le cu cele șase culori prezentate mai jos.

Pasul 5

Înmulțiți cercurile colorate și împrăștiați-le așa cum se arată în imaginea următoare.

Pasul 6

Selectați toate cercurile colorate și mergeți la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

6. Cum se creează flăcările

Pasul 1

Concentrați-vă pe straturi panou, blocați cel de-al treilea strat și adăugați un al patrulea strat. Selectați-l și apoi focalizați pe partea superioară a formei primei litere.

Utilizarea Instrument de elipsă (L), creeaza o 16 x 45 px forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Concentrați-vă pe partea superioară a acestui cerc stins, alegeți Ancora Punct Tool (Shift-C), și faceți clic pur și simplu pe acel punct de ancorare.

Pasul 2

Utilizarea Instrument de elipsă (L), creeaza o 10 x 34 px forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată, alegeți Ancora Punct Tool (Shift-C), și faceți clic pe punctul de ancorare de sus.

Pasul 3

Utilizarea Instrument de elipsă (L), creeaza o 6 x 22 px forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată, alegeți Ancora Punct Tool (Shift-C), și faceți clic pe punctul de ancorare de sus.

Pasul 4

Utilizarea Instrumentul dreptunghiular (M), creeaza o 2 x 32 px forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată și alegeți Instrumentul de selecție directă (A). Selectați punctele de ancorare de sus și mergeți la Obiect> Cale> Mediu (Alt-Control-J). Verifică Ambii apoi faceți clic pe acesta O.K buton.

Pasul 5

Utilizarea Instrument de elipsă (L), creeaza o 12 x 22 px forma, completați-l cu R = 255 G = 247 B = 209, și plasați-o așa cum se arată în prima imagine. Coboară-i Opacitate la 40% și schimbați Mod de amestecare la Acoperire.

Folosind același instrument, creați un 6 x 2 px forma și umple-l cu gradientul liniar prezentat mai jos. Plasați-o așa cum se arată în a doua imagine și trimiteți-o înapoi (Shift-Control-[).

Pasul 6

Selectați toate formele care formează flacăra și grup lor (Control-G). Înmulțiți acest grup (Control-C> Control-V) și distribuiți copii după cum se arată în imaginea următoare.

Pasul 7

Selectați primul grup de flacără și mergeți la Efect> Warp> Steag. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton. Selectați restul grupurilor și aplicați același lucru Warp-Flag efect, dar jucați cu aplecare atribut.

Pasul 8

Alegeți Instrument de elipsă (L) și de a crea o grămadă de 40 px cercuri. Umpleți aceste forme noi R = 255 G = 247 B = 209 și plasați-le așa cum se arată în imaginea următoare.

Pasul 9

Asigurați-vă că setul dvs. de 40 px cercurile rămân selectate, trimiteți-le înapoi (Shift-Control-[), și apoi se concentreze pe Aspect panou. Coborâți Opacitate la 25% și schimbați Mod de amestecare la Acoperire, și apoi du-te la Efect> Blur> Gaussian Blur. Introduceți a 10 px Radius apoi faceți clic pe acesta O.K buton.

7. Cum se adaugă umbrirea și o textura subtilă

Pasul 1

Creaza un nou 860 px pătrați, asigurați-vă că acoperă întreaga placă grafică și completați-o cu gradientul radial prezentat mai jos. Rețineți că galben zero de la Gradient imagine (Fereastră> Gradient) înseamnă Opacitate procent. Concentrați-vă pe Aspect și selectați umplerea existentă. Coboară-i Opacitate la 70% și schimbați Mod de amestecare la Lumina slaba.

Pasul 2

Asigurați-vă că forma cea mai nouă este încă selectată, focalizați-vă pe Aspect și adăugați un al doilea umplere. Selectați-l și setați culoarea pe negru, micșorați-o Opacitate la 15% și schimbați Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Artistic> Film Cereal. Introduceți atributele afișate în imaginea următoare, faceți clic pe aceasta O.K buton, și ați terminat.

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 extraordinare la GraphicRiver, cu soluții interesante pentru îmbunătățirea designului.