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

Kako Izraditi Proljetno Cvijeće Koristeći 'Gradient Mesh' u Adobe Illustratoru

by
Difficulty:BeginnerLength:ShortLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

U ovom tutorijalu ćete naučiti kako upotrijebiti Mesh Tool alat i postići bolji izgled slika jednostavnim podešavanjem Transparency postavki.

Ako želite preskočiti ovaj tutorijal i želite kupiti gotov rezultat u raznim varijantama u obliku bannera i sa božićnom tematikom, idite na GraphicRiver gdje možete kupiti 'Spring Background with Blossoming Tree Branch'.

Spring Background

Prije nego što počnemo, morate preuzeti dodatak klikom na 'download attachment' gumb zdesna. Preuzeti ćete korisnu datoteku koju sam ja izradio.

1. Kako Izraditi Latice Cvijeta

1. korak

Počnite izradom ružičaste elipse koristeći Ellipse Tool (L). Obojite je bojom #FAE8E6 i izradite čvor u sredini klikom na Mesh Tool (U).

pink ellipse with a mesh node in the middle

2. korak

Povlačenjem čvorova pomoću Mesh Tool (U) alata modificirajte oblik tako da izgleda kao primjer na slici.

shape the circle so it looks like an asymmetrical flower petall

3. korak

Koristeći Mesh Tool (U) izradite mrežu, sličnu ovoj na screenshot-u.

create a mesh that has 6 rows and 4 columns

4. korak

Obojite individualne Mesh Node čvorove prema donjoj slici - kod boje koju trebate upotrijebiti označen je na primjerima. Za istovremeno selektiranje više čvorova odjednom upotrijebite Lasso Tool (Q) ili Shift-klik sa Direct Selection Tool (A).

color the petal with some darker pink nodes in the middle and a couple dark yellow nodes on the right

5. korak

Upotrijebimo sada ove latice za izradu cvijeta! Napravite nekoliko kopija završene latice (upotrijebite Control-C, Control-V ili ih odvucite dok držite tipku Alt) i rotirajte ih da izgledaju ovako:

arrange three petals

Gornja desna latica bi trebala biti ispod drugih latica. To možete postići koristeći Send Backward (Control-[) funkciju koju ćete naći u Arrange izborniku nakon što dvaput kliknete objekt.

6. korak

Dovršite uređivanje cvijeta dodajući još latica.

arrange the petals to fill in the empty space

Ne brinite zbog otvora u sredini -  njega ćemo riješiti u sljedećim koracima!

2. Kako Izraditi Prašnike i Spojiti Dijelove Cvijeta

1. korak

Izradimo sada prašnike cvijeta. Počnite izradom uskog pravokutnika sa Rectangle Tool (M) alatom. Napravite Mesh Node (čvor za mrežu), kao što smo učinili u prošlom dijelu tutorijala. Obojite pravokutnik bojom #E5BE93.

very long narrow rectangle

2. korak

Izradite još Mesh Node čvorova i obojite ih kao što je prikazano na donjem primjeru - upotrijebite Mesh Tool (U).

color the shape so its darker on the left and lighter on the right add a highlight

3. korak

Sada kada nam je pravokutnik obojen, primijenite Warp funkciju da ga iskrivite koristeći Effect > Warp > Arch. Primijenite sljedeće postavke:

  • Bend: 19%
  • Horizontal: -38%
bend the shape with arch

4. korak

Primijenite Expand Appearance na oblik koristeći Object > Expand Appearance. Ne zaboravite to učiniti i ubuduće svaki puta kada koristite Warp efekt!

expand appearance of the object

5. korak

Kopirajte i savijte oblik da izgleda kao na slici ispod.

add four shapes heading to the right direction with semi-regular spaces between them

6. korak

Izradite manju kopiju oblika i uredite je kao što je prikazano ispod na screenshot-u. Idite na Edit > Edit Colors > Saturate da promijenite boju. Podesite Intensity na -20%.

lower intensity by 20

7. korak

Pomaknite drugu grupu ispod prve.

arrange the second group under the first one so it fills in the big spaces

8. korak

Nastavimo na drugi dio prašnika. Izradite elipsu sa Ellipse Tool (L) alatom i ispunite je narančastom bojom - možete upotrijebiti boju #EEAF58.

create a narrow ellipse with EEAF58

9. korak

Izradite mrežu u obliku koristeći Object > Create Gradient Mesh. Podesite Rows (broj redova) na 4 i Columns (rubrike) na 5.

create gradient mesh as mentioned above

10. korak

Bojite unutar mreže selektirajući čvorove prikazane na screenshot-u i upotrijebite označene boje.

make the bottom darker and the top lighter

11. korak

Dodajte dovršene elipse grupi koju smo dovršili u 7. koraku. Možete ih sami smjestiti po želji ili pratite primjer na donjoj slici.

add two or one ellipse to each stalk

12. korak

Izradite kopiju ovih sada dovršenih prašnica, rotirajte je, podesite veličinu tako da izgleda slično kao i oblik na donjem primjeru.

attach the copy to the original creation so it looks like a bowtie

13. korak

I na kraju ćemo prašnicima izraditi sjenu. Napravite elipsu i ispunite je koristeći radijalni Gradient od smeđe do narančaste i zatim bijele.

radial gradient from 512E05 to E6BE79 to white

14. korak

Sa Gradient Tool (G) alatom razvucite gradijent tako da prati oblik elipse.

gradient follows the shape of the ellipse but is a little smaller

15. korak

Podesite Transparency u Multiply i Opacity na 80% u Transparency kartici (Window > Transparency).

transparency settings mentioned above

16. korak

Na kraju poredajte objekte izrađene u ovom dijelu na latice izrađene u prijašnjem dijelu.

finished flower

17. korak

Budite kreativni u ovom koraku! Napravite još nekoliko različitih verzija cvijeta. Možete rotirati ili oduzeti neke latice, rasporediti ih drugačije, promijeniti im Opacity u Transparency kartici ili čak boju u Edit > Edit Colors > Adjust Colors.

Ja sam napravio nekoliko jednostavnih cvjetova:

example of different flowers you can create

Kada ste zadovoljni cvjetovima, krenite dalje!

3. Kako Izraditi Listove

1. korak

Izradite elipsu i ispunite je bojom #5F8500.

narrow ellipse 5F8500

2. korak

Pratite sliku da napravite i obojite mrežu (Mesh).

color the middle darker and two nodes above and below the middle lighter

3. korak

Nacrtajte linije za list sa Pen Tool (P) alatom. Primijenite zelenu boju #9E9E02 linije i dodijelite joj Width Profile 4 u Stroke kartici (Window > Stroke).

assign the width profile that looks like a triangle pointing to the left

4. korak

Selektirajte sve linije i ujedinite ih klikom na Unite u Window > Pathfinder kartici.

Unite in the Pathfinder panel

5. korak

Stavite linije na vrh elipse. Otvorite .ai datoteku koju ste preuzeli klikom na Download Attachment s desne strane stranice, i stavite oblik iz datoteke na vrh lista. U ovom koraku možete upotrijebiti i svoj oblik ako želite.

Selektirajte sve elemente, kliknite desnim gumbom miša i u izborniku odaberite Make Clipping Mask.

make clipping mask after right-clicking

6. korak

Ovako bi trebao izgledati završeni list.

finished leaf

7. korak

Napravite kopiju lista i idite na Edit > Edit Colors > Adjust Colors da ga posvijetlite. Upotrijebite 13% Red i 10% Green.

follow the instructions above

4. Kako Izraditi Grančice

1. korak

Izradite uski pravokutnik i ispunite ga bojom #030100.

long narrow rectangle 030100

2. korak

Sa Mesh Tool (U) alatom i bojom #714B00 izradite jedan čvor mreže u sredini.

one mesh node in the middle 714B00 color

3. korak

Idite na Effect > Warp > Arch da savijete oblik primjenjujući 10% Bend. Ne zaboravite na Expand Appearance.

bend the twig with arch as mentioned above

4. korak

Izradite nekoliko 'Mesh' čvorova i povucite jednog od njih tako da postignete izgled kao na donjoj slici.

drag one node in the middle upwards

5. korak

Izradite još 'Mesh' čvorova da postignete rezultat kao što je prikazano na donjoj slici.

create 5 columns and 4 rows of mesh

6. korak

Obojite grančicu prateći primjere na donjim slikama.

color the twig so there is lighter brown in the middle

7. korak

Napravite još jedan pravokutnik, i ovaj puta ga ispunite bojom #5D6A2C.

long narrow rectangle with 5D6A2C

8. korak

Iskrivite ga funkcijom 'Warp' kao što smo učinili u 2. koraku ovog dijela, primjenjujući sljedeće postavke:

  • Bend 24%
  • Horizontal -40%
bend the stalk with the mentioned settings

Na objekt primijenite Expand Appearance.

9. korak

Obojite objekt koristeći mrežu i prateći slike ispod.

color the stalk with four colors - darkest on the right side lighter in the middle lightest on the right side on the bottom

10. korak

Spojite novi izrađeni oblik na grančicu koju smo dovršili u 6. koraku.

attach the green stalk to the twig

5. Kako Izraditi Pozadinu

1. korak

Izradite pravokutnik i obojite ga bojom #F2F2E2.

square with F2F2E2

2. korak

Koristeći Mesh Tool (U) izradite mrežu ('Mesh') kao što je prikazano na donjoj slici.

mesh with 4 rows and 5 columns

3. korak

Obojite različite čvorove, prateći sljedeće slike.

color the background with green nodes under the spaces the leaves are going to be in and pink under the flowers

6. Kako Sve Zajedno Uklopiti u Konačan Dizajn

Odlično! Završili smo izradu svih različitih elemenata! Ovaj dio ovisi i o vašoj kreativnosti.

1. korak

Uzmite sve objekte koje smo izradili 1, 2, 3 i 4 dijelu i rasporedite ih tako da čine jednu ili dvije prekrasne grančice sa proljetnim cvjetovima i lišćem! Možete pogledati moj rezultat za inspiraciju.

example of the finished branches

2. korak

Na pozadinu koju smo izradili u 5. dijelu stavite cvijeće. Zatim izradite pravokutnik preko svih elemenata koji bi trebao uključivati sve elemente koje želite na konačnoj slici.

I na kraju selektirajte sve elemente (Control-A), kliknite desnim gumbom miša i odaberite Make Clipping Mask.

make clipping mask after selecting all and right-clicking

Odličan posao, završili ste!

Što sada? Možete dodati još neke elemente (npr. bokeh odsjaj) i igrati se sve dok ne postignete željeni rezultat!

finished image

U ovom tutorijalu ste naučili kako izraditi pozadinu s proljetnim cvijećem, većinom koristeći Mesh Tool alat i Warp efekte.

Nadam se da ste uživali u ovom tutorijalu i naučili koristiti neke alate koje ćete i ubuduće moći upotrijebiti!

Sličnu pozadinu sa proljetnim cvijećem možete pronaći na GraphicRiver-u, a ima ih još i više u mojem portfelju!

Spring Background
Proljetna pozadina sa grančicom trešnje u cvatu
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.