Share
În următorul tutorial veți învăța cum să creați o ilustrare a rolei de vopsea cu un efect de textură de tip vopsea. Vom folosi metode dovedite de construire vectorială a pixelilor, vom adăuga iluminare și efecte de Opacitate și vom urmări efectele grundurilor raster în căi vectoriale. Aflați fiecare etapă a modului de a crea acest efect de text a rolei de vopsea.
Apăsați Command + N pentru a crea un document nou. Introduceți 1350 în caseta de lățime și 1000 în caseta de înălțime, apoi faceți clic pe butonul Avansat. Selectați RGB, Ecran (72ppi) și asigurați-vă că caseta Align New Objects to Pixel Grid nu este bifată înainte de a face clic pe OK. Acum, activați Grid (Vizualizare> Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă).
Apoi, veți avea nevoie de o rețea la fiecare 1px. Accesați Edit> Preferences> Guides & Grid, introduceți 1 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. 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.
Alegeți instrumentul Rectangle (M), creați cinci, 25 de forme de 1px, plasați-le unul sub altul și completați-le cu culorile de mai jos. Selectați toate aceste căi și accesați panoul Perii (fereastră> Perii). Deschideți meniul derulant, faceți clic pe Pensulă nouă, bifați butonul Pattern pentru perie și faceți clic pe OK.
Se va deschide fereastra Opțiuni perie model. Introduceți datele afișate mai jos, faceți clic pe OK și veți găsi noua dvs. perie de model în panoul Perii. Resetați aceste șapte dreptunghiuri gri și le ștergeți din panoul Straturi. Nu veți mai avea nevoie de aceștia.
Pentru pasul următor veți avea nevoie de o grilă la fiecare 5px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 5 în caseta Gridline în fiecare casetă. Luați cu instrumentul Pen (P) și trageți o cale simplă, ca cea neagră prezentată în imaginea următoare.
Nu vă faceți griji, Snap to Grid vă va ușura munca. Treceți la instrumentul Rectangle (M), creați o formă de 110 × 30px și completați-o cu R = 240, G = 240, B = 240. Acum creați o formă de 20 de 60px și umpleți-o cu R = 62 G = 143 B = 209. Așezați aceste două dreptunghiuri, după cum se arată mai jos. Din nou, Snap to Grid vă va ușura munca.
Resetați calea neagră creată în pasul anterior și accesați panoul Aspect. Asigurați-vă că nu aveți setul de culori pentru umplere, apoi selectați cursa. Deplasați-vă în panoul Perii, faceți clic pe peria de model și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 2 pixeli și faceți clic pe OK.
Reveniți la "grilă la fiecare 1px". Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Concentrați-vă pe forma albastră și alegeți Instrumentul de selecție directă (A). Selectați punctul de ancorare din partea de sus, stânga și mutați-l 2px spre dreapta, apoi selectați punctul de ancorare din partea de sus și dreapta și mutați 2px spre stânga. Forma rezultată ar trebui să arate ca în a doua imagine.
Resetați forma albastră și treceți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 3 pixeli, faceți clic pe OK și mergeți la Efect> Warp> Arc Down. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), apoi mergeți la Edit> Preferences> General și asigurați-vă că Incrementul tastaturii este setat la 1px. Resetați forma albastră și treceți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -1,5px și faceți clic pe OK.
Umpleți forma rezultată cu alb și faceți o copie în față (Command + C> Command + F). Selectați această copie și apăsați de două ori pe săgeata dreapta. Resetați ambele forme albe și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați forma rezultată și reduceți Opacitatea la 30%.
Resetați forma albastră și treceți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -1,5px și faceți clic pe OK. Din nou, completați forma rezultată cu alb și faceți o copie în față (Command + C> Command + F). Selectați această copie și apăsați de două ori pe săgeata din stânga. Resetați ambele forme albe și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați forma rezultată și reduceți Opacitatea la 30%.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Ellipse (L), creați un cerc de 4 pixeli și plasați-l așa cum se arată în prima imagine. Selectați-l împreună cu forma albastră și faceți clic pe butonul Minus Front din panoul Pathfinder.
Resetați forma albastră, focalizați pe panoul Aspect și faceți clic pur și simplu pe butonul Adăugare umplere nouă. Este pătratul mic din partea de jos a panoului Aspect. Evident, acest lucru va adăuga o nouă umplere pentru forma.
Selectați-l din panoul Aspect, micșorați opacitatea la 30% și utilizați gradientul liniar prezentat în imaginea următoare. Zero galben din imaginea gradientului reprezintă procentajul de opacitate. Asigurați-vă că această umplere nouă este încă selectată și treceți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -1,5px și faceți clic pe OK.
Resetați forma albastră și un prim curs. Asigurați-l lățime de 1,5pt, aliniați-l spre interior și setați culoarea la R = 153, G = 200, B = 220. Asigurați-vă că această formă este încă selectată și faceți clic pe butonul Adăugați un nou accident din partea de jos a panoului Aspect. Selectați acest stoke nou, faceți-l la 0.75pt lățime, aliniați-l spre interior și setați culoarea la R = 32, G = 93, B = 153.
Alegeți instrumentul Rectangle (M), creați o formă de 5x6px și o formă de 6x3px, apoi plasați-le după cum se arată mai jos. Selectați forma top și mergeți la Efect> Warp> Arc Lower. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance. Selectați forma de fund și mergeți la Efect> Warp> Arc Upper. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Resetați calea cu peria de model și faceți o copie în față (Command + C> Command + F). Selectați această copie și accesați Object> Expand Appearance. Selectați grupul de forme care rezultă și faceți clic pe butonul Unite din panoul Pathfinder. Duplicați calea rezultată (Command + C> Command + F).
Selectați forma top creată în pasul douăsprezecea, împreună cu una dintre formele create în pasul anterior și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 15%. Selectați forma de fund creată în pasul douăsprezecea, împreună cu forma rămasă creată în pasul anterior și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 20%.
Deplasați-vă până la dreptunghiul gri. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 2 pixeli, faceți clic pe OK și mergeți la Efect> Warp> Ardere. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Resetați forma editată în pasul anterior și focalizați pe panoul Aspect. Selectați umplerea și înlocuiți culoarea plană cu gradientul liniar prezentat mai jos. Asigurați-vă că această umplere este încă selectată și mergeți la Efect> Stylize> Glow Inner. Introduceți datele afișate mai jos și faceți clic pe OK.
Resetați forma editată în etapa anterioară, adăugați o umplere nouă și selectați-o din panoul Aspect. Setați culoarea la R = 240, G = 240, B = 240. Acum, reduceți Opacitatea la 10%, schimbați modul de amestecare la Multiplicare și mergeți la Efect> Artistic> Burete. Introduceți datele afișate mai jos și faceți clic pe OK.
Resetați forma editată în etapa anterioară și adăugați primul curs. Asigurați-l lățime de 1,5pt, aliniați-l în interior și setați culoarea la R = 240, G = 240, B = 240. Selectați-l din panoul Aspect și mergeți la Efect> Distortați & Transformați> Deconectați. Introduceți datele afișate mai jos și faceți clic pe OK.
Asigurați-vă că acest curs este încă selectat și faceți clic pe butonul Duplicare element selectat. Este pictograma mică de fișier din partea de jos a panoului Aspect. Evident, acest lucru va adăuga o copie a stoke-ului selectat. Selectați-l, micșorați dimensiunea la 0.75pt și setați culoarea la R = 209, G = 211, B = 212.
Alegeți instrumentul Rectangle (M), creați două forme de 3x8px și plasați-le după cum se arată în imaginea următoare. Selectați ambele forme și accesați Efect> Stylize> Corners Rounded. Introduceți o rază de 1px și faceți clic pe OK.
Selectați numai forma stângă și accesați Efect> Warp> Arc Upper. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance. Selectați dreptunghiul drept și accesați Efect> Warp> Arc Lower. Din nou, introduceți datele afișate mai jos, faceți clic pe OK și aplicați Obiect> Extindeți aspectul.
Resetați cele două forme create în etapa anterioară, completați-le cu R = 230, G = 231, B = 232 și adăugați un stoc de 0,75pt. Aliniați-l în interior și setați culoarea la R = 147, G = 149, B = 152. Deplasați-vă la panoul Straturi și trageți aceste două forme sub forma mare, rotunjită. În final ar trebui să arate a doua imagine.
Alegeți instrumentul Rectangle (M), creați o formă de 12x3px și plasați-o așa cum se arată în imaginea următoare. Umpleți-l cu R = 230, G = 231, B = 232 și mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și mergeți la Efect> Warp> Arc Upper. Introduceți datele afișate mai jos, faceți clic pe OK și aplicați Obiect> Extindeți aspectul.
Selectați din nou forma creată în pasul anterior și adăugați un curs de 0,75pt. Setați culoarea la R = 147, G = 149, B = 152 și aliniați-o în interior.
Selectați toate formele create până acum și grupați-le (Command + G). Selectați acest grup proaspăt și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Resetați grupul creat în pasul anterior și faceți o copie în față (Command + C> Command + F). Concentrați-vă pe acest grup nou și modificați culoarea mânerului. Înlocuiți proprietățile existente cu cele afișate în imaginea următoare.
Să continuăm cu fundalul. Alegeți instrumentul dreptunghiului (M), creați o formă a dimensiunii tabloului de bord și umpleți-o cu gradientul radial prezentat mai jos. Numărul alb din imaginea gradientului reprezintă procentajul locației. Aceasta înseamnă că trebuie să selectați pictograma mică de diamant și să o trageți în locație: 65%.
Resetați dreptunghiul creat în pasul anterior, adăugați o umplutură nouă și faceți-l negru. Selectați-l din panoul Aspect, micșorați opacitatea la 20%, schimbați modul de amestecare în Multiplicare și mergeți la Efect> Schiță> Notă hârtie. Introduceți datele afișate mai jos și faceți clic pe OK.
Încă o dată, selectați forma creată în pasul anterior și adăugați un al treilea umplutură. Selectați dacă din panoul Aspect, micșorați Opacitatea la 10%, schimbați modul de amestecare la Multiplicare și utilizați gradientul radial prezentat mai jos.
Alegeți instrumentul Pen (P) și trageți câteva linii simple care vor alcătui textul. Selectați aceste căi, eliminați culoarea din umplutură, adăugați o curbă albă de 110px, apoi mergeți la Object> Path> Stroke Outline. Aceasta va extinde cursa. Deplasați-vă la panoul Straturi, concentrați-vă pe aceste forme noi și dați-le un nume. Va fi mai ușor să le găsiți în pașii ulteriori.
Rotiți grupurile de role de vopsea și plasați-le după cum se arată în imaginea de mai jos.
Să ne concentrăm asupra uneia dintre formele albe. Voi începe cu "T2". Selectați-l, mutați-l în panoul Aspect și îndepărtați culoarea din umplutură. Faceți o copie a acestei căi, selectați-o și umpleți-o cu negru.
Resetați forma neagră creată în etapa anterioară și mergeți la Efect> Curățare bruscă> Ajustare pulverizată. Introduceți datele afișate mai jos, faceți clic pe OK și treceți la Object> Expand Appearance.
Resetați calea creată în etapa anterioară. Mai întâi, accesați Object> Live> Trace> Make, apoi mergeți la Object> Trace Live> Opțiuni de urmărire. Introduceți numerele de mai jos, asigurați-vă că este bifată caseta Ignorare albă și faceți clic pe Trace.
Resetați forma editată în pasul anterior și accesați Object> Trace Live> Expand. Selectați grupul de forme care rezultă și mergeți la Object> Compound Path> Make.
Resetați "T2" și creați o copie nouă în față (Command + C> Command + F). Completați această copie cu alb, apoi selectați calea compusă creată în etapa anterioară și completați-o cu R = 35, G = 31, B = 32.
Resetați cele două căi editate în etapa anterioară și accesați panoul Transparență (fereastră> Transparență). Deschideți meniul derulant, faceți clic pe Make Opacity Mask, apoi debifați caseta Clip. Resetați această formă mascată și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 1px și faceți clic pe OK.
Resetați "T2", faceți o copie nouă în față (Command + C> Command + F) și aduceți-o în față (Shift + Command +]). Completați-l cu negru și mergeți la Efect> Schiță> Notă hârtie. Introduceți datele afișate mai jos și faceți clic pe OK.
Resetați calea creată în etapa anterioară. Mai întâi, accesați Object> Live> Trace> Make, apoi mergeți la Object> Trace Live> Opțiuni de urmărire. Introduceți numerele afișate mai jos, asigurați-vă că este bifată caseta Ignorare albă și faceți clic pe Trace.
Resetați forma editată în pasul anterior și accesați Object> Trace Live> Expand. Selectați grupul de forme care rezultă și aplicați Object> Compound Path> Make.
Resetați "T2" și creați o copie nouă în față (Command + C> Command + F). Completați această copie cu alb, apoi selectați calea compusă creată în etapa anterioară și umpleți-o cu R = 35, G = 31, B = 32.
Resetați cele două căi editate în etapa anterioară și accesați panoul Transparență (fereastră> Transparență). Deschideți meniul derulant, faceți clic pe Make Opacity Mask, apoi debifați caseta Clip. Resetați această formă mascată și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 1px și faceți clic pe OK.
Selectați "T2", aduceți-l în față (tasta Shift + Command + Bracket dreapta) și umpleți-o cu gradientul liniar prezentat mai jos. Reduceți Opacitatea la 30% și mergeți la Efect> Blur> Blur Gaussian. Introduceți o rază de 1px și faceți clic pe OK.
Resetați cele două forme mascate, micșorați Opacitatea la 60%, apoi selectați-le (împreună cu forma editată în pasul anterior) și grupați-le (Command + G).
Concentrați-vă pe forma "V2" și repetați tehnicile folosite în ultimii treizeci de pași.
Utilizați aceleași tehnici pentru forma "T1". Singura diferență este că va trebui să mascați grupul final. Faceți o copie a "T1" și trageți-o deasupra grupului (în panoul Straturi). Umpleți-l cu gradientul liniar prezentat mai jos și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 1px și faceți clic pe OK.
Selectați forma creată în pasul anterior, împreună cu grupul "T1" și accesați panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask. În final, grupul dvs. ar trebui să arate ca cea de-a doua imagine afișată.
Deplasați-vă la forma "V1", repetați tehnicile menționate în pașii anteriori și ați terminat.
Acum munca ta sa terminat. Iată cum ar trebui să arate.
Accentsconagua