Share
În următorul tutorial veți învăța cum să creați o ilustrare semi-realistă a laptopului. Veți învăța cum să utilizați gradienții, panoul aspectului și imaginea propriului ecran pentru a crea această imagine minunată, care este perfectă pentru ilustrații și icoane tehnologice. Sa incepem!
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, Ecran (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ă). Apoi, aveți nevoie de o rețea la fiecare 5px. Accesați Edit> Preferences> Guides> Grid, introduceți 5 î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ă înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Alegeți instrumentul dreptunghiular (M), creați o formă de 575 pe 110px, umpleți-l cu gradientul liniar prezentat mai jos și comutați la Instrumentul de selecție directă (A). Selectați punctul de ancorare din partea de jos, stânga și mutați 75px spre dreapta, apoi selectați punctul de ancorare din partea de jos, dreapta și mutați 75px spre stânga. În final, calea dvs. de vector ar trebui să arate ca un trapez.
Apoi, veți avea nevoie de scriptul Round Any Corner. Îl puteți găsi în articolul Vectortuts + 20 de scripturi gratuite și utile Adobe Illustrator. Salvați-l pe hard disk, reveniți la Illustrator, apucați Instrumentul de selectare directă (A) și focalizați pe calea vectorială realizată în pasul anterior. Selectați punctele de top de ancorare (evidențiate în prima imagine) și accesați File> Scripts> Other Script. Deschideți ruta rotundă din orice colț, introduceți o rază de 20px și faceți clic pe OK. Continuați cu Instrumentul de selecție directă (A), selectați punctele inferioare de ancorare și mergeți din nou la File> Scripts> Other Script. Deschideți Scriptul Round Any Corner, introduceți un Radius de 5px și faceți clic pe OK. În final, forma ta ar trebui să arate ca în a treia imagine.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), apoi mergeți la Edit> Preferences> General și asigurați-vă că Incrementarea tastaturii este setată la 1px. Resetați calea vectorului făcută în etapa anterioară și faceți două copii (Control + C> Control + F> Control + F). Selectați copia de început, completați-o cu alb, mutați-o 3px în jos, utilizând săgeata în jos de pe tastatură și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj de -2px și faceți clic pe OK.
Păstrați forma rezultată și ștergeți forma albă originală. Selectați forma albă rămasă împreună cu cealaltă copie făcută la începutul etapei și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos. Numerele albe din imaginea gradientului reprezintă procentul locației.
Resetați forma întunecată împreună cu forma realizată în etapa anterioară și faceți o copie în față (Control + C> Control + F). Selectați copia căii vectoriale întunecate și mutați-o cu 4px în jos utilizând săgeata în jos de pe tastatură. Resetați ambele copii și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu R = 100 G = 100 B = 100.
Resetați forma întunecată împreună cu forma făcută în al patrulea pas și faceți o copie în față (Control + C> Control + F). Selectați copia căii vectoriale întunecate, aduceți-o în față (Shift + Control + Pătrat drept) și deplasați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați modul de amestecare la Soft Light.
Resetați calea vectorială întunecată și mergeți la Obiect> Cale> Cale de decalare. Introduceți un decalaj de -3px și faceți clic pe OK. Selectați forma rezultată, mutați-o 3px în jos, apoi faceți o copie în față (Control + C> Control + F) și mutați-o cu 1px în jos. Resetați ambele forme și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și reduceți opacitatea la 15%. Zerourile galbene din imaginea gradientului reprezintă procentul de opacitate.
Activați Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 515 pe 85px, umpleți-l cu alb și comutați la Instrumentul de selecție directă (A). Selectați punctul de ancorare din partea de jos, stânga și mutați 55px spre dreapta, apoi selectați punctul de ancorare din partea de jos, dreapta și mutați 55px spre stânga. În final, calea dvs. de vector ar trebui să arate ca un trapez. Duplicați-o (Control + C> Control + F). Selectați copia și focalizați pe panoul Aspect. Selectați umplerea, micșorați opacitatea la 20%, apoi înlocuiți culoarea plană cu gradientul liniar prezentat mai jos. De asemenea, adăugați o curbă de 1 pt pentru această formă și setați culoarea la R = 25 G = 25 B = 25.
Descărcați acest tapet (sau orice imagine) Envato și trageți-l în fișierul Ai. Redimensionați-l puțin, trageți-l sub formele făcute în pasul anterior și pur și simplu faceți clic pe butonul Embed din bara de sus. Resetați trapezoidul alb împreună cu imaginea și mergeți la Object> Distortare plicuri> Faceți cu obiectul principal. În final, imaginea ar trebui să arate ca în a treia imagine. Selectați toate formele create până acum și grupați-le (Control + G). Treceți la panoul Straturi și denumiți acest nou grup "Caz".
Alegeți instrumentul Rectangle (M), creați o formă de 425 pe 295px, umpleți-o cu R = 202 G = 203 B = 207 și plasați-o după cum se arată în imaginea următoare. Selectați această nouă formă și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 15 pixeli, faceți clic pe OK și mergeți la Object> Expand Appearance.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma realizată în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 1px în jos. Reelectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați modul de amestecare la Soft Light.
Resetați dreptunghiul rotunjit efectuat în etapa a zecea și faceți două copii noi în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus. Reelectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 202 G = 203 B = 207.
Resetați dreptunghiul rotunjit efectuat în etapa a zecea și faceți două copii noi în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 2px în sus. Re-selectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați modul de amestecare la Soft Light.
Reluați dreptunghiul rotunjit efectuat în pasul al zecelea, focalizați pe panoul Aspect și adăugați oa doua umplere utilizând butonul Adăugare umplere nouă. Selectați-l, micșorați opacitatea la 90% și adăugați gradientul radial prezentat mai jos.
Resetați dreptunghiul rotunjit efectuat în pasul al zecelea, adăugați un al treilea umplut și trageți-l în partea de jos a panoului Aspect. Selectați-l, setați culoarea la negru, micșorați opacitatea la 50% și mergeți la Efect> Cale> Cale de decalare. Introduceți un offset -8px, faceți clic pe OK și accesați Efect> Distort & Transformare> Transformare. Introduceți datele afișate mai jos, faceți clic pe OK și treceți la Efect> Blur> Blur gaussian. Introduceți o rază de 3 pixeli și faceți clic pe OK. Grupează acest dreptunghi rotunjit împreună cu toate formele create în ultimele șase etape. Mergeți în panoul Straturi și denumiți acest nou grup "Corp".
Activați Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 335 pe 15px, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Dezactivați Snap to Grid (Vizualizare> Snap to Grid), selectați acest nou dreptunghi și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 2px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru.
Resetați forma neagră făcută în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de jos și mutați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 40 G = 40 B = 40.
Resetați primul dreptunghi făcut în pasul șaisprezece și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 3px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru. Resetați primul dreptunghi făcut în pasul șaisprezecea și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea finală și faceți clic pe OK. Selectați forma realizată în acest pas împreună cu toate formele create în ultimele două etape și grupați-le (Control + G). Deplasați-vă la panoul Straturi și denumiți acest nou grup "Conector".
Activați Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 335 pe 135px, umpleți-o cu R = 218 G = 219 B = 222 și plasați-o după cum se arată în imaginea următoare. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), selectați forma realizată în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați 2px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos.
Selectați dreptunghiul rotunjit realizat în pasul al nouăsprezecelea și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați 2px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos.
Selectați dreptunghiul rotunjit realizat în pasul al nouăsprezecelea și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și reduceți opacitatea la 85%.
Selectați dreptunghiul rotunjit realizat în pasul al nouăsprezecelea și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o 3px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și reduceți opacitatea la 85%.
Activați Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 125 x 90px, umpleți-o cu negru și plasați-o așa cum se arată în imaginea următoare. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), selectați forma realizată în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de jos și mutați-o cu 1px în jos. Re-selectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați modul de amestecare la Soft Light. Resetați dreptunghiul rotunjit efectuat în etapa anterioară și focalizați pe panoul Aspect. Mai întâi, selectați umplerea, micșorați opacitatea la 1% și schimbați modul de amestecare la Multiplicare. Apoi, adăugați o cursă de 1 pt, aliniați-o în interior și setați culoarea la R = 210 G = 210 B = 210.
Activați Snap to Grid (Vizualizare> Snap to Grid). Pentru restul pașilor, veți avea nevoie de o rețea la fiecare 1px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Selectați dreptunghiul rotunjit din grupul "Corp" și faceți o copie în față (Control + C> Control + F). Alegeți instrumentul dreptunghi (M), creați o formă de 59 de 5px, umpleți-o cu R = 200 G = 201 B = 204 și plasați-o după cum se arată în imaginea următoare. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance. Selectați forma rezultată împreună cu copia făcută la începutul pasului și faceți clic pe butonul Intersect din panoul Pathfinder.
Resetați forma realizată în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o 1px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 167 G = 168 B = 171.
Resetați forma realizată în etapa a douăzeci și șase și faceți două copii noi în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o 1px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 167 G = 168 B = 171.
Resetați forma realizată în etapa a douăzeci și șase și faceți două copii noi în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 183 G = 184 B = 188. Re-selectați forma realizată în etapa a douăzeci și șase și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK. Selectați calea vectorială realizată în acest pas împreună cu formele realizate în ultimii trei pași și grupați-i (Control + G).
Alegeți instrumentul Ellipse (L), creați două cercuri de 1px, umpleți ambele forme cu R = 160 G = 160 B = 160 și plasați-le după cum se arată în imaginea următoare.
Resetați cele două cercuri făcute în etapa anterioară și accesați Efect> Distortare & Transformare> Transformare. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK.
Resetați cercul drept făcut în treapta treizeci și mergeți la Efect> Distort & Transform> Transform. Introduceți datele afișate în prima imagine și faceți clic pe OK. Resetați cercul din stânga efectuat în treapta treizeci și mergeți la Efect> Distort & Transform> Transform. Introduceți datele afișate în a doua imagine și faceți clic pe OK.
Alegeți instrumentul Rectangle (M), creați o formă de 21 de 12px, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o după cum se arată în imaginea următoare. Selectați-l, focalizați pe panoul Aspect și adăugați oa doua umplere. Selectați-l, setați culoarea la R = 75 G = 75 B = 75 și mergeți la Efect> Conversie în Formă> Dreptunghi. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Distort & Transformare> Transformare. Introduceți datele afișate mai jos și faceți clic pe OK.
Reveniți la panoul Aspect și adăugați un al treilea umplutură pentru dreptunghiul dvs. Selectați-o, setați culoarea la R = 25 G = 25 B = 25 și mergeți la Efect> Conversie în Forma> Dreptunghi. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Distort & Transformare> Transformare. Introduceți datele afișate mai jos și faceți clic pe OK. Reveniți la panoul Aspect, adăugați un curs de 1 pt, aliniați-l spre interior și fă-l negru. Reveniți la panoul Aspect, asigurați-vă că nu este selectată nicio umplere sau cursa și mergeți la Efect> Stylized> Rounded Corners. Introduceți o rază de 3px, faceți clic pe OK și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK.
Resetați dreptunghiul făcut în etapa anterioară, faceți o copie în față (Control + C> Control + F) și mutați-o spre dreapta, după cum se arată în imaginea următoare. Selectați ambele dreptunghiuri, apăsați Shift + Control + B apoi faceți dublu clic pe Blend Tool din bara de instrumente. Selectați "Pasul specificat" din meniul drop-down Spacing, introduceți 12 în caseta albă, apoi faceți clic pe OK.
Alegeți instrumentul Rectangle (M), creați un pătrat de 19px și plasați-l după cum se arată mai jos. Selectați-l, focalizați pe panoul Aspect și adăugați proprietățile afișate în imaginea următoare. Practic, trebuie să adăugați aceleași proprietăți utilizate pentru forma realizată în etapa anterioară, dar va trebui să ajustați numerele utilizate pentru efectele Rectangular și Transform. După ce pătratul dvs. arata ca în următoarea imagine, puteți salva toate proprietățile ca stil grafic. Asigurați-vă că pătratul dvs. este încă selectat, deschideți panoul Stiluri grafice și faceți clic pur și simplu pe butonul Stil nou grafic.
Resetați pătratul realizat în pasul anterior, faceți o copie în față (Control + C> Control + F) și mutați-l spre dreapta, după cum se arată în imaginea următoare. Selectați ambele dreptunghiuri, apăsați Shift + Control + B apoi faceți dublu clic pe Blend Tool din bara de instrumente. Selectați "Pasul specificat" din meniul vertical Spacing, introduceți 11 în caseta albă, apoi faceți clic pe OK.
Alegeți instrumentul dreptunghiular (M), creați o formă de 31 x 19px și plasați-o după cum se arată mai jos. Selectați-l și faceți clic pe Stilul grafic salvat în pasul treizeci și cinci. Acum, forma ta ar trebui să arate ca în a doua imagine. Tot ce trebuie să faceți este să ajustați efectul Rectangular. Pur și simplu mergeți la panoul Aspect, deschideți efectele Rectangle existente și introduceți o lățime de 29px.
Resetați amestecul realizat în etapa treizeci și șase, efectuați trei copii, ajustați-le și plasați-le după cum se arată în prima imagine. De asemenea, apucați dreptunghiul și adăugați niște butoane noi, așa cum se arată în a doua imagine. Pur și simplu utilizați stilul grafic salvat și reglați lățimea utilizată pentru efectele Rectangular.
Alegeți instrumentul Rectangle (M), creați o formă de 20 x 22px și plasați-o după cum se arată mai jos. Selectați-l și faceți clic pe Stilul grafic salvat în pasul treizeci și cinci. Acum, forma ta ar trebui să arate ca în a doua imagine. Deplasați-vă în panoul Aspect și ajustați efectele Transformare și Rectangular, așa cum se arată în imaginea următoare. Odata ce forma ta arata ca in cea de-a doua imagine salveaza proprietatile ca un al doilea stil grafic.
Luați dreptunghiul și adăugați niște butoane noi așa cum se arată în a doua imagine. Utilizați stilul grafic salvat în pasul anterior și ajustați lățimea utilizată pentru efectele dreptunghiului.
Prindeți dreptunghiul, creați două forme de vectori de 19x11px și plasați-le după cum se arată mai jos. Utilizați al doilea pas pentru stilul grafic, reglați proprietățile folosite pentru Rectangle și efectul Transformare, apoi deschideți efectul rotunjit rotunjit existent și micșorați raza la 2,5px.
Alegeți instrumentul Rectangle (M), creați o cale vectorială de 20 x 22 pixeli, plasați-o după cum se arată în prima imagine ș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 Object> Expand Appearance. Prindeți instrumentul Pen (P), desenați o cale orizontală de 24px și plasați-o după cum se arată în a doua imagine. Selectați-l împreună cu dreptunghiul rotund alb și faceți clic pe butonul Divide din panoul Pathfinder. Selectați grupul de forme care rezultă și deselectați-l (Shift + Control + G).
Selectați forma de sus făcută în pasul anterior și adăugați al doilea stil grafic. Reglați proprietățile folosite pentru efectul dreptunghi și transformare, eliminați efectul colțurilor rotunjite, apoi treceți la forma de fund. Selectați-l, adăugați cel de-al doilea stil grafic, editați proprietățile folosite pentru Rectangle și efecte Transformați apoi îndepărtați colțurile rotunjite și efectele Drop Shadow.
În final, adăugați textul. Puteți utiliza fontul Myriad Pro cu setul de culori la R = 235 G = 235 B = 235.
Acum munca ta sa terminat. Iată cum ar trebui să arate.
Accentsconagua