1. Design & Illustration
  2. Add-Ons
  3. Patterns

Kako Izraditi Jednostavan Geometrijski Uzorak u Adobe Illustratoru

Scroll to top

() translation by (you can also view the original English article)

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

U ovom kratkom tutorijalu ću vam pokazati kako najbrže i najlakše izraditi jednostavan i trendi geometrijski uzorak. Prvo ćemo napraviti poseban ponavljajući uzorak i zatim ćemo ga pomaknuti uz pomoć Smart Guides alata. Na kraju ćemo dobiti lijep i moderan uzorak kojem ćemo promijeniti boju.

Uz pomoć ove tehnike možete izraditi mnogo jednostavnih ali prekrasnih geometrijskih uzoraka. Pronađite inspiraciju na Envato Marketu!

Pokazujem vam staru metodu, u slučaju da imate stariju verziju Adobe Illustratora. Svejedno, ako imate noviju verziju Illustratora, možete izraditi 'seamless' uzorak uz pomoć Pattern Options funkcije.

1. Napravite Pozadinu za Predložak Uzorka

Početi ćemo crtanjem pozadine za naš uzorak. Odaberite Rectangle Tool (M) i kliknite na vašu radnu površinu. U novom dijaloškom okviru unesite 100 px Width (širina) i 100 px Height (visina). Zatim kliknite OK.

Ja sam odabrala boju mente, ali ako želite, vi možete napraviti kvadrat kojom god bojom želite.

creating the backgroundcreating the backgroundcreating the background

2. Napravite Ponavljajući Oblik za Uzorak

1. korak

Izradimo sada ponavljajući oblik za naš uzorak. Obrišite boju ispune (fill) i podesite crnu boju linije (stroke). Kasnije ćemo je promijeniti u bijelu, ali trenutno je želimo jasno vidjeti.

Uzmite Ellipse Tool (L) na Tools panelu i kliknite na radnu površinu. U novom dijaloškom okviru unesite 20 px Width i 20 px Height i kliknite OK.

Držeći Alt (stvarajući kopiju) i Shift (pomičući ravno) tipke, krug pomaknite dolje. Vidite? Sada imate dva. Ostavite ih selektirane. Kliknite Rotate Tool (R) i zatim pritisnite tipku Enter na tipkovnici. Pojaviti će se novi dijaloški okvir u kojem će vam biti ponuđeno da unesete stupnjeve. Unesite Angle 90 stupnjeva i pritisnite Copy.

Skoro smo gotovi sa izradom oblika—samo ih trebamo pretvoriti u jedan oblik. Idite na Pathfinder panel i kliknite Unite. Sada imamo ponavljajući uzorak.

creating the repeating shapecreating the repeating shapecreating the repeating shape

2. korak

Smjestite oblik na pozadinu boje mente koju smo izradili u prijašnjem koraku. Promijenite crnu boju linije u bijelu. Podesite vrijednosti linije u panelu Weight i Stroke po vlastitoj želji i kada ste zadovoljni, ekspandirajte liniju ponavljajućeg uzorka (Object  > Expand).

Poredajmo sve ovdje. Pripazite da u Align panelu označite opciju Align to Selection. Zadržite oba objekta selektirana (pozadinu i ponavljajući oblik) i kliknite Horizontal Align Center te Vertical Align Center.

placing the repeating shapeplacing the repeating shapeplacing the repeating shape

3. Napravite Uzorak

1. korak

Sada želimo pomaknuti naš ponavljajući uzorak. Ali, kako bismo ga mogli precizno pomicati, moramo omogućiti Smart Guides. Stoga idemo na View > Smart Guides (Control-U).

Pritisnite Alt tipku i pomaknite ponavljajući uzorak (za sada ćemo ga zvati samo RSh)  od sredine kvadrata prema gore. Tipku Alt morate držati dolje jer pomoću nje stvarate kopiju. Smart Guides će vam pomoći da centar Rsh (ponavljajućeg oblika) smjestite točno na gornju stranu kvadrata.

moving the repeating shapemoving the repeating shapemoving the repeating shape

2. korak

Ovaj put, opet pritisnite dolje tipku Alt i pomaknite Rsh dolje.

moving the repeating shapemoving the repeating shapemoving the repeating shape

3. korak

Držeći Alt tipku pomaknite Rsh ulijevo.

moving the repeating shapemoving the repeating shapemoving the repeating shape

4. korak

Držeći tipku Alt, pomaknite RSh udesno.

moving the repeating shapemoving the repeating shapemoving the repeating shape

5. korak

U ovom koraku nisam upotrijebila original RSh iz sredine jer je oblik teško precizno pomicati  dijagonalno. Zbog toga sam upotrijebila lijevi RSh i povukla ga gore.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Ispod možete vidjeti kako je izgledalo kada sam pokušala dijagonalno povući originalni središnji RSh. Možete primijetiti da dY nije 50 px, već 49.67 px, što nije precizno. Ako vaš izgleda kao moj, jednostavno uzmite drugi RSh koji možete pomaknuti ravno, ne dijagonalno.

how it looks when moving the repeating shape diagonallyhow it looks when moving the repeating shape diagonallyhow it looks when moving the repeating shape diagonally

6. korak

Držeći tipku Alt, povucite gornji RSh udesno.

moving the repeating shapemoving the repeating shapemoving the repeating shape

7. korak

Držeći tipku Alt, odvucite desni RSh dolje.

moving the repeating shapemoving the repeating shapemoving the repeating shape

8. korak

Držeći tipku Alt, povucite lijevi RSh dolje.

moving the repeating shapemoving the repeating shapemoving the repeating shape

9. korak

Ako selektirate sve (Control-A), dobiti ćete istu sliku kao što je slika ispod. Selektirajte sve RSh oblike (prvo selektirajte samo jedan, zatim idite na Select > Same > Fill Color) i grupirajte ih zajedno (desni klik > Group). Grupiramo ih zbog toga što će nam kasnije pomoći da ih lakše obrežemo.

grouping all the repeating shapesgrouping all the repeating shapesgrouping all the repeating shapes

10. korak

Sada selektirajte samo pozadinu boje mente i napravite kopiju sprijeda (Control-C, Control-F). Zatim izrežite ovu novu kopiju (Control-X) i smjestite je sprijeda, ispred svega (Control-F). Ostavite je selektiranu i zatim selektirajte grupirani RSh (ponavljajući oblik). Idite na Pathfinder panel i pritisnite gumb Crop. Vaš rezultat bi trebao izgledati ovako:

croping the repeating shapescroping the repeating shapescroping the repeating shapes

11. korak

Kako biste od ovog izradili uzorak, morate odvući cijeli uzorak u Swatches panel (Window > Swatches). Selektirajte sve (Control-A) i mišem pomaknite u Swatches panel.

dragging the pattern template to the Swatches paneldragging the pattern template to the Swatches paneldragging the pattern template to the Swatches panel

4. Izradite Uzorak

1. korak

Pošto ste izradili novi 'swatch' uzorak, možete sigurno obrisati sve sa radne površine. Zatim uzmite Rectangle Tool (M) i izradite kvadrat dimenzija 600 px Width i Height. Idite na Swatches panel (Window > Swatches) i odaberite novi uzorak koji ste upravo izradili. Pogledajte kako je neodoljiv!

creating the pattern using the pattern templatecreating the pattern using the pattern templatecreating the pattern using the pattern template

2. korak

Pogledajmo sada na koji način možemo promijeniti boju uzorka.

Selektirajte kvadrat sa geometrijskim oblikom i idite na Edit > Edit Colors > Recolor Artwork. U novom dijaloškom okviru pritisnite gumb Edit i zatim pritisnite maleni gumb koji izgleda poput lanca, Link Harmony colors (nalazi se dolje desno), te jednostavno povucite drške za odabir boje do one boje koju želite. Uživajte u izmjenjivanju boja vašeg uzorka! 

Recolor Artwork dialogue windowRecolor Artwork dialogue windowRecolor Artwork dialogue window

Pogledajte kako prekrasno izgleda sa ovom nebesko plavom bojom:

recolored artworkrecolored artworkrecolored artwork

3. korak

Ako želite isti uzorak ali s manjim RSh (ponavljaućim uzorkom), selektirajte ovaj uzorak i napravite desni klik mišem > Transform > Scale. Unesite sljedeće postavke u novi dijaloški okvir:

scaling the patternscaling the patternscaling the pattern

Završili Ste!

Gotovi smo! Sada se možete prozvati masterom geometrijskih uzoraka. Naučili ste kako izraditi originalan oblik za predložak uzorka, pa stoga znate kako napraviti 'swatch' predložak za predložak uzorka, prebojiti i čak izmijeniti veličinu vašeg rada! Sigurna sam da ste već stručnjaci.

Final imageFinal imageFinal image
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.
One subscription. Unlimited Downloads.
Get unlimited downloads