U ovom tutorijalu naučit ćete kako koristiti Mesh Tool i Warp Effects u programu Adobe Illustrator za kreiranje para ljupkih srcolikih tratinčica.

Ako želite preskočiti ovaj tutorijal i koristiti samo tratinčice u svom dizajnu naručite sliku pod nazivom Two Daises with Heart Shaped Middles pod GraphicRiver!

1. Kako postaviti Gradient Mesh Background s prozirnim srcima

1. korak

Naučimo kako koristiti Mesh Tool za kreiranje ove pozadine!

Prvo nacrtajte pravokutnik ispunjen bojom #53A1FF. Odaberite Mesh Tool  (U) i napravite Mesh Grid kao na slici i klikom postavite sjecišta.

Zatim označite (select) šest donjih sjecišta kako je prikazano u drugoj fazi ovog prikaza i dodajte boju #FFFFFF.

Nastavite na isti način, prvo bojajući gornji srednji red sjecišta bojom #A8D9FF, a potom i tri dodatna sjecišta na vrhu bojom #89C6F7.

2. korak

Odaberite Pen Tool (P) i nacrtajte srce bijele boje. Napravite njegove dvije manje kopije.

3. korak

Postavite Opacity najvećeg srca na 50%, srednjeg 70% i najmanjeg 30%.

4. korak

Postavite ih na plavu pozadinu kako je prikazano.

5. korak

Možete dodati i oblake. Saznajte kako napraviti oblake u ovom tutorijalu!

2. Kako nacrtati tratinčicu

1. korak

Sada kad je naša pozadina sasvim gotova, prijeđimo na teži dio tutorijala, crtanje tratinčice koristeći Mesh!

Nacrtajte prvu laticu oblikom elipse kojoj trebate dodati sjecišta i oblikovati kako pokazuje donja slika. 

Koristite Mesh Tool (U) i pratite sljedeće korake dodajući boju označenim sjecištima.

Trebat će vam ove boje:

1. #FDFEF9
2. #F6F0E4
3. #E8DDD0
4. #B59F89
   

2. korak

Za kreiranje druge latice napravite kopiju prve pa odaberite Effect > Warp > Squeeze i postavite Bend 34% uz 1% Horizontal i 3% Vertical Distortion.

Nakon primjene ovog efekta odaberite Object > Expand Appearance. Zatim ručno neznatno smanjite veličinu latice.

Napravit ćemo mnogo različitih latica, vodite računa pod kojim su brojem jer će vam trebati kasnije.

3. korak

Vratimo se na Mesh za kreiranje treće latice. Pratite sljedeće korake:

1. #FDFEF9
2. #F4EDE4
3. #CBBBA9

4. korak

Nacrtajte četvrtu laticu koristeći mesh.

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

5. korak

Da kreirate petu laticu poslužite se kopijom koju smo kreirali u 2. koraku.

Odaberite Effect > Warp > Arc sa sljedećim vrijednostima:

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

Ne zaboravite odabrati Object > Expand Appearance.

6. korak

Za šestu laticu jednostavno razvucite kopiju broj 5.

7. korak

Ovu nacrtajte koristeći Mesh.

1. #FDFEF9
2. #ECE3D9
3. #F4EFE7
4. #CFC1B1
   

8. korak

Za laticu broj 8 izravnajte kopiju sedme latice i primijenite Effect > Warp > Arc sa sljedećim vrijednostima:

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

Object > Expand Appearance.

9. korak

Za ovu također koristite kopiju latice broj 7, ovaj puta primjenjujući Effect > Warp > Squeeze.

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

Ne zaboravite odabrati Object > Expand Appearance.

10. korak

Za kreiranje desete latice vratit ćemo se na kopiju prve latice i primijeniti Squeeze.

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

Na objekt primijenite Expand Appearance.

11. korak

Ovu kreirajte primjenjujući Mesh.

1. #E9DFD4
2. #DACFC1
3. #FDFCFB

12. korak

1. #F4EDE4
2. #E5DCD0
3. #EBE3D7

13. korak

Nacrtajte zadnju laticu.

1. #F3ECE3
2. #FEFDFD
3. #E1D7CB
4. #EAE1D6

14. korak

U skladu s brojevima na laticama sastavite vjenčić.

3. Kako završiti tratinčicu

1. korak

Nedostaje nam srednji dio cvjetne glavice. Kako je prilično teško precizno nacrtati ovako složeni element koristit ćemo Image Trace.

U traci izbornika ovog tutorijala naći ćete postavku Download Attachment. Odaberite ju i nakon učitavanja komprimirane datoteke zip ekstrahirajte iz arhiva. Jedan od dokumenata je fotografija  full_daisy.jpg. koju ćemo sada koristiti.

Za nekoliko sljedećih koraka trebat će vam Adobe Photoshop. Ukoliko ga nemate, prijeđite na 4. korak.

Otvorite  fotografiju .jpg u programu Adobe Photoshop. Zumirajte na središnji žuti dio cvijeta, izrežite  ga i izdvojite na bijelu površinu kao što je prikazano desno. 

Ako imate problema pri izrezivanju (crop) središnjeg dijela cvijeta, za sljedeći korak koristite dokument daisy_cropped.jpg.

2. korak

Odaberite Filter > Liquify, koristite prvi alat iz alatne trake i njime oblikujte središnji dio cvijeta u srce.

3. korak

Trebalo bi izgledati kao na slici. Postupak je prilično zahtjevan i potrebno je oko za detalje. Zbog toga u sljedećem koraku, ako je potrebno, možete koristiti gotov dokument koji sam kreirao (daisy_heart.jpg).

4. korak

Dokument koji ste kreirali u programu Photoshop  (ili daisy_heart.jpg) otvorite sada u programu Adobe Illustrator.

Dotjerajte boju primjenjujući Edit > Edit Colors > Adjust Colors kako bi bila svjetlija. 

5. korak

Odaberite Window > Image Trace i u panelu unesite postavke kako slijedi:

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

Kliknite na Trace.

6. korak

Na kreirani vektor primijenite Effect > Distort & Transform > Free Distort kako bi ga postavili u perspektivu. Primijenite na objekt opciju Expand Appearance.

7. korak

Odaberite Pen Tool (P) i iscrtajte obrise srca. Primijenite Radial Gradient (#D2A451 - #FFFFFF) na Stroke.

8. korak

Promijenite Transparency Mode srca na Multiply i postavite Opacity na 60%.

9. korak

Postavite obris iznad srca.

10 korak

Nacrtajte dva srca. Manje ispunite bojom #92621E, a veće bojom #E8DCC8.

11. korak

Postavite smeđe srce iznad bijelog i bijelo napravite sasvim transparentnim.

12. korak

Primijenite Object > Blend > Blend Options, odaberite Specified Steps i input 30.

Zatim označite (select) oba srca i primijenite Object > Blend > Make.

13. korak

Za srce postavite Multiply i namjestite Opacity 30%.

14. korak

Postavite kreirano iza srca.

15. korak

Postavite srcoliki središnji dio na latice.

16. korak

Nacrtajte stabljike koristeći Mesh.

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

17. korak

Za stabljiku primijenite Warp s opcijom Arc.

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

Na objekt primijenite Expand Appearance.

18. korak

Spojite stabljike sa cvjetnim glavicama.

19. korak

Postavite tratinčice na pozadinu.

Izvrsno, završili ste!

Hvala što ste me pratili kroz ovaj tutorijal, pošaljite svoje radove i komentare. Bit će mi drago vidjeti što ste kreirali.

U ovom ste tutorijalu naučili kakao kreirati ljupke realistične tratinčice primjenjujući Mesh Tool.

Nadam se da ste uživali i naučili kako ubuduće upotrebljavati neke korisne alate. Provjerite moje ostale vektorske tutorijale pod instructor profile. 

Ovdje korištene slike cvijeća možete naručiti pod these flowers, kao i ostale slične elemente pod my portfolio na GraphicRiver.