1. Design & Illustration
  2. Gradient Mesh Tool

Cum să desenați margarete în formă de inimă, în Adobe Illustrator

by
Read Time:6 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

În acest tutorial, veți învăța cum să utilizați Mesh Tool și Warp Effects în Adobe Illustrator, pentru a crea a pereche frumoasă de margarete în formă de inimă!

Dacă doriți să săriți peste acest tutorial și doar să utilizați direct florile în munca dumneavoastră, puteți cumpăra cele Două margarete cu centrul în formă de inimă, de la GraphicRiver!

 Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles
Două margarete cu centrele în formă de inimă

1. Cum să creați un fundal de tip Gradient Mesh cu inimi transparente

Pasul 1

Hai să învățăm cum se utilizează instrumentul Mesh, în timp ce creăm acest fundal!

Prima dată, desenați un dreptunghi, umplându-l cu culoarea #53A1FF. Selectați Mesh Tool (U) și creați un Mesh Grid, ca acela din captura de ecran de mai jos, dând clic în punctele unde ar trebui să se afle nodurile.

În continuare, selectați cele șase noduri din partea de jos, așa cum se indică în partea a doua a imaginii, apoi colorați-le cu #FFFFFF.

Continuați într-o manieră similară, prima dată colorând rândul de noduri din partea de mijloc-sus, acum cu #A8D9FF, apoi încă trei noduri din partea de sus, cu #89C6F7.

mesh skymesh skymesh sky

Pasul 2

Utilizând Pen Tool (P), desenați o inimă umplută cu culoarea albă. Creați două copii mai mici ale acesteia.

white heartswhite heartswhite hearts

Pasul 3

În continuare, modificați Opacity pentru inima cea mai mare la 50%, pentru inima mijlocie la 70%, și pentru inima cea mai mică la 30%.

different opacitydifferent opacitydifferent opacity

Pasul 4

Plasați-le pe fundalul albastru, astfel:

add to skyadd to skyadd to sky

Pasul 5

De asemenea, puteți adăuga nori. Descoperiți cum îi puteți crea, în acest tutorial!

cloudscloudsclouds

2. Cum să desenați margareta

Pasul 1

Acum, din moment ce fundalul este realizat, să trecem la partea mai dificilă a tutorialului: desenarea margaretei cu instrumentul Mesh!

Desenați prima petală dintr-o elipsă, căreia va fi nevoie să-i adăugați noduri Mesh și să-i dați o formă potrivită, așa cum se poate vedea în captura de ecran de mai jos:

Utilizați Mesh Tool (U) și urmați pașii de mai jos, colorând nodurile selectate.

Veți avea nevoie de aceste culori:

  1. #FDFEF9
  2. #F6F0E4
  3. #E8DDD0
  4. #B59F89
mesh petalmesh petalmesh petal

Pasul 2

Pentru a face cea de-a doua petală, realizați o copie a primei petale, apoi mergeți la Effect > Warp > Squeeze, utilizând 34% Bend cu 1% Horizontal și 3% Vertical Distortion.

După ce aplicați acest efect, utilizați Object > Expand Appearance. Apoi redimensionați petala manual, pentru a o face un pic mai mică.

Vom crea o mulțime de petale diferite, așa că vă recomand să țineți cont de numerele atribuite acestora. În viitor, veți avea nevoie de acestea.

warp petalwarp petalwarp petal

Pasul 3

Întoarceți-vă la Mesh, pentru crearea celei de-a treia petale. Urmați pașii de mai jos.

  1. #FDFEF9
  2. #F4EDE4
  3. #CBBBA9
gradient mesh petalgradient mesh petalgradient mesh petal

Pasul 4

Desenați cea de-a patra petală, cu Mesh.

  1. #FDFEF9
  2. #F2EBE0
  3. #CFC1B1
meshmeshmesh

Pasul 5

Pentru a crea cea de-a cincea petală, folosiți o copie a uneia pe care am creat-o în Pasul 2.

Mergeți la Effect > Warp > Arc, utilizând următoarele setări:

  • Bend: 14%
  • Horizontal: 3%
  • Vertical: 19%

Nu uitați să aplicați Object > Expand Appearance.

warpwarpwarp

Pasul 6

Pentru a obține cea de-a șasea petală, pur și simplu faceți stretch cu o copie a numărului 5.

copy petalcopy petalcopy petal

Pasul 7

Desenați aceasta cu Mesh.

  1. #FDFEF9
  2. #ECE3D9
  3. #F4EFE7
  4. #CFC1B1
gradient meshgradient meshgradient mesh

Pasul 8

Pentru petala cu numărul 8, aplatizați ("flatten") o copie a petalei cu numărul 7, iar apoi mergeți la Effect > Warp > Arc, aplicând aceste setări:

  • Bend: 8%
  • Horizontal: 14%
  • Vertical: 11%

Object > Expand Appearance.

warp meshwarp meshwarp mesh

Pasul 9

Pentru aceasta, de asemenea luați o copie a celei cu numărul 7, dar de data aceasta folosind Effect > Warp > Squeeze.

  • Bend: 35%
  • Horizontal: -4%
  • Vertical: -14%

Nu uitați să aplicați Object > Expand Appearance.

squeeze petalsqueeze petalsqueeze petal

Pasul 10

Pentru cea de-a zecea petală, întoarceți-vă la o copie a primei petale pe care ați făcut-o, și aplicați Squeeze.

  • Bend: 47%
  • Horizontal: -3%
  • Vertical: 9%

Pentru obiect, utilizați Expand Appearance.

warp petalwarp petalwarp petal

Pasul 11

Faceți aceasta cu Mesh.

  1. #E9DFD4
  2. #DACFC1
  3. #FDFCFB
gradient meshgradient meshgradient mesh

Pasul 12

  1. #F4EDE4
  2. #E5DCD0
  3. #EBE3D7
daisy flower petaldaisy flower petaldaisy flower petal

Pasul 13

Desenați ultima petală.

  1. #F3ECE3
  2. #FEFDFD
  3. #E1D7CB
  4. #EAE1D6
mesh toolmesh toolmesh tool

Pasul 14

Folosind numerele ca referință, asamblați margareta.

assemble daisyassemble daisyassemble daisy

Cum să terminați margareta

Pasul 1

Singurul element care ne lipsește este partea din mijloc a florii-soarelui. Deoarece este foarte dificil de trasat un astfel de lucru complex, de la zero, aș dori să utilizez acum Image Trace.

În partea laterală a acestui tutorial, veți găsi butonul Download Attachment. Dați clic pe el și, după ce se descarcă fișierul zip, dezarhivați arhiva respectivă. Unul dintre fișiere, full_daisy.jpg, reprezintă o fotografie (făcută de mine) pe care o vom folosi la acest pas.

Pentru următorii pași, veți avea nevoie de Adobe Photoshop. Dacă nu aveți acest software, puteți foarte bine să săriți la Pasul 4.

Mai întâi, deschideți fișierul .jpg în Adobe Photoshop. Măriți partea centrală a margaretei și decupați mijlocul ei; apoi, izolați-o în alb, așa cum este arătat în partea dreaptă.

Dacă întâmpinați dificultăți atunci când izolați partea din mijloc, folosiți fișierul daisy_cropped.jpg pentru următorul pas.

photoshop daisyphotoshop daisyphotoshop daisy

Pasul 2

Alegeți Filter > Liquify și acolo selectați primul instrument al barei de instrumente. Cu acesta, dați o formă de inimă părții centrale a margaretei.

shape heartshape heartshape heart

Pasul 3

Ar trebui să arate cam așa; oricum, acest proces este destul de dificil și necesită o mare atenție la detalii. Din cauza acestui lucru, puteți folosi fișierul pe care l-am creat (daisy_heart.jpg) pentru următorul pas, dacă aveți nevoie de acesta.

daisy heartdaisy heartdaisy heart

Pasul 4

Deschideți fișierul pe care l-ați făcut în Photoshop (sau daisy_heart.jpg) în Adobe Illustrator.

Modificați culoarea un pic, accesând Edit > Edit Colors > Adjust Colors pentru a o face mai luminoasă..

recolorrecolorrecolor

Pasul 5

Mergeți la Window > Image Trace și, în acel panou, introduceți setările pe care le puteți vedea mai jos.

  • Mode: Color
  • Palette: Full Tone
  • Colors: 100
  • Paths: 50%
  • Corners: 50%
  • Noise: 5 px

Executați clic pe Trace.

tracetracetrace

Pasul 6

Luați forma vectorială rezultată și folosiți Effect > Distort & Transform > Free Distort pentru a o prezenta în perspectivă. Utilizați Expand Appearance pentru obiect.

free distortfree distortfree distort

Pasul 7

Utilizând Pen Tool (P), desenați o linie de contur pentru inimă. În continuare, aplicați Radial Gradient (#D2A451 - #FFFFFF) liniei de contur (Stroke).

strokestrokestroke

Pasul 8

Modificați Transparency Mode a inimii în Multiply și Opacity la 60%.

multiplymultiplymultiply

Pasul 9

Plasați linia de contur deasupra inimii.

outlineoutlineoutline

Pasul 10

Desenați două inimi. Umpleți-o pe cea mai mică cu culoarea #92621E și pe cea mai mare cu culoarea #E8DCC8.

two heartstwo heartstwo hearts

Pasul 11

Plasați inima maronie deasupra inimii albe, și faceți inima albă complet transparentă.

transparent hearttransparent hearttransparent heart

Pasul 12

Mergeți la Object > Blend > Blend Options, selectați Specified Steps, și apoi introduceți 30.

După aceea, selectați ambele inimi și aplicați Object > Blend > Make.

blendblendblend

Pasul 13

Setați pentru inimă Multiply cu 30% Opacity.

multiplymultiplymultiply

Pasul 14

Plasați-o în spatele inimii.

behind the heartbehind the heartbehind the heart

Pasul 15

Plasați mijlocul deasupra petalelor de margaretă.

add to daisyadd to daisyadd to daisy

Pasul 16

Desenați tulpina florilor, cu Mesh.

  1. #94A040
  2. #597418
  3. #FFFFFF
stem stem stem

Pasul 17

Arcuiți ("Warp") tulpina cu Arc.

  • Bend: 14%
  • Horizontal: 2%
  • Vertical: 0%

Utilizați Expand Appearance pentru obiect.

bend stembend stembend stem

Pasul 18

Atașați tulpinile, celor două margarete.

attach stemsattach stemsattach stems

Pasul 19

Plasați margaretele pe fundal.

place daisiesplace daisiesplace daisies

O muncă extraordinară! Ați terminat!

Vă mulțumesc pentru că m-ați urmărit pas cu pas și vă rog să postați rezultatul muncii dumneavoastră în cadrul comentariilor. Aștept cu nerăbdare să îl văd!

În acest tutorial, ați învățat cum să creați margarete cu aspect foto-realist, utilizând instrumentul Mesh Tool.

Sper că v-a făcut plăcere să urmăriți acest tutorial și că ați învățat cum să utilizați unele instrumente, folositoare pentru viitor. Accesați și alte tutoriale vectoriale ale mele, disponibile la profilul meu de instructor.

Puteți cumpăra aceste flori, ca și alte tipuri similare de design, din portofoliul meu pe GraphicRiver.

 Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles
Două margarete, cu partea centrală în formă de inimă
One subscription.
Unlimited Downloads.
Get unlimited downloads