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

Kako Izraditi Tropski Uzorak u Adobe Illustratoru

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Ljeto je savršeno vrijeme za najživahnije i najšarenije dizajne! Tropski uzorci su jedni od najpopularnijih ljetnih trendova ove godine i sve ove mješavine voća, lišća i cvijeća izgledaju stvarno odlično na tkanini, predmetima i medijima za tisak.

Pridružite mi se u ovom tutorialu i kreirajmo zajedno stilski "seamless" uzorak koristeći jednostavne oblike i razne "Warp" efekte da kreirate tropske elemente, izradivši ih tako da izgledaju kao da su crtani rukom. Završiti ćemo kombiniranjem elemenata u uravnoteženu teksturu, koristeći Pattern Tool.

Do kraja ovog tutoriala naučiti ćete kreirati trendi unikatne uzorke spremne za tisak na tkaninu, odjeću i bannere. Uz to, možete ih koristiti i za pozadine na web stranicama, online trgovinama ili blogu.

Pogledajte ovu kolekciju tropskih uzoraka na GraphicRiveru da pronađete koje još elemente možete naslikati kako bi tekstura poprimila drugačiji izgled.

Počnimo!

1. Kako Nacrtati Bananu

1. korak

Uzmite Ellipse Tool (L) i počnite kreirati bananu! Izradite 230 x 50 px žuti oval.

Idite na Effect > Warp > Arch i podesite:

  • Horizontal Bend vrijednost na -60%
  • Horizontal Distortion na -10%
  • Vertical Distortion na 0%

Kliknite OK i Object > Expand Appearance da primijenite efekt.

make a banana from ellipse

2. korak

Kreirajmo vrh banane. Uzmite Rectangle Tool (M) i izradite 20 x 20 px žuti kvadrat. Idite na Effect > Warp > Bulge i podesite:

  • Horizontal Bend vrijednost na 0%
  • Horizontal Distortion na 0%
  • Vertical Distortion na 25%

Kliknite OK i Object > Expand Appearance da primijenite efekt.

apply the bulge effect

3. korak

Malo smanjite veličinu oblika. Duplicirajte ga (Control-C > Control-F) i spojite pravokutnike na oba vrha banane, kao što je prikazano ispod. Selektirajte sva tri elementa i upotrijebite Unite funkciju u Pathfinder kartici da ih sjedinite u jedan oblik.

unite the shapes in the pathfinder

4. korak

Kreirajmo grubi, teksturirani efekt čime ćemo obliku dodati izgled koji ostavlja dojam kao da je crtan rukom. Idite na Effect > Distort & Transform > Roughen i podesite:

  • Size na 0.3%
  • Relative
  • Detail na 50/in
  • Points u Smooth

Kliknite OK.

apply roughen effect

5. korak

Idite na Object > Expand Appearance da primijenite efekt.

Object Expand Appearance

6. korak

Sada uzmite Pencil Tool (N) i dodajmo jednostavne detalje koji čine izgled banane više realističnim! Dvaput kliknite ikonu Pencil Tool (N) u Tools kartici i pobrinite se da je Fidelity slajder podešen na sredinu ili bliže prema Accurate. Također, ispod na slici možete vidjeti sve druge opcije; svi okviri su označeni.

Podesite Fill boju u None i Stroke boju u smeđu u Color kartici. Zatim otvorite Stroke karticu (Window > Stroke) i podesite Weight u 1.2 pt i Cap u Round Cap.

Nacrtajte maleni oval na desnom vrhu banane i većim okruglim oblikom na suprotnoj strani.

add minor details with the pencil tool

7. korak

Nastavite dodavati detalje na krajevima banane stvarajući kratke linije. Nacrtajte veliku liniju u obliku luka uzduž cijelog oblika.

Continue adding details

8. korak

Dodajte još takvih linija i dovršite bananu crtajući dva zaobljena oblika na vrhovima, ovaj puta podešavajući Fill boju u smeđu.

Banana je gotova! Nastavimo dalje na sljedeći element za uzorak!

The banana is ready

2. Kako Napraviti Krišku Banane

1. korak

Počnimo s pravokutnikom. Upotrijebite Rectangle Tool (M) da napravite 90 x 45 px žuti oblik i selektirajte mu donje točke sidrišta sa Direct Selection Tool (A). Odvucite okrugli marker u sredinu, zaobljujući kutove pomoću Live Corners značajke. Također, možete prilagoditi Corner vrijednost iz glavnog izbornika na vrhu, ako je potrebno, podešavajući točnu vrijednost.

make a slice from the rectangle

2. korak

Selektirajte oblik i idite na Object > Path > Offset Path, podesite Offset vrijednost na 8 px i ostale postavke ostavite podešene prema zadanim vrijednostima. Kliknite OK i novom obliku podesite Fill u narančastu boju.

Selektirajte oba oblika, uzmite Eraser Tool (Shift-E), držite pritisnutu Alt tipku, obrišite gornji dio oblika, tako da elementi budu savršeno poravnati jedni iznad drugih.

apply Object Path Offset Path

3. korak

Duplicirajte (Control-C > Control-F) žuti oblik. Selektirajte jednu od žutih kopija zajedno sa narančastim oblikom i primijenite Minus Front iz Pathfinder kartice.

Malo smanjite žuti oblik tako da dobijete prazninu između oblika.

apply Minus Front from the Pathfinder panel

4. korak

Primijenite Effect > Distort & Transform > Roughen filter sa istim postavkama kao i prije kako biste dodali išarani efekt uzduž rubova.

Uzmite Line Segment Tool (\) ili Pen Tool (P) i dodajte grupu bijelih linija da izrežete žuti oblik u segmente.

make segments with the Pen Tool

5. korak

Ostavljajući selektirane linije, idite na Brushes karticu (Window > Brushes) i otvorite Brush Libraries Menu na dnu kartice. Odavde idite na Artistic > Artistic_ChalkCharcoalPencil i pronađite Charcoal – Pencil kist (ili bilo koji drugi kist po vašoj želji, ali bi trebao biti dovoljno širok i imati "grunge" teksturu). Kliknite ga da primijenite poteze kista. Povećajte Width vrijednost linija ako izgledaju previše tanko.

apply a charcoal brush to the strokes

6. korak

Selektirajte sve linije i idite na Object > Expand Appearance te ih ujedinite klikom na Unite u Pathfinder kartici. Na kraju, idite na Object > Compound Path > Make (Control-8) da spojite zajedno sve odvojene dijelove "grunge" teksture.

Selektirajte kreirane bijele oblike zajedno sa žutim polukrugom i primijenite Minus Front da odrežete oblik, stvarajući odvojene žute segmente.

apply Minus Front to cut out the shape

7. korak

Dovršite narančasti dio, tu i tamo dodajući nekoliko kratkih linija koristeći Pencil Tool (N).

add a few short strokes

3. Kako Nacrtati Zmajsko Voće (Marakuju)

1. korak

Počnite raditi 105 x 115 px ružičastu elipsu koristeći Direct Selection Tool (A) da malo izmijenite oblik pomičući ručke sidrišta.

Duplicirajte (Control-C > Control-F) oblik i malo smanjite gornju kopiju. Promijenite joj Fill u bijelu boju.

make a dragon fruit from circles

2. korak

Upotrijebite Rectangle Tool (M) i Bulge Warp Effect da izradite maleni trapez, kao što smo učinili za bananu.

Smjestite trapez na vrh voća i sa Ellipse Tool (L) alatom izradite set elipsi uzduž ruba ružičastog oblika. Sve ružičaste elemente zatim selektirajte i ujedinite ih klikom na Unite u Pathfinder kartici.

Selektirajte voće i primijenite Effect >Distort & Transform > Roughen da rubove učinite grubima.

add details to the fruit

3. korak

Dovršimo zmajsko voće posipavanjem sjemenki preko bijelog dijela. Izradite 2 x 2 px smeđi krug koristeći Ellipse Tool (L). Selektirajte mu gornju točku sidrišta pomoću Direct Selection Tool (A) alata i povucite je gore.

Smjestite i sjemenku na voće i počnite stvarati kopije držeći Alt tipku na tipkovnici i pomičući sjemenku. Rotirajte kopije i nekima od njih malo promijenite veličine.

I to je to! Dodajte nekoliko tamnih linija na vrhu voća i nastavimo dalje!

add seeds made from a circle

4. Kako Izraditi Tropsko Lišće i Biljke

1. korak

I sada moj najdraži dio! Zaista volim crtati tropsko lišće i elemente jer uvijek izgledaju jedinstveno i sam proces je veoma smirujući i zabavan, uz mnogo kreativnosti!

Prije svega, moramo izraditi vlastiti kist da ubrzamo proces crtanja lišća.

Upotrijebite Ellipse Tool (L) da izradite spljoštenu elipsu od 100 x 5 px.

Selektirajte bočne točke sidrišta elipse sa Direct Selection Tool (A) i primijenite Convert da konvertirate selektirane točke sidrišta u kut u glavnom izborniku na vrhu.

Sada odvucite i ispustite elipsu u Brushes karticu i odaberite Art Brush u skočnom prozoru New Brush.

Nisam mijenjala ništa u Art Brush Options, sve sam postavke ostavila kao zadane (default). Ipak, ove postavke uvijek možemo promijeniti kasnije duplim klikom na naš kist u  Brushes kartici - npr., ako trebamo promijeniti Width vrijednost kista ili pak Colorization Method.

create an art brush

2. korak

Za naš budući list nacrtajte tamno zelenu stabljiku koristeći Pencil Tool (N).

Sada uzmite Paintbrush Tool (B) i počnite stvarati linije uzduž stabljike, crtajući malene dijelove lista. Neke od njih napravite kraće, druge duže, i neke nacrtajte tako da se preklapaju kako bi list izgledao realističnije.

Radite sve manje i manje linije kako se bližite vrhu lista.

Kreirajte još jedan list, malo drugačijeg oblika, prekrivajući ga duljim linijama.

use the Paintbrush Tool to draw leaves

3. korak 

Nacrtajmo sada biljku monstera. Ovi monstera listovi uvijek pomažu da postignete dobar izgled bilo kojeg tropskog dizajna.

Upotrijebite Pencil Tool (N) da nacrtate siluetu lista. Njegov eliptični oblik ne bi trebao biti savršen, stoga ga napravite krivudavim i asimetričnim. Ne zaboravite napraviti šiljasti vrh i zaobliti donji dio (poput oblika obrnutog srca).

Prebacite Fill boju u crnu (ili neku drugu boju) i nacrtajte slobodnim pokretom ruke eliptične oblike preko listova, označavajući gdje će biti rupe (praznine). Selektirajte sve crne oblike i idite na Make Compound Path (Control-8) .

Selektirajte crni oblik zajedno sa siluetom lista i upotrijebite Minus Front funkciju u Pathfinder kartici da izrežete crne elemente.

Na kraju, primijenite Roughen efekt kako bi list poprimio "grunge" izgled.

draw a tropical leaf with the pencil tool

4. korak

Idemo nacrtati list u obliku lepeze. Upotrijebite Pencil Tool (N) da nacrtate njegovu siluetu u slobodnom stilu.

Primijenite Roughen efekt i dovršite list dodajući tamno zelene linije pomoću Pencil Tool (N).

draw a tropical leaf with the pencil tool 2

5. korak

Idemo dalje na sljedeći tropski list. Ovaj puta sam kao bazu upotrijebila 85 x 230 px oval. Uzmite Direct Selection Tool (A) i pomaknite točke sidrišta i njihove ručke, mijenjajući pritom oblik.

Primijenite Roughen efekt i dovršite list dodajući stabljiku i vene lista pomoću alata Pencil Tool (N).

make a leaf from an oval

6. korak

Kreirajmo još jedan kist za sljedeću biljku. Izradite 12 x 12 px krug i povucite mu lijevu točku sidrišta dalje u lijevo. U glavnom izborniku na vrhu odaberite Convert selected point to corner.

Povucite i ispustite kreirani oblik u Brushes karticu. Izradite novi Art Brush, ostavite mu zadane Options postavke i isprobajte ga kreirajući nekoliko linija. Kako bi biljka izgledala lijepo i proporcionalno, ako je potrebno, kistu prilagodite Width (širinu). 

create an art brush

7. korak

Sada kada su svi listovi spremni, odlučila sam se poigrati bojama kako bi im izgled učinila prirodniji i raznovrsniji. Možemo prebojiti objekte manualno ili koristeći Recolor Artwork alat iz glavnog izbornika na vrhu ili pod Edit > Edit Colors > Adjust Color Balance.

Ja koristim treću opciju, prilagođavajući boje za svaki list, iskušavajući različite nijanse zelene.

I to je to! Svi naši elementi su spremni! Nastavimo dalje i kreirajmo trendi uzorak!

recolor the leaves

5. Kako Dizajnirati Tropski "Seamless" Uzorak sa Pattern Tool Alatom

1. korak

Selektirajte sve elemente koje smo kreirali i idite na Object > Pattern > Make.

go to Object Pattern Make

2. korak

Odavde, idite na Pattern Options karticu i podesite sljedeće postavke:

  • Tile Type na Grid
  • Width na 450 px
  • Height na 450 px
  • Odznačite okvire ispod Tile size
  • Copies na 3 x 3
  • Označite Dim Copies to 70% okvir
  • Označite Show Tile Edge okvir

Sada možemo vidjeti polu-transparentne kopije naših objekata oko okvira, što nam pomaže da jasno vizualiziramo naš budući uzorak i uravnotežimo mu izgled te eliminiramo eventualne praznine.

Počnite raspoređivati voće i listove unutar okvira, mijenjajući im veličinu i rotirajući ih, preklapajući elemente. Upotrijebite Control-[ i Control-] prečace na tipkovnici da pomaknete elemente naprijed i nazad.

set the pattern options

3. korak

Počnite dodavati kopije objekata da ispunite cijeli okvir. Upotrijebite Reflect Tool (O), dvaput ga kliknite da prebacite oblike preko Horizontal ili Vertical Axis osi i kliknite Copy da napravite zrcalne kopije.

add more elements

4. korak

Dovršite dodajući još lišća i pobrinite se da sve izgleda izbalansirano i harmonično.

fill the gaps of the pattern

5. korak

Dvaput kliknite bilo gdje izvan "Artboard" radne površine ili kliknite Done na vrhu da iziđete iz Patten Mode načina .

Sada u Swatches kartici (Window > Swatches) možemo pronaći svoj uzorak. Kreirajte bilo koji oblik po želji, npr. kvadrat, i primijenite svoj uzorak kliknuvši na njega u Swatches kartici. Uvijek se možemo vratiti u Pattern Mode način klikom na Edit Pattern gumb i pomaknuti elemente ako vam se čini da nešto ne izgleda dobro.

find our pattern in the Swatches panel

6. korak

Pogledajmo kako izgleda na tamnoj pozadini! Izradite 800 x 600 px pravokutnik i podesite mu Fill boju u tamno zelenu boju.

Duplicirajte (Control-C > Control-F) pravokutnik i primijenite uzorak klikom na njega u Swatches kartici.

I to je to!

create a darker background

Tropska Atmosfera! Naš Trendi "Seamless" Uzorak je Završen!

Sjajan posao! Nadam se da ste uživali prateći ovaj tutorial i naučili nove tehnike za izradu kistova i primjenu efekata. Ove trikove možete upotrijebiti u svojim budućim projektima i ne zaboravite podijeliti svoje rezultate s ostatkom svijeta!

Ako želite naučiti kako kreirati "seamless" tropski uzorak u Photoshopu, također imamo tutorial za vas.

Uživajte u dizajniranju!

Seamless Tropical Pattern Adobe Illustrator Tutorial
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.