Share
În următorul tutorial veți afla cum să creați o pictogramă pentru dischetă. Vom folosi metode de construire a formei de bază și numeroase efecte Adobe Illustrator, care se vor combina pentru a crea ilustrația finală.
Creați un document de 255 px până la 255 de pixeli. Mai întâi, activați Grid (Vizualizare> Grilă) și Glisați în Grilă (Vizualizare> Glisați la Grilă). Apoi, veți avea nevoie de o rețea la fiecare 5 px. Accesați Edit> Preferences> Guides> Grid și 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 dreptunghiului (M) și desenați o formă de 340 px / 350 px. Umpleți-l cu R = 24, G = 81, B = 160. Acum du-te la Efect> Stylize> Rounded Corners. Introduceți o rază de 5 px, faceți clic pe OK, apoi aplicați la Object> Expand Appearance.
Duplicați forma realizată în etapa anterioară (Command + C> Command + F) și continuați cu instrumentul Rectangle (M). Creați o formă de 185 x 120 pixeli și plasați-o după cum se arată în prima imagine. Umpleți-l cu alb, apoi mergeți la Efect> Stylize> Colțuri rotunjite.
Introduceți o rază de 5 px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Selectați forma rezultată, împreună cu copia proaspătă și faceți clic pe butonul Intersect din panoul Pathfinder. Opriți vizibilitatea formei rezultate, după cum veți avea nevoie mai târziu.
Acum, să ne concentrăm pe partea superioară a formei albastre. Alegeți instrumentul Rectangle (M), desenați o formă de 235 px și 10 pixeli și plasați-o 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.
Acum, forma ta ar trebui să arate ca a doua imagine. Resetați instrumentul Rectangle (M), creați o formă de 15 px și 15 pixeli și plasați-o așa cum se arată în a treia imagine. Selectați această formă mică, împreună cu forma albastră, și faceți din nou clic pe butonul Minus Front din panoul Pathfinder. În cele din urmă, forma albastră ar trebui să arate ca a patra imagine de mai jos.
Păstrați focalizarea pe partea superioară a formei albastre. Alegeți Instrumentul de selecție directă (A), selectați punctul de ancorare evidențiat în prima imagine și mutați 5 px spre stânga. Snap to Grid ar trebui să vă ușureze munca. Apoi, veți avea nevoie de scriptul Round Any Corner, care poate fi găsit în articolul Vectortuts + 20 Scripturi gratuite și utile Adobe Illustrator.
Salvați-l pe hard disk, apoi alegeți Instrumentul de selecție directă (A). Selectați cele cinci puncte de ancorare evidențiate în a doua imagine și accesați Fișier> Scripturi> Alt script. Deschideți opțiunea Round Any Corner, introduceți un rază de 1 px și faceți clic pe OK. Acest lucru va adăuga un efect de rotunjire discret pentru punctele selectate de ancorare, așa cum se arată în imaginile mărită.
Alegeți instrumentul Rectangle (M) și creați o formă de 30 px până la 30 de pixeli. Rotiți-o la 45 de grade și plasați-o după cum se arată în a doua imagine. Selectați-l, împreună cu forma albastră și faceți clic pe butonul Minus Front din panoul Pathfinder.
Din nou, veți avea nevoie de scriptul Round Any Corner. Alegeți Instrumentul de selecție directă (A), selectați punctul de ancorare evidențiat în a treia imagine și mergeți la File> Scripts> Other Script. Deschideți opțiunea Round Any Corner Script, introduceți un rază de 2 px și faceți clic pe OK.
Acum, concentrați-vă pe colțul din dreapta, în partea dreaptă a formei albastre. Alegeți instrumentul Rectangle (M), creați o formă de 20 px și 15 pixeli și plasați-o așa cum se arată în prima imagine. Umpleți-l cu alb și mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 1 px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Selectați forma rezultată și faceți două copii în față (Command + C> Command + F> Command + F).
Dezactivați funcția Snap to Grid, selectați copia de sus, apoi apăsați săgeată la dreapta și săgeata în jos o dată. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 10, G = 57, B = 125. Selectați forma albă rămasă împreună cu forma albastră mare și faceți clic pe butonul Minus Front din panoul Pathfinder. Aceasta va crea o gaură în forma albastră.
Iată ce ar trebui să arate munca dvs. până acum. Acum, activați din nou funcția Snap to Grid.
Faceți o copie nouă a formei albastre (Command + C> Command + F). Alegeți instrumentul Rectangle (M), creați o formă de 280 px pe 210 de pixeli și plasați-o așa cum se arată în prima imagine. Umpleți-o cu orice culoare, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK, apoi aplicați Obiect> Extindeți aspectul.
Selectați forma rezultată, împreună cu o copie a formei albastre și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos.
Dezactivați funcția Snap to Grid, apoi mergeți la Edit> Preferences> General și introduceți 0,5 în caseta Increment Keyboard. Selectați forma realizată în etapa anterioară și faceți două copii.
Selectați copia de început, apoi apăsați o dată săgeata în jos și săgeata stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 10, G = 57, B = 125.
Re-activați Snap to Grid și duplicați forma mare, albastră. Alegeți instrumentul Rectangle (M), creați o formă de 270 px și 205 pixeli și plasați-o așa cum se arată în prima imagine. Din nou, completați-o cu orice culoare, apoi mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma rezultată, împreună cu o copie a formei albastre și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos.
Duplicați forma realizată în etapa anterioară, apoi apucați Instrumentul dreptunghi (M) și trageți o formă ca cea roșie prezentată în prima imagine. Selectați-l împreună cu copia proaspătă și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în a doua imagine.
Alegeți instrumentul Pen (P), desenați o cale orizontală de 270 px și plasați-o după cum se arată în prima imagine. Adăugați o cursă de 1 pt (R = 1, R = 149, B = 237) pentru această cale, apoi treceți la Efect> Transform> Distort & Transform. Introduceți 4 în caseta de copiere, glisați cursorul Move-Vertical la 28 px, apoi faceți clic pe OK. Selectați instrumentul de tip (T) și adăugați un text albastru mic, așa cum se arată în a doua imagine.
Încă o dată, duplicați forma albastră mare. Prindeți Instrumentul dreptunghiular (M), creați o formă de 255 px până la 125 de pixeli și plasați-o după cum se arată în imaginea următoare. Umpleți-o cu orice culoare, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma rezultată, împreună cu o copie a formei albastre și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în a treia imagine.
Dezactivați Snap to Grid și faceți două copii ale formei din pasul anterior. Selectați copia de început, apoi apăsați săgeata din stânga și săgeata în sus o dată. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 10, G = 57, B = 125.
Activați Snap to Grid, apoi activați vizibilitatea pentru forma albă efectuată în al treilea pas. Selectați-l și aduceți-l în față (tasta Shift + Command + Tastatură dreaptă). Alegeți instrumentul Rectangle (M), creați o formă de 50 px și 95 pixeli și plasați-o așa cum se arată în prima imagine. Umpleți-l cu orice culoare și aplicați Efect> Stylă> Colțuri rotunjite. Introduceți un rază de 1px, faceți clic pe OK, apoi aplicați Obiect> Extindeți aspectul.
Selectați forma rezultată, împreună cu forma albă și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți această nouă formă creată cu gradientul liniar prezentat în a treia imagine. Numerele albe din imaginea gradientului reprezintă procentul locației.
Dezactivați modul Snap to Grid. Selectați forma creată în etapa anterioară și faceți două copii. Selectați copia de început, apoi apăsați o dată pe săgeata sus și pe săgeata stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți formele rezultate cu R = 241, G = 242, B = 242.
Activați funcția Snap to Grid. Alegeți instrumentul Rectangle (M), creați o formă de 20 de 15 și plasați-o după cum se arată în imaginea următoare. Umpleți-o cu orice culoare, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK, apoi aplicați Obiect> Extindeți aspectul.
Umpleți forma rezultată cu R = 17, G = 70, B = 150, adăugați un 0.5, aliniat la cursa exterioară (R = 10, G = 57, B = 125), apoi mergeți la Effect> Stylize> Glow Inner. Introduceți datele afișate mai jos și faceți clic pe OK.
Acum, să adăugăm câteva lovituri discrete pentru unele dintre formele voastre. Începeți cu cea gri. Adăugați un curs 1pt, alb, aliniat la cursa interioară și micșorați Opacitatea la 40%. Continuați cu formele albastru închis (realizate în etapele nouă și paisprezece). Pentru ambele forme, adăugați un curs de 0,5pt, aliniat la cursa interioară (R = 28 G = 37 B = 78). Coborâți opacitatea pentru fiecare dintre aceste curse până la 80%.
Duplicați formele albastre editate în pasul anterior și forma mare, albastră. Selectați aceste trei copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Forma rezultată ar trebui să arate ca a doua imagine de mai jos. Este plin de negru, astfel încât să puteți distinge mai ușor. Selectați-l, îndepărtați umplerea, apoi adăugați un prim curs. Faceți-l la 0.75pt lățime, aliniați-l spre interior, setați culoarea la R = 186 G = 224 B = 255. Reduce acum opacitatea la 30%.
Cu forma încă selectată, mergeți la panoul Aspect. Deschideți meniul derulant și faceți clic pe Add Stroke New. Aceasta va adăuga un al doilea curs pentru forma selectată. Selectați-l din panoul Aspect, faceți lățimea de 0,3pt și setați culoarea la R = 28, G = 37, B = 78. Păstrați opacitatea la 100%.
Dezactivați modul Snap to Grid. Alegeți instrumentul Tip (T). Adăugați textul "HD", plasați-l după cum se arată în imaginea următoare, apoi aplicați Object> Expand. Alegeți instrumentul de selecție directă (A), selectați forma "D" și mutați-l cu câțiva pixeli spre stânga (după cum se arată în a treia imagine). Selectați ambele forme de litere și faceți clic pe butonul Unite din panoul Pathfinder.
Umpleți forma rezultată cu R = 10, G = 5, B = 125. Apoi mergeți la Efect> Stylize> Glow Inner. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Stylize> Drop Shadow. Din nou, introduceți datele afișate mai jos și faceți clic pe OK.
Activați funcția Snap to Grid. Pentru pasul următor veți avea nevoie de o grilă la fiecare 1px. Accesați Edit> Preferences și introduceți 1 în caseta Gridline Every. Alegeți instrumentul Rectangle (M) și creați două forme simple: un dreptunghi de 5 cu 9 și un dreptunghi 9 la 13. Umpleți-le cu R = 10, G = 57, B = 125. Plasați-le ca în prima imagine, apoi focalizați pe forma de sus.
Alegeți Instrumentul de selecție directă (A), selectați punctele de ancorare superioare și accesați Obiect> Cale> Mediu. Verificați butonul Both și faceți clic pe OK. Aceasta ar trebui să transforme forma selectată într-un triunghi. Selectați-l împreună cu celălalt dreptunghi și faceți clic pe butonul Unite din panoul Pathfinder.
Selectați forma realizată în etapa anterioară și plasați-o așa cum se arată în pasul următor, apoi mergeți la Efect> Stylă> Glow Inner. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Stylize> Drop Shadow. Din nou, introduceți datele afișate mai jos și faceți clic pe OK. Acum du-te la Efect> Stylize> Rounded Corners. Introduceți o rază de 0,5pt și faceți clic pe OK.
În cele din urmă, selectați toate formele create până acum și apăsați Command + G pentru a le grupa. Selectați acest nou grup și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK și ați terminat.
Iată cum ar trebui să arate icoana dvs. finală.
Accentsconagua