Share
În următorii pași veți învăța cum să transformați ilustrația semnului agățat în Adobe Illustrator. Pentru început, veți avea nevoie doar de un dreptunghi simplu. Profitând pe deplin de panoul Aspect, vom adăuga culori, culori și câteva umbre simple pentru acest dreptunghi. Odată ce aveți piesa principală, vom crea restul formelor folosind instrumente și efecte de bază împreună cu unele tehnici simple de construire a formei vectoriale.
Apăsați Command + N pentru a crea un document nou. Introduceți 600 în căsuțele de lățime și înălțimea, apoi faceți clic pe butonul Avansat. Selectați RGB, Screen (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" nu este bifată înainte de a da clic pe OK.
Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Pentru inceput veti avea nevoie de o grilă la fiecare 5px. Pur și simplu mergeți la Edit> Preferences> Guides> Grid, introduceți 5 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, trebuie să deschideți panoul Informații (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură pe pixeli din Editare> Preferințe> Unitate> General. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Cu ajutorul instrumentului Rectangle (M), creați o formă de 400 x 250px și completați-o cu gradientul liniar prezentat mai jos. Asigurați-vă că acest dreptunghi nou rămâne selectat și deschideți panoul Aspect (fereastră> Aspect). Selectați umplutura existentă din panoul Aspect și mergeți la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK. Treceți la panoul Straturi, faceți dublu clic pe forma făcută în acest pas și denumiți-o "principală".
Asigurați-vă că modul de formă din pasul anterior este încă selectat, focalizați pe panoul Aspect și adăugați un curs de 3 pt. Selectați-l, setați culoarea la R = 200, G = 200, B = 200, aliniați-o în interior și mergeți la Efect> Cale> Cale de decalare. Introduceți o decalare de -16px, faceți clic pe OK și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 8 pixeli, faceți clic pe OK și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.
Asigurați-vă că este încă selectat "principal", focalizați pe panoul Aspect și adăugați un al doilea umplere utilizând butonul Adăugați umplere nouă (indicat de săgeata albastră din imaginea următoare). Selectați această umplere nouă, trageți-o în partea de sus a panoului Aspect, adăugați gradientul liniar prezentat mai jos și mergeți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -19px, faceți clic pe OK și treceți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px și faceți clic pe OK.
Asigurați-vă că este încă selectată opțiunea "principal", focalizați pe panoul Aspect, selectați umplutura adăugată în pasul anterior, apoi apăsați butonul Adăugați umplere nouă. Selectați această umplere nouă, setați culoarea la R = 29, G = 67, B = 122 și mergeți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -20px, faceți clic pe OK și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.
Asigurați-vă că este încă selectat "principal", căutați pe panoul Aspect, selectați umplutura adăugată în pasul anterior și apăsați butonul "Duplicați articolul selectat" (indicat de săgeata albastră din imaginea următoare). Evident, aceasta va adăuga o copie a umplerii selectate. Selectați-l, eliminați efectul Inner Glow existent, apoi înlocuiți culoarea plană cu gradientul radial prezentat mai jos. Zero galben din imaginea gradientului reprezintă procentajul de opacitate.
Asigurați-vă că "încă" este încă selectat, focalizați pe panoul Aspect, selectați umplutura adăugată în pasul anterior și apăsați butonul "Duplicate Element selectat". Selectați această umplutură recent creată și înlocuiți gradientul radial cu un negru plat. De asemenea, reduceți opacitatea la 5%, schimbați Modul de amestecare pentru a multiplica și treceți la Efect> Artistic> Film Grain. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.
Asigurați-vă că este încă selectată opțiunea "principal", focalizați pe panoul Aspect și adăugați trei curse noi utilizând butonul Adăugați o nouă cursă (indicat de săgeata albastră din imaginea următoare). Trageți aceste curse noi în partea superioară a panoului Aspect și setați culoarea la R = 209, G = 211, B = 212. Selectați cel de jos, micșorați Opacitatea la 25%, setați greutatea la 5pt și aliniați-l spre interior. Deplasați-vă până la următorul curs, micșorați Opacitatea la 25%, setați Greutatea înclinată la 3pt și aliniați-l spre interior. În cele din urmă, selectați cursa de sus, coborâți Opacitatea la 75%, setați Greutatea Accidentului la 1pt și aliniați-l înăuntru.
Resetați forma "principală", focalizați pe panoul Aspect, asigurați-vă că nu este selectată nicio umplere sau cursa și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 10px, faceți clic pe OK și accesați Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în prima fereastră, faceți clic pe OK apoi adăugați celelalte două efecte Drop Shadow prezentate în imaginea următoare.
Cu ajutorul instrumentului Rectangle (M), creați o formă de 200 x 90px și plasați-o după cum se arată în prima imagine. Setați culoarea de umplere la niciunul dintre ele, dar adăugați o Greutate de Cursă 3pt și setați culoarea la R = 147, G = 149, B = 152. Asigurați-vă că acest dreptunghi nou rămâne selectat și mergeți la Object> Path> Add Points Anchor. Treceți la Instrumentul de ștergere a ancorei (-) și faceți simplu clic pe cele două puncte de ancorare evidențiate în a doua imagine pentru a le elimina. În final, forma ta ar trebui să arate ca în a treia imagine. Asigurați-vă că este selectată și mergeți la Object> Path> Stroke Outline. Trimiteți forma rezultată înapoi (SHIFT + CTRL + [).
Selectați forma realizată în etapa anterioară, focalizați pe panoul Aspect și adăugați oa doua umplere utilizând butonul Adăugare umplere nouă. Selectați această umplere nouă și utilizați gradientul liniar prezentat în prima imagine. Amintiți-vă că zero-ul galben de la imaginea gradientului reprezintă procentul de opacitate. Continuați să vă concentrați asupra acestei forme, reveniți la panoul Aspect și adăugați oa treia completare utilizând același buton Adăugați o nouă umplere. Selectați această umplere nouă și utilizați gradientul radial prezentat în a doua imagine.
Resetați forma editată în etapa anterioară, focalizați pe panoul Aspect și adăugați o umplere nouă. Selectați-l, setați culoarea alb, coborâți Opacitatea la 25% și mergeți la Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Reveniți la panoul Aspect, asigurați-vă că nu este selectată nici o umplere sau cursa, apoi adăugați cele două efecte Drop Shadow prezentate în imaginea următoare.
Pentru pasul următor veți avea nevoie de o grilă la fiecare 1px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Cu ajutorul instrumentului Rectangle (M), creați o formă de 4 x 10px, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o după cum se arată în imaginea următoare.
Asigurați-vă că forma făcută în etapa anterioară rămâne selectată și se concentrează pe panoul Aspect. Mai întâi, adăugați două curse utilizând butonul Adăugați un nou curs. Selectați cea de jos, setați culoarea albă, faceți-o la maximum 0,5pt și aliniați-o în interior. Deplasați-vă la cursa următoare, setați culoarea la R = 167, G = 169, B = 172, lățimea de 0,25pt și aliniați-o în interior. Continuați să focalizați pe panoul Aspect, asigurați-vă că nu este selectată nicio umplere sau cursă și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 2 pixeli, faceți clic pe OK și treceți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga, faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta și faceți clic pe OK.
Folosind instrumentul Ellipse (L), creați un cerc de 2 pixeli și plasați-l așa cum se arată în prima imagine. Umpleți-l cu gradientul liniar prezentat mai jos și micșorați opacitatea la 75%. Continuați cu instrumentul Ellipse (L), creați un cerc de 6 pixeli, plasați-l așa cum se arată în a doua imagine și setați culoarea de umplere la R = 130, G = 130, B = 130. Trimiteți această formă nouă înapoi (SHIFT + CTRL + [) și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 5px și faceți clic pe OK.
Folosind Instrumentul Tip (T), vă adăugați piese albe de text. Utilizați proprietățile textului afișate în imaginea următoare, apoi setați Modul de amestecare la Lumină moale. Aici este fontul "PwMarker" și aici este fontul "Marker SD Italic".
În cele din urmă, să adăugăm un fundal simplu. Utilizând instrumentul Rectangle (M), creați o dimensiune a tabloului dvs. Artboard, Trimiteți-l înapoi (SHIFT + CTRL + [) și setați culoarea la R = 239, G = 245, B = 249. Adăugați un al doilea umplutură pentru acest dreptunghi nou, selectați-l și utilizați gradientul radial prezentat în imaginea următoare.
Reluați forma efectuată în etapa anterioară, focalizați pe panoul Aspect și adăugați un al treilea umplutură. Faceți-l negru, coborâți opacitatea la 15%, schimbați modul de amestecare pentru a multiplica și mergeți la Efect> Schiță> Notă hârtie. Introduceți datele afișate mai jos și faceți clic pe OK. Continuați să focalizați pe panoul Aspect și adăugați o a patra umplere pentru această formă. Veți avea nevoie de un model construit pentru acest nou umplere. Deplasați-vă în panoul Swatches, deschideți meniul derulant și accesați Open Swatch Library> Patterns> Graphics Basic> Basic Graphics_Textures. Aceasta ar trebui să deschidă o fereastră nouă cu un set simplu de model încorporat. Veți avea nevoie doar de modelul "Diamond". Asigurați-vă că dreptunghiul de fundal este încă selectat și reveniți la panoul Aspect. Selectați cea de-a patra umplere, adăugați modelul "Diamond", micșorați opacitatea la 10%, schimbați modul de amestecare pentru a multiplica și mergeți la Efect> Artistic> Film Grain. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.
Acum munca ta sa terminat. Iată cum ar trebui să arate. Simțiți-vă liber să utilizați un set diferit de culori pentru acele umpleri albastre care formează forma "principală". Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.
Accentsconagua