Share
În acest tutorial veți învăța cum să faceți un telefon wireless cu aspect deosebit. Veți utiliza Calea Offset și gradiente diferite pentru a crea un telefon tridimensional cu evidențieri și reflecții realiste.
Deschideți un document nou și creați un dreptunghi de 147x440px. Accesați Efect> Stylize> Round Corners și setați Radius la: 40px și faceți clic pe OK. Aceasta va rotunji colțurile dreptunghiului, imediat după ce mergeți la Object> Expand Aspect și completați forma cu culoarea R: 184 G: 71 B: 95.
Cu dreptunghiul dreptunghi rotunjit selectat, mergeți la Object> Path> Cale Offset și setați Offset la: -4px, faceți clic pe OK și umpleți cu Gradient Linear. Pentru aceasta, deschideți panoul Gradient: Window> Gradient (Control + F9). Aveți nevoie de 3 glisoare cu gradient, de la stânga la dreapta setați culoarea R: 98 G: 100 B: 99, pentru al doilea R: 203 G: 222 B: 210 și pentru al treilea cursor selectați aceeași culoare pe care ați utilizat-o pentru prima gradient gradient, setați unghiul la 45 și aplicați un indice de culoare R: 77 G: 77 B: 77, Greutate: 1px înăuntru.
În cazul în care forma este încă selectată, mergeți la Object> Path> Path Offset, setați Offset la: -2px, faceți clic pe OK, deschideți panoul Gradient (Control + F9). Veți vedea 3 glisoare gradient. Eliminați unul dintre glisoare și apoi pe culisorul din stânga aplicați culoarea R: 20 G: 222 B: 210 Locul de amplasare: 0%, pe glisorul din dreapta se aplică R: 26 G: 26 B: 26 Locul de amplasare: 100% cursorul, care este peste culorile pentru gradient, la Locație: 14,5% și Unghi: -13
În cazul în care forma din pasul anterior este încă selectată, mergeți la Object> Path> Path Offset și setați Offset la: -2px, faceți clic pe OK și schimbați culorile pentru gradient așa cum se arată în imaginea de mai jos.
Creați un dreptunghi negru cu dimensiunile 128px-110px, poziționați-l după cum se arată în imaginea de mai jos.
Cu dreptunghiul selectat, mergeți la Object> Path> Cale Offset și setați Offset la: -2px, faceți clic pe OK și completați-l cu un Gradient Linear cu culori de la gri la negru. Uitați-vă la imaginea de mai jos pentru referință.
Creați un dreptunghi de 101px și 43px și mergeți la Efect> Stylize> Round Corners și setați Radius la: 6px, faceți clic pe OK. Apoi, mergeți la Object> Expand Appearance și umpleți-l cu Gradient Linear așa cum se arată în imaginea de mai jos.
Cu forma din precedentul selectat, mergeți la Object> Path> Offset path și setați Offset la: -2px, faceți clic pe OK, umpleți cu culoarea R: 202 G: 178 B: 146. Aplicați o strălucire interioară prin trecerea la Efect> Stylize> Glow Inner. Introduceți următoarele setări: Mod: Normal, Opacitate: 75%, Blur: 5px, Culoare # E2DFD3 (faceți clic pe culoarea pătrată de lângă Mod ".
Copiați forma de la Pasul 6 folosind Control + C urmată de Control + F, mutați copia deasupra celorlalte forme, accesând Object> Arrange> Bring To Front (Shift + Control + Right Square Square). Creați un dreptunghi mai înalt decât cel precedent, pentru a acoperi 2/3 din forma anterioară, apoi selectați ambele forme, deschideți panoul Pathfinder (Shift + Control + F9) și faceți clic pe butonul Minus Front. Umpleți noua formă cu alb și reduceți opacitatea la 20%.
Creați dreptunghi 30 x 15 pixeli, apoi mergeți la Efect> Stylă> Colțuri rotunde și setați Radius la: 8 pixeli, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Umpleți forma cu un gradient liniar de la negru la gri și poziționați-o așa cum se arată în imaginea de mai jos.
În cazul în care forma este încă selectată, mergeți la Object> Path> Cale Offset și setați Offset la: -2px, faceți clic pe OK și umpleți-l cu negru.
Păstrați obiectul selectat și, din nou, mergeți la Object> Path> Path Offset și setați Offset la: -2px și umpleți noua formă cu un Gradient Linear de la gri la gri închis.
Reglați formatele de la pasul 10, 11 și 12. Selectați forma și mergeți la Object> Group (Control + G), copiați grupul pe care l-ați creat utilizând Control + C urmat de Control + F. Deplasați copia câțiva pixeli spre dreapta , adăugați textul și pictogramele necesare, după cum se arată în exemplul de mai jos.
Creați un dreptunghi rotunjit cu dimensiunile 102px-56.5px, colțuri 10px, umpleți cu Gradient liniar (culori R: 84 G: 86 B: 85 până la R: 30 G: 32 B: 31), apoi mergeți la Efect> Stylă> Strălucire. Introduceți următoarele setări: Mod: Normal, Opacitate: 75%, Blur: 4px, culoare neagră, faceți clic pe OK. Poziționați forma conform imaginii de mai jos.
Copiați forma din pasul anterior, schimbați culoarea în negru și ștergeți efectul Outer Glow. Pentru a face acest lucru, deschideți panoul Aspect (Windows> Aspect sau Shift + F6) și trageți stratul "Exterior Glow" în coșul de ștergere.
În centrul formei din pasul anterior, creați cercul 71px cu 71px cu instrumentul Ellipse (L), selectați ambele forme, deschideți panoul Pathfinder (Shift + Control + F9) și faceți clic pe butonul Minus Front.
Creați un dreptunghi peste forme din pasul anterior, selectați formele (de la pasul anterior și dreptunghi), deschideți panoul Pathfinder și faceți clic pe butonul Divide. Ștergeți formele excedentare așa cum se arată în imaginea de mai jos.
Selectați grupul care a apărut în etapa anterioară, mergeți la Object> Path> Path Offset și setați Offset la: -2px, faceți clic pe OK și umpleți formele cu un Gradient Linear de la gri la negru.
În cazul în care formele sunt încă selectate, mergeți la Object> Path> Cale Offset și setați Offset la: -2px, faceți clic pe OK și completați cu culoarea R: 200 G: 203 B: 211.
Creați un cerc negru de 50 x 50 pixeli cu instrumentul Ellipse (L), copiați cercul utilizând funcția Control + C urmată de Control + F, dezactivați Colorarea umplerii, aplicați un Stroke 1px, culoarea nu contează pentru că vom completa cu Gradientul Linear. Cu forma încă selectată, mergeți la Object> Expand și umpleți cu Gradient Linear cu culori R: 51 G: 51 B: 51 până R: 203 G: 222 B: 210.
Selectați cercul din pasul anterior și mergeți la Object> Path> Cale de decalare și setați Offset la: -4px, faceți clic pe OK și umpleți forma cu Gradient Linear cu culori R: 84 G: 86 B: 85 până la R: 30 G : 32 B: 31.
În cazul în care forma este încă selectată, mergeți la Object> Path> Cale Offset și setați Offset la -1px, faceți clic pe OK și umpleți forma cu un Gradient Radial cu culori de la negru la R: 51 G: 51 B: 51.
Adăugați pictogramele de butoane necesare în orice fel doriți, aruncați o privire la imaginea de mai jos pentru referință.
Creați un dreptunghi de 30 x 24 pixeli și mergeți la Efect> Stylă> Colțuri rotunde, setați raza la: 10 pixeli, faceți clic pe OK. Mergeți la Object> Expandați aspectul și completați forma cu Gradient liniar cu culori de la R: 30 G: 32 B: 31 până la R: 84 G: 86 B: 85, aplicați în cele din urmă o curbă neagră de 0,5 px.
În cazul în care forma este încă selectată, mergeți la Object> Path> Cale de decalare și setați Radius la: -2px, faceți clic pe OK, dezactivați culoarea Stroke, deschideți panoul Gradient și faceți clic pe butonul Reverse Gradient.
Dacă forma selectată este încă selectată, mergeți la Object> Path> Path Offset și setați Radius la: -1px, faceți clic pe OK, umpleți-o cu negru și din nou mergeți la Object> Path> Path Offset și setați Radius la: 1px, faceți clic pe OK. Umpleți forma cu Gradient liniar cu culori de la R: 84 G: 86 B: 85 până R: 30 G: 32 B: 31
Grupați formele de la pasul 24, 25, 26 și 27. Pentru a face acest lucru, selectați forma și mergeți la Object> Group, apoi selectați grupul și mergeți la Efect> Distort & Transform> Transformați, introduceți următoarele setări: Copii: 2 Mutare, orizontală: 35px, lăsați celelalte valori ca implicite, faceți clic pe OK. Apoi mergeți la Efect> Distort & Transform> Transform. Faceți clic pe butonul Aplicați efectul nou și introduceți următoarele setări: Copii: 3 Mutare, Verticală: -27px, faceți clic pe OK.
Adăugați literele și numerele necesare prin intermediul butoanelor.
În poziția de deasupra ecranului, creați o elipsă cu dimensiunile 81px-43px și culoarea # 282A29, apoi mergeți la Object> Create Gradient Mesh, introduceți următoarele setări: Rows: 4, Columns: 5, faceți clic pe OK. Corectați punctele și culoarea, după cum se arată în imaginea de mai jos.
Creați o elipsă neagră 51px-27px și poziționați-o în centrul formei anterioare.
Cu elipsele selectate, mergeți la Object> Path> Path Offset, setați Radius la: -1px, faceți clic pe OK. Umpleți forma cu un Gradient Linear cu culori de la R: 98 G: 100 B: 99 până R: 30 G: 32 B: 31. În cele din urmă, adăugați 3 cercuri negre așa cum se arată în imaginea de mai jos.
Selectați toate formele și mergeți la Object> Group.
Blocați grupul de telefon sau opriți-l făcând clic pe ochiul din fața grupului. Creați un dreptunghi de 288 x 237 pixeli și mergeți la Effect> Stylize> Round Corners și setați Radius la: 80px, faceți clic pe OK și mergeți la Object> Expand Appearance. După aceea, creați un alt dreptunghi, de data aceasta mai larg decât cel precedent (prezentat în imaginea de mai jos). Selectați ambele forme, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front, corectați punctele cheie așa cum se arată în exemplu.
Umpleți ultima formă creată cu Gradientul liniar. Pentru aceasta, deschideți panoul Gradient (fereastră> Gradient sau Ctrl + F9). Aveți nevoie de 3 glisoare Gradient. De la stânga la dreapta se aplică culoarea R: 123 G: 27 B: 42, R: 125 G: 28 B: 43 și R: 87 G: 28 B: 43. Creați două forme peste cea anterioară utilizând instrumentul Pen (P), umpleți-le cu un Gradient Linear de la alb 100% la alb 0%, aplicați un Gausian Blur de 25px. Selectați forma din pasul anterior, copiați-o folosind Control + C urmată de Control + F, mutați-o peste formele pe care tocmai le-ați creat. Selectați formele nou create și forma pe care ați mutat-o și mergeți la Object> Mască de tăiere> Make (Control + 7).
Creați o elipsă peste forma anterioară și umpleți-o cu un Gradient Linear așa cum se arată în exemplul de mai jos.
Copiați elipsa folosind Control + C urmată de Control + F, mutați-o cu câțiva pixeli în sus, modificați gradientul la Radial cu culori de la gri la negru, aplicați o Shadow Drop (Efect> Stylize> Drop Shadow) și introduceți următoarele setări: Mod: Normal, Opacitate: 50%, X Offset 0px Y Offset: 5px, Culoare: 6D6D6D.
Creați o elipsă albă și poziționați-o așa cum se arată în imaginea de mai jos, aplicați un Gausian Blur de 25px și reduceți opacitatea la 70%.
Peste toate celelalte forme, creați o elipsă neagră Selectați toate formele și grupați-le prin accesarea Object> Group. Aruncați o privire la imaginea de mai jos pentru referință.
Realizați din nou telefonul și poziționați-l peste grupul pe care l-ați creat mai devreme.
Cu instrumentul Pen (P), creați o formă neagră pentru a acoperi partea de jos a telefonului.
Selectați grupul de telefon și forma creată în pasul anterior și deschideți panoul Transparență. În colțul din dreapta sus veți vedea o săgeată, dați clic pe ea, din meniul derulant selectați Make Opacity Mask. Acest lucru va face ca întregul telefon să dispară, dar trebuie să ascundem numai partea inferioară, deci cu panoul Transparență deschis, debifați Clip. În acest fel, numai partea de jos a telefonului va fi ascunsă.
Cu grupul de telefon selectat (și panoul Transparență încă deschis), faceți clic o dată pe fereastra mască. În acest fel putem aplica un Gasian Blur doar pentru stratul de mască. După ce ați selectat stratul de mască, mergeți la Efect> Blur> Gausian Blur și setați Radius la: 14px, faceți clic pe OK. Acum ai terminat!
Pentru a termina ilustrația adăugați un fundal, am ales un albastru deschis albastru. Acolo îl aveți, un telefon wireless elegant.
Accentsconagua