Advertisement
  1. Design & Illustration
  2. Patterns

Kako Izraditi Prugasti Cvjetni Uzorak u Adobe Illustratoru

Scroll to top
Read Time: 7 min
This post is part of a series called Learn Adobe Illustrator.
How to Create Fantasy Weapons for Games in Adobe Illustrator
How to Create a Doctor Who Themed Icon Pack in Adobe Illustrator

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

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

Ruže i cvijeće mogu biti zahtjevan zadatak bez fotografske reference. Dizajnirajte prekrasne cvjetne uzorke u Adobe Illustratoru sa ovim tutorialom za izradu "seamless" uzorka! Zajedno ćemo izraditi cvijeće, paletu boja, i aranžirati fantastičan uzorak!

Trebate neku cvjetnu inspiraciju? Prije nego što zaronite u tutorial, pogledajte ove cvjetne "stock" fotografije i vektorske uzorke na Envato Market-u .

Ja ću raditi u Adobe Illustrator CC i koristiti Pattern Options karticu. Ako koristite ranije verzije , možda čete morati pronaći alternativnu metodu a planiranje i izradu uzorka.

1. Izradite Ružu

1. korak

Za početak nacrtajte dva kruga sa Ellipse Tool (L) alatom. Poslužiti će nam kao vodič za konstrukciju ruže. Koristeći alat za crtanje po vlastitom izboru (Ja sam koristila Pencil Tool (N)) nacrtajte nazubljenu laticu poput one na slici ispod. Pobrinite se da svakako zatvorite sve otvorene putanje kada radite ove objekte latica.

Use circles as a guide for your flower designUse circles as a guide for your flower designUse circles as a guide for your flower design

2. korak

Ponovite oblik latice na drugoj strani malog kruga. Zatim između njih nacrtajte "pufasti" oblik poput oblaka. Ovo oblikuje sredinu ruže.

draw a puffy cloud-like shape between the petals for the center of the rosedraw a puffy cloud-like shape between the petals for the center of the rosedraw a puffy cloud-like shape between the petals for the center of the rose

3. korak

Nastavite crtati slojeve latica:

  1. Ispuniti ćemo prvo centar ruže, crtajući svaki objekt dalje od sredine.
  2. Sredina je također dobro mjesto za simetriju.
  3. Ovdje je ukupno deset oblika latica: tri središnja iz prijašnjeg koraka i još nekoliko da ispune manji krug.

Ako u postavkama podesite svoj alat za crtanje (kao Pencil Tool illi Brush Tool (B)) na Smooth, vjerojatnije je da ćete napraviti obliju laticu umjesto oštre, nepravilne.

Fill in the smaller circle with cloud-like petal shapesFill in the smaller circle with cloud-like petal shapesFill in the smaller circle with cloud-like petal shapes

4. korak

Što se više udaljavate od sredine, latice bi trebale biti veće.

  1. Pokušajte crtati latice u kvadrantima oko centra kruga.
  2. Najveće latice s vanjske strane dizajna dolaze do točke u sredini, dok su one unutar više zaobljene i "nazubljene".
  3. Kada završite crtanjem latica (moj cvijet ih ima ukupno 19), obrišite krugove i na Group (Control-G) grupirajte zajedno laticu i objekte.
Draw outer petals and delete the guide circles in your designDraw outer petals and delete the guide circles in your designDraw outer petals and delete the guide circles in your design

2. Obojite Ružu

1. korak

Koristeći Direct Selection Tool (A), selektirajte dvije unutarnje latice pokraj sredine dizajna i podesite boju ispune na svijetlo ružičastu (#fe8abf). Pazite da vam je boja linije (stroke) podešena bezbojno. Raditi ćemo dizajn flat uzorka i za njega nećemo koristiti nikakve linije.

Set your petals color to light pinkSet your petals color to light pinkSet your petals color to light pink

2. korak

Cilj ovakvog bojenja ruže jest sprečavanje međusobnog bleed-a ili blendanja individualnih oblika. Stoga ću upotrijebiti četiri različite nijanse ružičaste. Latica u samoj sredini i tri vanjske će biti ružičaste (#ff5d9e). Dvije centralne će biti srednje ružičaste (#ff4275), i preostale dvije na ovoj slici su tamno ružičaste (#ff2348). Želim da se latice ističu, stoga će mnoge varirati između ružičaste i tamno ružičaste.

Continue adding color to your imageContinue adding color to your imageContinue adding color to your image

3. korak

Nastavite dodavati boje na dizajn.

  1. Ovi gornji vanjski listovi su srednje ili tamno ružičasti, dok su donji vanjski listovi svjetlije ružičaste nijanse.
  2. Također sam nacrtala malene odcijepljene oblike da pomognu međusobno odvojiti latice i dodatno istaknu dizajn. Ovo nije obavezno.
Continue adding colors to your rose designContinue adding colors to your rose designContinue adding colors to your rose design

3. Nacrtajte Listove

1. korak

Na završenom uzorku imamo mnogo lišća. Za cvjetove na stabljikama možete nacrtati mali set listova:

  1. Nacrtajte šest oblika poput suze.
  2. Razdvojite svaki sa zakrivljenom linijom. Selektirajte list i liniju i kliknite Divide u Pathfinder lartici. Tako ćete dobiti dva odvojena objekta za svaku stranu lista.
  3. Za lijevu stranu svakog lista podesite tamno zelenu boju (#1f714a) i za desnu stranu svijetlo zelenu (#5bbb2c).
Draw small leavesDraw small leavesDraw small leaves

2. korak

Nacrtajmo veliki list koji ćemo koristiti za velike ruže:

  1. Poput latica, veliki listovi su zakrivljeni i dolaze do točke.
  2. Razdvojite list zakrivljenom linijom i kliknite Divide u Pathfinder kartici dok su oba objekta selektirana.
  3. Upotrijebite Pen Tool da nacrtate osam vertikalnih linija koje prate konturu vašeg oblika lista. Kliknite Divide da odvojite te linije i objekte lista također tako da imate 18 odvojenih objekata koji čine list.
  4. Izmjenjujte boje ispune između tamno zelene (#1f714a) i srednje zelene na vrhu, i srednje zelene (#3aa226) i svijetlo zelene (#5bbb2c) na dnu.

Kada završite sa dizajnom lista, pomoću Group funkcije sve zajedno grupirajte.

Draw large leaves and use alternating colorsDraw large leaves and use alternating colorsDraw large leaves and use alternating colors

3. korak

Napraviti ćemo i druga dva oblika lista:

  1. Ovaj list ima više šiljasti oblik, poput pera. Smanjite ili uklonite Smooth opciju na Pencil Tool alatu da budete sigurni kako se oštri rubovi neće izgubiti dok crtate.
  2. Kao i list prije, razdvojite ga na pola sa zakrivljenom linijom.
  3. Dodajte pruge i obojite zelenim tonovima kao što ste učinili i sa prethodnim listom, ali ovaj puta su tamnije boje na dnu.
Consider other shapes for your leavesConsider other shapes for your leavesConsider other shapes for your leaves

4. korak

Iskombinirajte ružu i velike listove da napravite prvi cvijet za dizajn. Funkcijama Rotate (R) ili Scale prilagodite elemente po vašoj želji.

Combine your rose and large leaves to create the first flower for your designCombine your rose and large leaves to create the first flower for your designCombine your rose and large leaves to create the first flower for your design

4. Izradite Druge Cvjetove

1. korak

Postoje tri tipa cvijeta u ovom dizajnu. Prvi je moj dizajn velike ruže:

  1. Poput prve ruže, i ovu možete izgraditi od krugova i elipsi. Fokusirajte se na centar i nacrtajte latice prema van.
  2. Izmjenjujte boje kako se latice ne bi tonski spajale jedna u drugu. Usredotočite se na tamnije boje latica koje se nalaze straga ili unutar ruže.
  3. Također možete nacrtati male oblike koji prate unutarnji rub svake latice da je bolje definirate. Ovo je dobro za dodatne sjene ili lagano osvijetljene dijelove.
Drawing a large blooming roseDrawing a large blooming roseDrawing a large blooming rose

2. korak

Upotrijebite male listove za ruže sa stabljikom. Za prvu ružu nacrtajte samo sadržaj unutarnjeg kruga ili dodajte latice ovalnom obliku. Također možete samo slojevito položiti nekoliko oblika latica za malu, jednostavnu ružu, kao što možete vidjeti ispod na slici.

Nacrtajte stabljike kao putanje sa Pen Tool (P) ili Brush Tool (B) alatom i pomoću funkcije Expand ih ekspandirajte u Objects (Object > Expand).

Use the little leaves for stemmed rosesUse the little leaves for stemmed rosesUse the little leaves for stemmed roses

5. Izradite Uzorak

1. korak

Pattern Options kartica poprilično olakšava izradu "seamless" uzorka. Selektirajte veliku ružu i kliknite Make a New Pattern u Pattern Options kartici. Odaberite Brick by Column kao Tile Type sa Brick Offset od 1/2.

Želim prostran razmak oko ovog elementa, stoga sam Width promijenila na otprilike 4.9 in, i Height na 8 inch.

Start to create your patternStart to create your patternStart to create your pattern

2. korak

Kada radim uzorak, volim dodavati element jedan po jedan kao sada. Kliknite Done i zatim kopirajte/Copy (Control-C) jednu od vaših prethodno napravljenih ruža. Dvaput kliknite swatch uzorka u Swatches kartici da ga opet otvorite i zalijepite/Paste (Control-V) ružu na vaš uzorak.

Paste elements into your designPaste elements into your designPaste elements into your design

3. korak

Ponovite elemente uzorka unutar rasporeda i pogledajte kako se ponavljaju unutar uzorka.

4. korak

Zalijepite/Paste ponavljajuće elemente tako da se preklapaju na graničnom okviru uzorka. To će vam omogućiti da brzo i lako napravite seamless uzorak kao i da dodate nekoliko ponavljanja odjednom.

5. korak

Dodajmo sada malo lišća! Kako bih malo razbila uzorak, dodala sam listove oko dizajna, pazeći pritom da se  preklapaju s rubovima uzorka. Dodajte veće elemente cvijeta također kako biste popunili prostor.

Pogledajte koliko blizu su elementi jedan do drugog unutar cijelog uzorka kao i preklapaju li se jedan preko drugog.

6. korak

Sa svake strane ruže dodala sam dvije instance ruže sa stabljikom kako bih postigla elegantniji dizajn. Smještene su ispod drugih elemenata u Layers kartici. To je popunilo  većinu dizajna i i sada možemo dodati pruge i završiti!

7. korak

Konačno je vrijeme da dodamo pruge. Upotrijebite Rectangle Tool (M) da nacrtate uski vertikalni pravokutnik koji se proteže preko cijele dužine uzorka. Kliknite Copy da kopirate i zatim Paste da zalijepite četiri takva pravokutnika.

Pomoću Align značajke ih poravnajte s njihovim donjim rubovima i pravilno ih rasporedite. Dajte sve od sebe  da postignete jednako raspoređene pruge. Grupirajte /Group zajedno pravokutnike i smjestite ih ispod drugih elemenata u Layers kartici. Sve pruge bi trebale biti iza elemenata dizajna.

Ako vidite da su neki od elemenata iza pruga, pokušajte jedno od sljedećih rješenja:

  1. Pomaknite preklapajuće elemente na suprotnu stranu graničnog okvira uzorka  i pripazite da se ne nalaze iznad oblika "pozadine" u Layers kartici.
  2. Napravite zasebno odvojeni uzorak sa prugama i zasebni uzorak i jednostavno posložite objekte ispunjene njima.
  3. Prvo napravite pruge i zatim položite cvjetne elemente preko njih (ovo može uzrokovati neobično preklapanje, ali imati ćete više kontrole dok dizajnirate).
Add stripes to your patternAdd stripes to your patternAdd stripes to your pattern

Odličan posao, završili ste!

Primijenite svoj novi uzorak na pravokutnik i snimite swatch uzorka da ga podijelite s nama ispod u komentarima! Razmislite o tome da upotrijebite Recolor Art opciju da izradite neke zabavne varijacije uzorka, ili pak upotrijebite ove korake i tehnike da ispunite uzorke drugačijom vrstom cvijeća i geometrijskih oblika!

The final pattern designThe final pattern designThe final pattern design
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.