Kako u programu Adobe Illustrator kreirati srcolike tratinčice

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

Final product image — What You'll Be Creating

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!

Two Daisies with Heart Shaped Middles — Two Daises with Heart Shaped Middles

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:

#FDFEF9
#F6F0E4
#E8DDD0
#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:

#FDFEF9
#F4EDE4
#CBBBA9

4. korak

Nacrtajte četvrtu laticu koristeći mesh.

#FDFEF9
#F2EBE0
#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.

#FDFEF9
#ECE3D9
#F4EFE7
#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.

#E9DFD4
#DACFC1
#FDFCFB

12. korak

#F4EDE4
#E5DCD0
#EBE3D7

13. korak

Nacrtajte zadnju laticu.

#F3ECE3
#FEFDFD
#E1D7CB
#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.