Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Cum să creați designul unor pictograme plate, pentru Paște, în Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Romanian (Română) translation by Mircea Lungu (you can also view the original English article)

Final product image
What You'll Be Creating

Paștele este o sărbătoare de primăvară frumoasă, binecunoscută pentru tradiția sa de vopsit ouă. De obicei, este asociată cu culori delicate, vesele și o stare primăvăratică. În acest tutorial, vom parcurge un proces descriptiv de creare a unor pictograme plate, pentru Paște, utilizând forme de bază, panoul Pathfinder și unele dintre instrumentele noi ale programului Adobe Illustrator.

Separat față de realizarea de pictograme pentru Paște, aceste tehnici pot fi utilizate pentru a crea orice tip de pictograme plate și bannere plate, de asemenea. Puteți găsi o mulțime de exemple de grafice plate similare, pe platforma Envato Market, pentru mai multă inspirație.

1. Faceți pictograme cu ouă festive de Paște

Pasul 1

Haideți să începem cu baza oului. Luați instrumentul Ellipse Tool (L) și faceți un cerc de 70 x 70 px. Selectați punctele-ancoră din lateral, cu instrumentul Direct Selection Tool (A), și trageți-le puțin în jos, făcând partea inferioară a formei, umflată. Apoi selectați punctul-ancoră superior și trageți-l în sus, făcând ascuțită partea de sus a oului.

make the base of the egg

Pasul 2

Vom utiliza o paletă de primăvară luminoasă, cu culori delicate, pe care o puteți utiliza direct din captura de ecran de mai jos, cu instrumentul Eyedropper Tool (I), ținând apăsată tasta Shift.

Umpleți baza oului cu culoarea galbenă și păstrați o copie în spate (Control-C > Control-B), deoarece s-ar putea să avem nevoie de ea mai târziu.

Acum haideți să pictăm ornamentul decorativ de pe ou. Luați instrumentul Rectangle Tool (M) și faceți o formă albastră de 70 x 15 px.

form a palette and start making ornaments

Pasul 3

Luați instrumentul Line Segment Tool (\), țineți apăsată tasta Shift și faceți o formă orizontală având o linie de contur (Stroke) roz, de 3 pt grosime (3 pt Stroke Weight).

Haideți să aliniem toate formele oului. Selectați toate elementele (Control-A) și executați clic pe ou, în timp ce țineți apăsată tasta Alt, pentru a-l face obiect-cheie: Key Object (veți vedea o selecție groasă în jurul lui). Mergeți la panoul Align și executați clic pe Horizontal Align Center.

align the objects

Pasul 4

Acum haideți să modificăm linia roz. Selectați-o și mergeți la Effect > Distort & Transform > Zig Zag. Alegeți pentru Size valoarea 5 px, pentru Ridges per segment valoarea 7, iar pentru Points alegeți Smooth.

Alegeți pentru formă: Object > Expand, pentru a aplica acest efect.

make a zig zag line

Pasul 5

Adăugați un alt dreptunghi în partea de jos a oului și umpleți-l cu culoarea verde. Acum haideți să ștergem acele părți ale dreptunghiurilor aflate în exteriorul oului. Vom utiliza unul dintre instrumentele noi ale programului Adobe Illustrator: Shaper Tool (Shift-N). Luați instrumentul Shaper Tool (Shift-N) și trageți deasupra porțiunii pe care doriți să o ștergeți. Repetați procedeul cu alte părți nedorite.

Dacă lucrați cu o versiune mai veche de Adobe Illustrator, încercați să utilizați instrumentul Shape Builder Tool (Shift-M), în schimb. Funcționează aproape la fel - doar să selectați totul și să dați clic pe porțiunile nedorite, în timp ce țineți apăsată tasta Alt.

Vom mai încerca o altă modalitate de a ascunde părțile de care nu avem nevoie, câțiva pași mai târziu, când vom face un alt ou.

use the shaper tool do delete the parts

Pasul 6

Selectați oul modificat și mergeți la Object > Expand pentru a-l extinde. Apoi selectați mijlocul galben al oului, împreună cu linia roz în zigzag, și divizați-le cu comanda Divide a panoului Pathfinder, separând forma în două jumătăți egale.

divide the shapes in pathfinder

Pasul 7

Utilizați o culoare de umplere roz drăguță, pentru partea superioară a formei divizate. Luați instrumentul Ellipse Tool (L) și creați un cerc de 5 x 5 px. Țineți apăsate tastele Alt-Shift și trageți cercul la dreapta, realizând câteva copii ale sale.

add circles to the egg

Pasul 8

Acum, că partea de bază a oului este gata, haideți să îi adăugăm o umbră în stilul plat, acoperind o jumătate a oului. Grupați cu comanda Group (Control-G), toate elementele componente ale oului, apoi utilizați Copy și Paste in Front (Control-C > Control-F), pentru copiere în față. Păstrând copia selectată, utilizați comanda Unite a panoului Pathfinder, combinând totul într-o singură siluetă.

Desenați o linie verticală de-a lungul oului, utilizând instrumentul Line Segment Tool (\). Aliniați (cu Align) linia la silueta oului, făcând oul obiect-cheie: Key Object.

Păstrând linia și silueta oului selectate, divizați-le cu comanda Divide din panoul Pathfinder.

Ștergeți una dintre bucăți și alegeți pentru jumătatea rămasă modul Multiply, făcând-o semitransparentă.

add a flat shadow to the egg

Pasul 9

Acum haideți să mai facem un ou!

Deja avem partea de bază, deoarece am făcut o copie a ei la primul pas. Mutați-o în lateral și umpleți-o cu culoarea portocalie. Adăugați elemente decorative în partea superioară și haideți să vedem o altă modalitate prin care putem ascunde părțile care nu sunt necesare. Utilizați comanda Duplicate, din nou, pentru formă de bază (Control-C > Control-F) și aduceți-o în față: Bring it to Front (Shift-Control-]).

Selectați toate elementele, executați clic-dreapta și alegeți comanda Make Clipping Mask. Iată că ați obținut-o!

use the Clipping Mask

Pasul 10

Haideți să adăugăm încă câteva elemente decorative ale oului. Faceți două cercuri de 5 x 5 px deasupra dungii galbene a oului, poziționându-le mai aproape de margini. Selectați ambele cercuri și utilizați sau instrumentul Blend Tool (W), sau mergeți la Object > Blend > Make. Apoi deschideți fereastra Blend Options (de la Object > Blend > Blend Options) și setați la Spacing, pentru Specified Steps, valoarea 3.

Alegeți comanda Object > Expand pentru grupul Blend și adăugați mai multe cercuri în partea superioară a oului, umplându-le cu culoarea galbenă.

use the Blend Tool to add spots

Pasul 11

Când sunteți mulțumit de rezultat, adăugați o umbră plată semitransparentă, unei jumătăți a oului.

Combinați ouăle. Utilizați instrumentul Rounded Rectangle Tool pentru a crea un fundal verde-deschis pentru pictograma noastră.

Faceți un pătrat cu instrumentul Rectangle Tool (M) și rotiți-l la 45 de grade, cu ajutorul instrumentului Selection Tool (V), în timp ce țineți apăsată tasta Shift.

Umpleți dreptunghiul cu un gradient liniar, mergând de la verde-deschis la alb și alegeți pentru el modul: Multiply Blending Mode, făcând o umbră lungă semitransparentă.

add a background and a long shadow in Multiply blending mode

Pasul 12

Creați un duplicat pentru fundalul verde-deschis și poziționați umbra între copii. Utilizați o mască de tip Clipping Mask pentru a ascunde partea nedorită a umbrei lungi.

Grozav! Prima noastră pictogramă este gata! Haideți să trecem la următoarea!

the eggs icon is finished

2. Faceți o pictogramă cu un iepuraș drăguț

Pasul 1

Faceți un cerc gri de 70 x 70 px, pentru capul iepurașului. Deplasați punctele-ancoră din lateral, puțin, în jos, cu instrumentul Direct Selection Tool (A), pentru a face capul un pic turtit.

Acum haideți să creăm urechile. Luați instrumentul Ellipse Tool (L) și faceți un oval de 15 x 50 px. Mutați punctele-ancoră din lateral, ale lui, puțin, în sus, făcând mai lată partea superioară a urechii. Păstrând forma selectată, mergeți la Object > Path > Offset Path și setați pentru Offset valoarea -5 px, lăsând toate celelalte opțiuni implicite. În acest fel, creăm o formă mai mică pentru partea interioară a urechii.

make a bunny head from ellipses

Pasul 2

Umpleți partea interioară a urechii cu culoarea roz, grupați ambele părți ale urechii și trimiteți-le în spate cu comanda Send to Back (Shift-Control-[). Executați dublu-clic pe instrumentul Rotate Tool (R), pentru a deschide fereastra cu opțiuni, apoi setați pentru unghiul de rotație: Rotate Angle, valoarea -20 grade.

rotate the ear

Pasul 3

Utilizați instrumentul Reflect Tool (O) pentru a răsuci urechea în jurul axei verticale (Vertical Axis) și executați clic pe Copy pentru a crea a doua ureche, în partea opusă a capului. Puteți grupa ambele urechi și le puteți alinia cu comanda Align, față de cap, făcând întregul set perfect centrat.

Turtiți baza capului puțin mai mult.

add a second ear

Pasul 4

Utilizați instrumentul Ellipse Tool (L), pentru a crea o pereche de ochi lucioși, închiși la culoare, cu străluciri albe și un cerc pentru nas. Luați instrumentul Scissors Tool (C) și cu el executați clic pe ambele puncte-ancoră din lateral, ale nasului, pentru a despărți forma în două jumătăți.

add the eyes and nose

Pasul 5

Ștergeți jumătatea superioară și transformați partea rămasă, într-un nas drăguț de iepuraș. Apăsați tasta X pentru a inversa culorile pentru Umplere și linia de Contur: Fill și Stroke. Alegeți pentru grosimea liniei de contur: Stroke Weight, valoarea 2 px, și schimbați Variable Width Profile în panoul de control de sus. Creați două copii ale nasului și faceți-le, într-un fel, mai subțiri și mai deschise la culoare, realizând o gură, așa cum se vede în captura de ecran de mai jos.

form a nose with stroke

Pasul 6

Haideți să terminăm iepurașul nostru, adăugându-i niște mustăți micuțe, la cap. Faceți o linie orizontală cu lungimea de 9 px și grosimea de 1 pt, utilizând instrumentul Line Segment Tool (\). Rotiți mustățile, puțin, și adăugați-le pe ambele părți ale feței.

add whiskers with strokes

Pasul 7

Adăugați o umbră plată, pe una dintre jumătățile capului iepurașului, așa cum am procedat anterior. Desenați un dreptunghi cu colțurile rotunjite, pentru fundal, și creați o umbră lungă semitransparentă, pentru a termina pictograma.

Dacă vi se pare dificil să adăugați o umbră lungă unui obiect complex, verificați următorul tutorial de la Partea 7, Pasul 1, în continuare, pentru a afla cum să-i dați umbrei noastre lungi, forma dorită.

Iată că îl aveți! Haideți să trecem la următoarea pictogramă!

finish up the bunny icon

3. Faceți o pictogramă a unui puișor drăguț

Pasul 1

De această dată, vom reprezenta un puișor amuzant, care scoate capul din ou. Întâi de toate, faceți un ou dungat, cu câteva dungi sau alte elemente decorative, după dorință, utilizând tehnicile pe care le-am învățat pe parcursul pașilor anteriori.

Avem nevoie să îndepărtăm partea superioară a oului, creând o margine zimțată, de ou spart. Păstrați o copie a bazei oului, undeva în partea de jos, deoarece vom avea nevoie de ea mai târziu, pentru a crea puișorul.

Faceți o linie orizontală de-a lungul oului și aplicați-i efectul Effect > Distort & Transform > Zig Zag. Alegeți setările următoare: pentru mărimea sa (Size) valoarea 4 px, pentru Ridges per segment valoarea 7 și selectați Points to Corner, pentru a face ascuțite marginile părții crăpate.

make a striped egg and add a zigzagged line

Pasul 2

Utilizați comanda Object > Expand, pentru a extinde linia în zig-zag și a o poziționa de-a lungul oului, în centrul lui. Copiați (Copy) partea de bază albastră a oului, apoi utilizați Paste in Front (Control-C > Control-F) și aduceți-o în față: Bring to Front (Shift-Control-]), plasând-o deasupra tuturor elementelor.

Selectați linia în zig-zag și baza oului și utilizați comanda Divide pentru ele, în panoul Pathfinder. Ștergeți partea superioară a formei divizate.

În final, selectați absolut tot, executați clic-dreapta și alegeți Make Clipping Mask. Extraordinar! Partea crăpată a oului este gata. Haideți să punem un puișor în ea!

remove the top of the egg

Pasul 3

Dezvăluiți copia părții de bază a oului, pe care am creat-o anterior, și dați-i o culoare de umplere galben delicat, pentru corpul puișorului. Micșorați forma, făcând-o de 60 x 75 px, așadar mai mică. Selectați punctele-ancoră din lateral, cu instrumentul Direct Selection Tool (A), și trageți-le în sus, un pic, făcând puișorul mai rotund.

make the chicken body

Pasul 4

Luați instrumentul Polygon Tool și executați un simplu clic oriunde pe planșa de lucru, pentru a deschide fereastra de opțiuni de tip pop-up. Faceți un triunghi de 15 x 10 px, pentru cioc, apoi umpleți-l cu culoarea portocalie.

Combinați două triunghiuri pentru a forma ciocul și turtiți-le, pentru a obține forma corespunzătoare. Nu uitați să adăugați o pereche de ochi care sclipesc. Putem să îi copiem de la pictograma cu iepurașul nostru.

add the eyes and beak

Pasul 5

Adăugați o pereche de aripi ovale, utilizând instrumentul Ellipse Tool (L). Poziționați copia corpului puișorului, deasupra aripilor, și utilizați comanda Make Clipping Mask, pentru a ascunde, în interiorul măștii, elementele de care nu avem nevoie.

add wings to the chicken

Pasul 6

Terminați pictograma, adăugând toate elementele necesare, cum ar fi umbrele și fundalul. Excepțional!

Haideți să trecem la ultima pictograma a noastră și să terminăm setul nostru de Paște!

Finish up with the chicken icon

4. Faceți o pictogramă cu o cutie de cadou

Pasul 1

Haideți să începem să îi dăm o formă cutiei noastre, pornind de la un dreptunghi verde de 60 x 40 px. Creați partea de sus a cutiei, utilizând un dreptunghi portocaliu de 65 x 15 px.

shape the box from rectangles

Pasul 2

Acum, să cream o panglică în jurul cutiei. Selectați ambele părți ale cutiei și țineți minte înălțimea respectivă a formelor. O puteți găsi în panoul Transform. În cazul nostru este de 55 px. Faceți o panglică albastră, având dimensiunile 5 x 55 px, plasând-o chiar în centrul cutiei. Adăugați o bucată de panglică mai mică, de 5 x 15 px, în partea de sus a cutiei, umplând-o cu o culoare albastru mai închis.

make a ribbon from the rectangle

Pasul 3

Utilizați instrumentul Pencil Tool (N), pentru a face o fundă, folosind o linie albastră, având grosimea (Stroke) de 2 pt Weight.

use the pencil tool to make a bow

Pasul 4

Haideți să decorăm cutia noastră cu niște ornamente sau un model. Copiați partea principală a cutiei, cu comenzile Copy și Paste in Front (Control-C > Control-F).

Mergeți la panoul Swatches și deschideți meniul Swatch Libraries > Patterns > Basic Graphics > Basic Graphics_Lines. Găsiți swatch-ul cu 10 lpi 30% și executați clic pe el, pentru a aplica un model cu linii orizontale.

add pattern to the box

Pasul 5

Păstrând selectată forma cu textură, executați dublu-clic pe instrumentul Rotate Tool (R) și  setați unghiul: Angle la 45 de grade. Deselectați caseta de bifare Transform Objects și executați clic pe OK, modificând direcția dungilor.

rotate the pattern stripes

Pasul 6

Haideți să modificăm culoarea dungilor, pentru a le face să se potrivească cu paleta generală de culori. Executați dublu-clic pe modelul aplicat, în panoul Swatches, pentru a-l izola în modul: Pattern Mode. Aplicați o culoare verde-deschis pentru linii (Strokes), în panoul Color, și apoi executați clic pe Done, în partea superioară a suprafeței de lucru.

 change the color of the stripes

Pasul 7

Terminați pictograma adăugându-i adâncime, cu ajutorul umbrelor și unui fundal simplu.

finish the box icon

Setul nostru de pictograme este terminat! Paște Fericit!

Felicitări! Am făcut o treabă extraordinară, învățând cum să folosim instrumentul Shaper Tool și cum să lucrăm cu forme de bază și panoul Pathfinder. Putem utiliza aceste tehnici simple, pentru a ne extinde setul și a crea mai multe pictograme plate, festive, pentru Paște!

Easter icons set is finished
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.