Share
În următorul tutorial veți învăța să creați un set de pictograme emoticonice atractive. Aflați un flux de lucru ușor de urmărit pentru a crea fiecare dintre aceste fețe de caractere emoționale puțin în Adobe Illustrator.
Creați un document RGB de 60 x 60 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 1px. Mergeți la 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ă î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 Ellipse (L), creați o formă de 40 x 40px și completați-l cu R = 255, G = 222, B = 23.
Selectați forma creată în pasul anterior și asigurați-vă că este plasată în mijlocul tabloului de bord. Activați conducătorii (Command + R) și ghidajele (View> Guides> Show Guides), apoi trageți un ghid vertical și un ghid orizontal așa cum se arată în imaginea următoare. Dezactivați riglele și mențineți ghidurile vizibile. Aceasta va ajuta în următorii pași, pe măsură ce adăugați niște forme noi.
Dezactivați Snap to Grid, apoi mergeți la Edit> Preferences> General și introduceți 0.5 în caseta Increment Keyboard. Resetați cercul galben și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați o dată pe săgeata în jos (pentru a muta cu 0,5px în jos). Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb.
Activați din nou funcția Snap to Grid. Resetați cercul galben și treceți la panoul Aspect. Selectați umplutura existentă și dați clic pe butonul Duplicare element selectat aflat în partea de jos a panoului Aspect. Evident, aceasta va crea o copie a umplerii selectate. Selectați această umplere nouă, coborâți opacitatea la 75% și umpleți-o cu gradientul liniar prezentat în imaginea următoare.
Acordați atenție imaginii gradientului. Galbenul "0" reprezintă procentajul de opacitate. Aceasta înseamnă că trebuie să selectați cursorul de gradient și să reduceți opacitatea la 0%. Continuați să vă concentrați asupra acestui cerc galben. Resetați-l și adăugați un accident vascular cerebral simplu. Asigurați-l 1pt larg, aliniați-l spre exterior și setați culoarea la R = 237, G = 147, B = 39.
Resetați forma editată în etapa anterioară. Accesați panoul Aspect, selectați umplutura galbenă și mergeți la Efect Stylize> Inner Glow. 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. În final, forma ta ar trebui să arate ca următoarea imagine. Aceasta va fi forma feței pe care o veți folosi pentru majoritatea emotioanelor.
Acum, să adăugăm o dispoziție pentru această față. Mai întâi, reactivați funcția Snap to Grid, apoi selectați Instrumentul dreptunghi (M). Creați două forme de 4x8px și o formă de 12x8px, apoi plasați-le după cum se arată.
Snap to Grid și Ghidurile vă vor ușura munca. Umpleți-le cu R = 96, G = 57, B = 19, apoi mergeți la Efect> Stylize> Corners Rounded. Introduceți o rază de 2px, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Ellipse (L), creați o formă de 26 x 16px și plasați-o după cum se arată. Umpleți-l cu gradientul liniar prezentat mai jos, apoi reduceți opacitatea la 50%. Acum, să organizăm formele existente.
Accesați panoul Straturi, selectați stratul existent și faceți clic pe butonul Creare substrat nou din partea de jos a panoului Straturi. Selectați toate formele create până acum și le mutați în interiorul acestui substrat nou. Faceți dublu clic pe acest substrat și denumiți-l "Nu amuzat". Acum, primul emoticon este complet.
Selectați sub stratul creat în etapa anterioară și faceți o copie în față. Focalizați pe acest substrat nou, selectați forma gurii și treceți la Efect> Warp> Arc. Introduceți datele afișate mai jos imaginea nr. 1 și faceți clic pe OK.
Denumiți acest al doilea substrat "Sad" și duplicați-l. Selectați forma gurii din acest substrat nou, apoi mergeți la panoul Aspect și deschideți efectul Warp existent. Trageți glisorul Bend la -50%, apoi faceți clic pe OK. Denumiți acest al treilea substrat "Fericit".
Selectați substratul "Happy" și faceți o copie în față. Să ne concentrăm asupra acestui substrat proaspăt. Mai întâi, redenumiți-o "Grin", apoi selectați forma exterioară a gurii și o ștergeți. Alegeți instrumentul Ellipse (L), creați o formă de 16 x 7px și plasați-o așa cum se arată în prima imagine. Umpleți-l cu R = 96, G = 57, B = 19. Apoi mergeți la Efect> Warp> Arch. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma rezultată și faceți două copii în față, apoi dezactivați Snap to Grid. Selectați copia de sus și apăsați săgeata în jos de patru ori, apoi reselectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb.
Activați din nou funcția Snap to Grid. Alegeți instrumentul Pen (P), trageți trei căi verticale și plasați apoi, după cum se arată în prima imagine. Adăugați o cursă de 1 pt pentru aceste căi și setați culoarea la R = 39, G = 170, B = 225.
Grupați-le (Command + G). Selectați forma albă creată în etapa anterioară, faceți o copie și aduceți-o în față (Shift> Command + Right Bracket key). Selectați această formă proaspătă, albă împreună cu grupul proaspăt și mergeți la panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask.
Resetați forma gurii și treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi adăugați o cursă de 1 pt. Aliniați-l spre exterior și setați culoarea la R = 237, G = 147, B = 39.
Selectați substratul "Grin" și faceți o copie în față. Să ne concentrăm asupra acestui substrat proaspăt. Mai întâi, redenumiți-o "Winking", apoi selectați forma ochiului drept și ștergeți-o. Alegeți instrumentul Rectangle (M), creați o formă de 5x3px și plasați-o după cum se arată.
Umpleți-l cu R = 96, G = 57, B = 19. Apoi, mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 2 pixeli, faceți clic pe OK, apoi mergeți la Efect> Warp> Arc. 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, apoi faceți clic pe OK.
Selectați substratul "Winking" și faceți o copie în față. Să ne concentrăm asupra acestui substrat proaspăt. Mai întâi, redenumiți-o "Plâns", apoi selectați ochii și componentele gurii și le ștergeți. Alegeți instrumentul Rectangle (M), creați două forme de 6x4px și plasați-le după cum se arată în imaginea următoare. Umpleți-le cu R = 96, G = 57, B = 19. Apoi, mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 2 pixeli, faceți clic pe OK, apoi mergeți la Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma ochiului stâng și mergeți la Object> Transform> Rotate. Introduceți un unghi de 45 de grade, apoi faceți clic pe OK. Selectați forma ochiului drept și mergeți la Object> Transform> Rotate. Introduceți un unghi de 45 grade, apoi faceți clic pe OK. Resetați ambele forme ale ochilor și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea finală, apoi faceți clic pe OK.
Continuați să vă concentrați asupra substratului "Weeping". Alegeți instrumentul Ellipse (L), creați o formă de 16 x 7px și plasați-o după cum se arată. Completați-l cu R = 96, G = 57, B = 19 și mergeți la Efect> Warp> Arch. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma rezultată, faceți două copii în față și dezactivați funcția Snap to Grid. Selectați copia de sus și apăsați de zece ori săgeata sus. Resetați ambele copii și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu alb.
Activați din nou funcția Snap to Grid. Alegeți instrumentul Pen (P), trageți trei căi verticale și plasați apoi, după cum se arată în prima imagine. Adăugați o cursă de 1 pt pentru aceste căi și setați culoarea la R = 39, G = 170, B = 225. Grupați-le (Command + G). Selectați forma albă creată în etapa anterioară, faceți o copie și aduceți-o în față (Shift> Command + Right Bracket key). Selectați această formă proaspătă, albă împreună cu grupul proaspăt și mergeți la panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask.
Resetați forma gurii și treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi adăugați o cursă de 1 pt. Aliniați-l spre exterior și setați culoarea la R = 237, G = 147, B = 39.
Alegeți instrumentul Ellipse (L), creați o formă de 4x4px și umpleți-o cu R = 39, G = 170, B = 255. Alegeți instrumentul de conversie a punctelor de ancorare (Shift + C) și faceți clic pe punctul de ancorare de la bază. Acest lucru va face cercul dvs. să arate ca în a doua imagine. Alegeți instrumentul de selecție directă (A), selectați punctul de ancorare de jos și mutați-l cu 2px în jos. Acum, concentrați-vă asupra punctelor de ancorare stânga și dreaptă. Utilizați același instrument pentru a glisa mânerele 1px în jos.
Selectați forma creată în pasul anterior și accesați Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Duplicați forma rezultată. Rotiți aceste două forme albastre și plasați-le după cum se arată. În cele din urmă, adăugați un curs de 0,5 pt pentru ambele forme. Aliniați-l în interior și setați culoarea la R = 28, G = 117, B = 188.
Selectați substratul "Happy", faceți o copie și mutați-o în partea superioară a panoului Layer. Să ne concentrăm asupra acestui substrat proaspăt. În primul rând, redenumiți-o "Dragoste", apoi selectați forme de ochi și le ștergeți. Accesați panoul Simboluri (Fereastră> Simboluri), deschideți meniul derulant și mergeți la Open Library Symbols> Web Icons. O fereastră cu un set de simboluri ar trebui să se deschidă.
Selectați simbolul "Favorite", trageți-l pe tabloul de bord, apoi mergeți la Object> Expand. Concentrați-vă pe forma rezultată. Mai întâi, alegeți Instrumentul de selectare directă (A), selectați punctele de ancorare evidențiate în a doua imagine și apăsați butonul Ștergere. Acum, inima ar trebui să arate ca a treia imagine.
Apoi, trebuie să adăugați un efect de rotunjire discret pentru punctul de ancorare de jos. Veți avea nevoie de Scriptul Round Any Corner. Salvați-l pe hard disk, selectați punctul de ancorare de jos utilizând Instrumentul de selecție directă (A), apoi mergeți la File> Scripts> Other Script. Deschideți Scriptul rotund din orice colț, introduceți o rază de 7px și faceți clic pe OK. Umpleți forma rezultată cu R = 242, G = 41, B = 17. În final ar trebui să arate a patra imagine.
Selectați forma realizată în etapa anterioară și duplicați-o. Selectați aceste două forme de inimă, redimensionați-le și plasați-le după cum se arată. Acum du-te la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi adăugați un curs de 0,75pt. Aliniați-l în interior și setați culoarea la R = 190, G = 30, B = 45.
Selectați substratul "Love" și faceți o copie în față. Să ne concentrăm asupra acestui substrat proaspăt. În primul rând, redenumiți-o "Surprise", apoi selectați ochiul și componentele gurii și le ștergeți. Alegeți instrumentul Rectangle (M), creați o formă de 10 x 5px și plasați-o după cum se arată în imaginea următoare. Umpleți-l cu R = 96, G = 57, B = 19. Apoi, mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 3 pixeli, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Ellipse (L), creați două forme de 8x8px și plasați-le ca în prima imagine. Umpleți-le cu R = 241, G = 242, B = 242 și adăugați o cursă de 1 pt. Aliniați-l spre exterior și setați culoarea la R = 237, G = 147, B = 39.
Resetați ambele cercuri și treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în prima imagine și faceți clic pe OK. Din nou, alegeți instrumentul Ellipse (L) și creați două forme de 2 x 2 pixeli. Umpleți-le cu R = 96, G = 57, B = 19 și plasați-le așa cum se arată în a doua imagine.
Alegeți instrumentul Pen (P), desenați două căi verticale (6px înălțime) și plasați-le ca în imaginea următoare. Adăugați un curs de 1 pt pentru ambele aceste căi, setați culoarea la R = 237, G = 147, B = 39 și mergeți la panoul Stroke (Fereastră> Stroke).
Faceți clic pe butonul Runda Cap, apoi treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi selectați numai calea stângă. Accesați Efect> Warp> Arc, introduceți datele afișate mai jos, faceți clic pe OK, apoi selectați calea potrivită. Din nou, accesați Efect> Warp> Arc, introduceți datele afișate mai jos, apoi faceți clic pe OK.
Selectați substratul "Love", faceți o copie și mutați-o în partea de sus a panoului Straturi. Să ne concentrăm asupra acestui substrat proaspăt. Mai întâi, redenumiți-o "Blushing", apoi selectați componentele ochiului și ștergeți-le. Alegeți instrumentul Rectangle (M), creați două forme de 4x6px și plasați-le după cum se arată în imaginea următoare. Umpleți-le cu R = 96, G = 57, B = 19, apoi mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 2px, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Pen (P), desenați două căi orizontale (lungime de 4 pixeli) și plasați-le după cum se arată în imaginea următoare. Adăugați un curs de 1 pt pentru ambele căi, setați culoarea la R = 96, G = 57, B = 19 și mergeți la panoul Stroke. Faceți clic pe butonul Runda Cap, apoi treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Warp> Arc. Din nou, introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Ellipse (L), creați două forme de 5x5px și plasați-le după cum se arată. Umpleți-le cu R = 237, G = 28, B = 36 și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 2 pixeli și faceți clic pe OK.
Selectați substratul "Blushing" și faceți o copie în față. Să ne concentrăm asupra acestui substrat proaspăt. Mai întâi, redenumiți-o "Sick", apoi ștergeți ochii și componentele gurii. Acum, trebuie să schimbați culoarea întregii fețe.
Accesați panoul Aspect și concentrați-vă asupra primei umpleri. Înlocuiți galbenul cu R = 171, G = 223, B = 35, apoi deschideți efectul Inner Glow și înlocuiți culoarea existentă cu cea prezentată mai jos. Deplasați-vă la cea de-a doua umplere și înlocuiți gradientul existent cu cel prezentat. În cele din urmă, selectați cursa și înlocuiți culoarea existentă cu R = 57, G = 181, B = 74.
Să continuăm cu ochii. Alegeți instrumentul Rectangle (M), creați două forme de 4x8px și plasați-o după cum se arată în imaginea următoare. Umpleți-le cu R = 0, G = 104, B = 56, apoi mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 2px, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Pen (P), desenați două căi verticale (6px înălțime) și plasați-le ca în imaginea următoare. Adăugați un curs de 1 pt pentru ambele căi, setați culoarea la R = 0, G = 104, B = 56 și mergeți la panoul Stroke (Fereastră> Stroke). Faceți clic pe butonul Runda Cap, apoi treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi selectați numai calea stângă. Accesați Efect> Warp> Arc, introduceți datele afișate mai jos, faceți clic pe OK, apoi selectați calea potrivită. Din nou, accesați Efect> Warp> Arc, introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Rectangle (M), creați o formă de 6 x 4px și plasați-o după cum se arată în imaginea următoare. Umpleți-l cu R = 0, G = 104, B = 56, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 2px, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Încă o dată, alegeți Pen Tool (P), desenați două căi verticale (6px înălțime) și plasați-le după cum se arată. Adăugați un curs de 1 pt pentru ambele căi, setați culoarea la R = 0, G = 104, B = 56 și mergeți la panoul Stroke (Fereastră> Stroke). Faceți clic pe butonul Runda Cap, apoi treceți la Efect> Stylize> Drop Shadow.
Introduceți datele afișate mai jos, faceți clic pe OK, apoi selectați numai calea stângă. Accesați Efect> Warp> Arc, introduceți datele afișate mai jos, faceți clic pe OK. Acum, selectați calea potrivită. Din nou, accesați Efect> Warp> Arc, introduceți datele afișate mai jos și faceți clic pe OK.
Selectați substratul "Sick" și faceți o copie în față. Să ne concentrăm asupra acestui substrat proaspăt. Mai întâi, redenumiți-o "Angry", apoi ștergeți ochii și componentele gurii. Din nou, trebuie să schimbați culoarea întregii fețe. Jos jos aveți toate informațiile de care aveți nevoie.
Alegeți instrumentul Rectangle (M), creați o formă de 12 x 4px și plasați-o după cum se arată în imaginea următoare. Umpleți-l cu R = 60, G = 36, B = 21, apoi mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 2px, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Să continuăm cu ochii. Alegeți instrumentul Rectangle (M), creați două forme de 4x8px și plasați-o după cum se arată în imaginea următoare. Umpleți-le cu R = 60, G = 36, B = 21, apoi mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 2px, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Pen (P), desenați cele două căi arătate mai jos și plasați-le așa cum se arată în imaginea următoare. Adăugați un curs de 1 pt pentru ambele căi, setați culoarea la R = 0, G = 104, B = 56 și mergeți la panoul Stroke (Fereastră> Stroke). Faceți clic pe butonul Runda Cap, apoi treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Rectangle (M), creați o formă de 2 x 5px și umpleți-o cu R = 0, G = 104, B = 56. Alegeți Instrumentul de selectare directă (A), selectați punctele de ancorare de fund și mergeți la Obiect> Cale> Mediu. Verificați ambele și faceți clic pe OK. Aceasta va transforma dreptunghiul dvs. într-un triunghi destul de ascuțit. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK, apoi faceți trei copii. Rotiți-le și plasați-le așa cum se arată în imaginea finală.
Setul de pictograme pentru emotiile finale este de mai jos.
Accentsconagua