Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

Kako u programu Adobe Illustrator kreirati srcolike tratinčice

by
Difficulty:BeginnerLength:ShortLanguages:

Croatian (Hrvatski) translation by Miroslava Ilić (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.

mesh sky

2. korak

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

white hearts

3. korak

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

different opacity

4. korak

Postavite ih na plavu pozadinu kako je prikazano.

add to sky

5. korak

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

clouds

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
mesh petal

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.

warp petal

3. korak

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

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

4. korak

Nacrtajte četvrtu laticu koristeći mesh.

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

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.

warp

6. korak

Za šestu laticu jednostavno razvucite kopiju broj 5.

copy petal

7. korak

Ovu nacrtajte koristeći Mesh.

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

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.

warp mesh

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.

squeeze petal

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.

warp petal

11. korak

Ovu kreirajte primjenjujući Mesh.

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

12. korak

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

13. korak

Nacrtajte zadnju laticu.

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

14. korak

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

assemble daisy

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.

photoshop daisy

2. korak

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

shape heart

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).

daisy heart

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. 

recolor

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.

trace

6. korak

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

free distort

7. korak

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

stroke

8. korak

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

multiply

9. korak

Postavite obris iznad srca.

outline

10 korak

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

two hearts

11. korak

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

transparent heart

12. korak

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

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

blend

13. korak

Za srce postavite Multiply i namjestite Opacity 30%.

multiply

14. korak

Postavite kreirano iza srca.

behind the heart

15. korak

Postavite srcoliki središnji dio na latice.

add to daisy

16. korak

Nacrtajte stabljike koristeći Mesh.

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

17. korak

Za stabljiku primijenite Warp s opcijom Arc.

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

Na objekt primijenite Expand Appearance.

bend stem

18. korak

Spojite stabljike sa cvjetnim glavicama.

attach stems

19. korak

Postavite tratinčice na pozadinu.

place daisies

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.

 Two Daisies with Heart Shaped Middles
Two Daises with Heart Shaped Middles
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.