Cum se creează o ilustrație simbolică a unui compozitor de trandafir vânt în Adobe Illustrator

Ce veți crea

În pașii următori, veți afla cum să creați o ilustrație a simbolului busolă de vânt în Adobe Illustrator. 

Pentru începători, veți învăța cum să configurați o rețea simplă, cum să focalizați formele și cum să creați obiectul principal folosind un cerc și panoul Aspect. Profitând din plin de efectul Transformare, veți învăța cum să multiplicați cu ușurință formele și cum să creați o rețea destul de complexă a busolei folosind doar câteva căi. 

Folosind un amestec simplu, instrumentul Rotate și alte efecte de transformare, veți învăța cum să creați acele de busolă. Folosind tehnici de curse obișnuite și panoul Aspect, veți învăța cum să creați fundalul și câteva detalii minuscule. În cele din urmă, folosind tehnicile de bază de amestecare și mai multe efecte raster, veți învăța cum să adăugați o textura subtilă designului final.

Pentru mai multă inspirație cu privire la modul de ajustare sau îmbunătățire a ilustrației finale, 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 acestea Mai multe setari buton. Selectați RGB pentru Modul color, Seteaza Raster Effects la Ecran (72 ppi) apoi faceți clic pe acesta Creați un document buton.

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ă 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă, și intră 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 î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 să creați cercul principal

Pasul 1

Alegeți Instrument de elipsă (L) ș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 = 226 G = 228 B = 243. Deplasați-vă la tabloul de bord și creați pur și simplu o 440 px cerc - grila și Fixat la retea ar trebui să facă acest lucru mai ușor.

Apoi, trebuie să vă centrați forma. Deschide Alinia panou (Fereastra> Aliniere) și setați alinierea la artboard. Dacă nu puteți vedea asta Aliniați la , deschideți meniul derulant din Alinia panou și mergeți la Afișați opțiunile. Asigurați-vă că cercul dvs. este încă selectat și apoi faceți clic pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. Acest lucru ar trebui să aducă cercul dvs. în centrul tabloului de bord, așa cum se arată în imaginea următoare.

Pasul 2

Asigurați-vă că cercul dvs. rămâne selectat și deschideți Aspect panou (Fereastră> Aspect). Adăugați oa doua umplere folosind Adăugați o nouă umplere și apoi selectați-l.

Setați culoarea la R = 246 G = 248 B = 255 și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -5 secunde Offset apoi faceți clic pe acesta O.K buton.

Pasul 3

Asigurați-vă că cercul dvs. rămâne selectat și continuați să focalizați pe Aspect panou. Adăugați un al treilea umplere și selectați-l. Setați culoarea la R = 226 G = 228 B = 243 și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -15 imagini decalate apoi faceți clic pe acesta O.K buton.

Continuați să vă concentrați pe Aspect și adăugați celelalte trei umpluturi afișate în imaginea următoare. Utilizați atributele color și offset indicate mai jos.

Pasul 4

Asigurați-vă că cercul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Selectați cursa, setați culoarea la R = 28 G = 35 B = 61 și să crească Greutate la 4 px.

Pasul 5

Asigurați-vă că cercul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al doilea curs utilizând Adăugați un accident vascular cerebral nou buton, selectați-l și mergeți la Efect> Cale> Cale de decalare. Introduceți a -5 secunde Offset apoi faceți clic pe acesta O.K buton.

Pasul 6

Asigurați-vă că cercul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al treilea curs, selectați-l și mergeți la Efect> Cale> Cale de decalare. Introduceți a -15 imagini decalate apoi faceți clic pe acesta O.K buton.

Continuați să vă concentrați pe Aspect și adăugați celelalte trei curse afișate în imaginea următoare. Utilizați atributele color și offset indicate mai jos. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 7

Asigurați-vă că cercul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați o umplere nouă, trageți-o în partea inferioară a panoului și selectați-o.

Setați culoarea la R = 28 G = 35 B = 61, micșorați-l Opacitate la 20% și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -20 px decalat, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la -45 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Blur> Gaussian Blur. Introduceți a 15 px Radius apoi faceți clic pe acesta O.K buton.

3. Cum să creați grila Compas

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 15 x 10 px forma, completați-l cu R = 28 G = 35 B = 61 și plasați-o exact așa cum este prezentat în prima imagine. Continuați să focalizați pe acest dreptunghi minuscul și treceți la Instrumentul de selecție directă (A). Selectați punctele de ancorare de sus și pur și simplu trageți-le 25 px la dreapta. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.

Pasul 2

Asigurați-vă că forma dvs. mică și întunecată este încă selectată și mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 220 px, introduce 1 in aceea Copii , apoi faceți clic pe acesta O.K buton.

Pasul 3

Asigurați-vă că forma dvs. mică, întunecată este încă selectată și căutați din nou Efect> Distortare & Transformare> Transformare. introduce 11 în caseta Copii, setați Unghi la 15 grade, apoi faceți clic pe acesta O.K buton.

Pasul 4

Utilizarea Instrument Pen (P) sau Instrumentul pentru linii (\), creeaza o 20 px verticală și plasați-o exact așa cum se arată în imaginea următoare. Adauga o 2 px cursa pentru această cale și setați culoarea sa R = 28 G = 35 B = 61.

Pasul 5

Asigurați-vă că calea verticală rămâne selectată și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în fereastra din stânga (în imaginea următoare), faceți clic pe aceasta O.K , apoi reveniți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în fereastra din dreapta și apoi faceți clic pe acestea O.K buton.

Pasul 6

Utilizarea Instrument Pen (P) sau Instrumentul pentru linii (\), creeaza o 40 px verticală și plasați-o exact așa cum se arată în imaginea următoare. Adauga o 4 px cursa pentru această cale, și-a stabilit culoarea R = 28 G = 35 B = 61, apoi faceți clic pe acesta Accident vascular cerebral bucată de text pentru a deschide Accident vascular cerebral panou flyout. Deplasați-vă la Profil și selectați Lățimea profilului 4 din lista respectivă.

Pasul 7

Asigurați-vă că calea verticală rămâne selectată și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în fereastra din stânga (asigurați-vă că verificați Reflectă Y caseta), faceți clic pe acesta O.K , apoi reveniți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în fereastra din dreapta și apoi faceți clic pe acestea O.K buton.

Pasul 8

Utilizarea Instrument de elipsă (L), creeaza o 20 px cerc și plasați-o așa cum se arată în prima imagine. Umpleți noua formă cu R = 226 G = 228 B = 243 și adăugați a 4 px accident vascular cerebral. Aliniați-l în interior și setați culoarea la R = 28 G = 35 B = 61.

Continuați să vă concentrați asupra acestui cerc, alegeți Ancora Punct Tool (Shift-C), și pur și simplu faceți clic pe cele patru puncte de ancorare care alcătuiesc forma. Acest lucru va transforma practic cercul dvs. într-un diamant.

Pasul 9

Asigurați-vă că forma dvs. de diamant este încă selectată și aplicați cele două Transforma efectele afișate în imaginea următoare.

4. Cum se creează fundalul

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 790 px pătrat și umpleți-l cu R = 246 G = 248 B = 255. Trimite această nouă formă înapoi (Shift-Control-[) și centralizați-l folosind aceleași comenzi din Alinia panou.

Pasul 2

Asigurați-vă că pătratul tău rămâne selectat și se concentrează pe Aspect panou. Adăugați un al doilea umplere, trageți-l în partea inferioară a panoului și selectați-l. Setați culoarea la R = 28 G = 35 B = 61 și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 35 px Offset apoi faceți clic pe acesta O.K buton.

Pasul 3

Asigurați-vă că pătratul dvs. este încă selectat și că focalizați pe Aspect panou. Selectați topul de umplere și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a 95 px Radius, faceți clic pe asta O.K buton, apoi mergeți la Efect> Cale> Cale de decalare. Introduceți a Decupați 10 px apoi faceți clic pe acesta O.K buton.

Pasul 4

Asigurați-vă că pătratul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Selectați cursa și setați culoarea la R = 28 G = 35 B = 61 și apoi du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 95 px Radius, faceți clic pe asta O.K butonul și reveniți la Aspect panou. Deschide Accident vascular cerebral panou fly-out, setați Greutate la 10 px, și verificați asta Linie întreruptă cutie. introduce 4 px in primul liniuță și decalaj cutii și nu uitați să verificați asta Aliniază cratimă la colțuri și capete ... buton.

Pasul 5

Asigurați-vă că pătratul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al doilea curs și selectați-l. Setați culoarea la R = 28 G = 35 B = 61 și du-te la Efect> Cale> Cale de decalare. Introduceți a -5 secunde Offset, faceți clic pe asta O.K buton, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a 90 px Radius, faceți clic pe asta O.K butonul și reveniți la Aspect panou. Deschide Accident vascular cerebral meniu flyout pentru acest nou accident vascular cerebral, setați Greutate la 5 px, și nu uitați să verificați Aliniați Accident vascular cerebral la interior buton.

Pasul 6

Asigurați-vă că pătratul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Selectați cursorul de sus și duplicați-l utilizând Duplicați articolul selectat buton. Concentrați-vă pe noul curs și faceți clic pur și simplu pe cele existente Calea offset efect pentru ao deschide. Inlocuieste -5 secunde Offset cu 5 secunde Offset apoi faceți clic pe acesta O.K buton. De asemenea, deschideți existența Colturi rotunjite efect și de a crește Rază la 100 px.

5. Cum se creează acele de compas

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 70 x 55 px formați-o și plasați-o exact așa cum este prezentat în prima imagine. Umpleți noua formă cu R = 226 G = 228 B = 243 și adăugați a 4 px accident vascular cerebral. Aliniați-l în interior și setați culoarea la R = 28 G = 35 B = 61.

Asigurați-vă că dreptunghiul dvs. este încă selectat și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Alegeți Ștergeți instrumentul pentru punctul de ancorare (-) și faceți clic pur și simplu pe cele patru puncte de ancorare evidențiate în prima imagine pentru a le elimina. Treceți la Instrumentul de selecție directă (A), selectați punctul de ancorare de nivel superior și trageți-l 195 px sus. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 2

Utilizarea Instrumentul pentru linii (\), creeaza o 225 px verticală și plasați-o așa cum se arată în imaginea următoare. Adauga o 4 px cursa pentru această cale și setați culoarea sa R = 28 G = 35 B = 61.

Pasul 3

Utilizarea Instrumentul dreptunghiular (M), creeaza o 30 x 5 px forma, umpleți-o cu un galben aleatoriu și plasați-o așa cum se arată în prima imagine. Continuați să focalizați pe acest nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați punctele de ancorare corecte și trageți-le 45 px sus.

Selectați din nou Instrumentul dreptunghiular (M), creeaza o 5 px pătrați, umpleți-l cu un galben aleator și plasați-l așa cum se arată în a treia imagine. Treceți la Instrumentul de selecție directă (A), selectați punctele de ancorare corecte și trageți-le 10 px sus. În cele din urmă, lucrurile ar trebui să arate ca în cea de-a cincea imagine.

Pasul 4

Concentrați-vă pe Bara dvs. de instrumente și faceți dublu clic pe Instrumentul de amestecare pentru a deschide Blend Options fereastră. Selectați Pașii specificați de la Spațiere drop-down și introduceți 18 în acea cutie. Resetați-vă formele galbene, înlocuiți culoarea de umplere cu R = 28 G = 35 B = 61 și apoi lovit Alt-Control-B pentru a crea un nou amestec. În cele din urmă, lucrurile ar trebui să arate ca în a doua imagine.

Pasul 5

Selectați amestecul împreună cu celelalte două forme care alcătuiesc acul busolei și grup lor (Control-G). Asigurați-vă că grupul dvs. este selectat și mergeți la Efect> Distortare & Transformare> Transformare. Seteaza Unghi la 90 de grade și intră 3 in aceea Copii cutie. Nu uitați să verificați punctul de referință de la mijlocul fundului, apoi faceți clic pe acesta O.K buton.

Pasul 6

Utilizarea Instrument Pen (P) , creați o cale simplă așa cum este prezentată în prima imagine și completați-o cu ea R = 246 G = 248 B = 255. Adăugați o copie a acestei forme în același loc (Control-C> Control-F) și selectați-l. Înlocuiți culoarea de umplere existentă cu R = 28 G = 35 B = 61 și apoi alegeți Ștergeți instrumentul pentru punctul de ancorare (-) și scoateți punctul de ancorare evidențiat în a doua imagine.

Resetați prima formă realizată în acest pas și adăugați a 4 px accident vascular cerebral. Aliniați-l spre exterior și setați culoarea la R = 28 G = 35 B = 61. Selectați ambele forme realizate în acest pas și grup lor (Control-G).

Pasul 7

Asigurați-vă că grupul din pasul anterior este încă selectat și alegeți Rotiți instrumentul (R). Tine Alt cheia de la tastatură, faceți clic exact pe punctul de ancorare de jos pentru a seta punctul central în acel loc și Roti fereastra se va deschide. Seteaza Unghi la -90 de grade apoi faceți clic pe acesta O.K buton. Asigurați-vă că grupul nou creat rămâne selectat și pur și simplu lovit Control-D de două ori. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

Pasul 8

Utilizarea Instrument de elipsă (L), creeaza o 170 px cerc și plasați-o așa cum se arată în prima imagine. Umpleți noua formă cu R = 28 G = 35 B = 61, micșorați-l Opacitate la 60% și apoi du-te la Efect> Blur> Gaussian Blur. Introduceți a 15 px Radius apoi faceți clic pe acesta O.K buton. Asigurați-vă că această formă neclară rămâne selectată și trimiteți-o în spatele acelor folosind Control-[ Comanda rapidă de la tastatură.

6. Cum se creează Centrul Compas

Pasul 1

Alegeți Instrument de elipsă (L) și de a crea un 90 px cerc. Completați-l cu R = 226 G = 228 B = 243 și centrează-l. Adauga o 4 px accident vascular cerebral și a stabilit culoarea sa R = 28 G = 35 B = 61. Duplicați cursa, selectați copia și mergeți la Efect> Cale> Cale de decalare. Introduceți a -20 px decalat apoi faceți clic pe acesta O.K buton.

Pasul 2

Utilizarea Instrument de elipsă (L), creeaza o 40 px cerc și centrare. Adauga o 2 px accident vascular cerebral pentru această nouă formă, setat culoarea sa R = 28 G = 35 B = 61 și apoi deschideți asta Accident vascular cerebral panou flyout. Concentrați-vă pe Profil și selectați Lățimea profilului 1. Faceți trei copii ale acestui cerc (Control-C> Control-F) și strângeți-le treptat, după cum se arată în imaginea următoare: 30 px, 20 px și 10 px.

Pasul 3

Utilizarea Instrument Pen (P) sau Instrumentul pentru linii (\), creeaza o 10 px verticală și plasați-o exact așa cum se arată în imaginea următoare. Adauga o 2 px cursa pentru această cale, și-a stabilit culoarea R = 28 G = 35 B = 61 și apoi deschideți Accident vascular cerebral panou flyout. Verifică Round Cap și apoi treceți la Profil și selectați Lățimea profilului 4 din lista respectivă.

Asigurați-vă că calea ta mică este încă selectată și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în imaginea următoare (asigurați-vă că verificați Reflectă Y caseta) și apoi faceți clic pe acesta O.K buton.

Pasul 4

Asigurați-vă că calea dvs. mică este încă selectată și căutați din nou Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

7. Cum se adaugă textul

Pasul 1

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Milkshake și setați dimensiunea la 50 px. Pur și simplu faceți clic pe tabloul de bord și introduceți textul. Adăugați cele patru litere afișate în imaginea următoare și setați culoarea lor R = 28 G = 35 B = 61.

Pasul 2

Asigurați-vă că Instrumentul tip (T) este încă activ, reveniți la Caracter și setați dimensiunea la 30 px. Adăugați celelalte patru bucăți de text prezentate în imaginea de mai jos și utilizați aceeași culoare.

8. Cum se adaugă o textură grunduită

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creaza un 810 px pătrați și centrați-l. Umpleți noua formă cu R = 229 G = 207 B = 170 și să se concentreze pe Aspect panou.

Selectați umplerea, micșorați-o Opacitate la 50%, schimba Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 110 px Radius, faceți clic pe asta O.K buton, apoi mergeți la Efect> Schiță> Notă. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 2

Asigurați-vă că dvs. 810 px pătrat este încă selectat și păstrează concentrarea pe Aspect panou. Adăugați un al doilea umplere și selectați-l.

Setați culoarea la R = 67 G = 43 B = 15, micșorați-l Opacitate la 50%, schimba Mod de amestecare la Color Burn, și apoi du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 105 px Radius, faceți clic pe asta O.K buton, apoi mergeți la Efect> Cale> Cale de decalare. Introduceți a -6 secunde Offset, faceți clic pe asta O.K buton, apoi mergeți la Efect> Schiță> Notă. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 3

Asigurați-vă că dvs. 810 px pătrat este încă selectat și păstrează concentrarea pe Aspect panou. Adăugați un al treilea umplere și selectați-l.

Setați culoarea în negru (R = 0G = 0B = 0), micșorați-l Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba și apoi du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 110 px Radius, faceți clic pe asta O.K buton, apoi mergeți la Efect> Artistic> Film Cereal. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 4

Asigurați-vă că dvs. 810 px pătrat este încă selectat și păstrează concentrarea pe Aspect panou. Adăugați o a patra umplere și selectați-o.

Setați culoarea în negru, micșorați-o Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba și apoi du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 110 px Radius, faceți clic pe asta O.K buton, apoi mergeți la Efect> Schiță> Stil grafic. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 5

Asigurați-vă că dvs. 810 px pătrat este încă selectat și păstrează concentrarea pe Aspect panou. Adăugați o umplere finală și selectați-o.

Înlocuiți culoarea cu gradientul liniar prezentat în imaginea următoare, schimba Mod de amestecare la Culoare și apoi du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 110 px Radius apoi faceți clic pe acesta O.K buton. Rețineți că galben zero de la Gradient imaginea reprezintă 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. Nu ezitați să trimiteți rezultatul final în secțiunea de comentarii.

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.