Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Global Influences
Design

Kako u Adobe Illustratoru Dizajnirati Šareni Uzorak iz Mađarske Narodne Umjetnosti

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

Narodna umjetnost je zahvaljujući svojoj čestoj jednostavnosti te ponavljajućim oblicima i motivima odličan izvor inspiracije za izradu grafičkih uzoraka. U ovom tutorijalu bazirati ćemo motive na narodnoj mađarskoj umjetnosti, posebice vezenju—samo pretražite "mađarsku narodnu umjetnost" na Google-u ili Pinterestu i pronaći ćete cijelo jato prekrasnih primjera. Neki od najpoznatijih oblika narodnog veza u ovoj tradiciji potječu iz Kalosca i Matyo mađarskih regija.

Prema Folk-Art-Hungary.com stranici, "cvijeće i lišće, ponekad ptica ili spiralni ornament su osnovne dekorativne teme" folk art stila kakvog možete danas pronaći, a postao je poznat sredinom 18. stoljeća. Ti se motivi primjenjuju u tradicionalnoj umjetnosti i hobijima poput vezenja, keramike i murala.

To je stil koji će nam poslužiti kao inspiracija za uzorak. Prvo ćemo napraviti malo istraživanje i učiniti neke skice, zatim ćemo izraditi i urediti neko šareno cvijeće, pretvarajući ih u "seamless" uzorak—sve u Adobe Illustratoru. Ta bi se tehnika mogla koristiti sa bilo kojim stilom narodne umjetnosti koje se možete sjetiti: na primjer skandinavskom, meksičkom ili poljskom.

Prije nego što počnemo, za izradu lišća i vinove loze trebati ćete ovaj set kistova za Adobe Illustrator. Ako želite pronaći još materijala koji možete upotrijebiti u dizajnu nadahnutom narodnom umjetnošću, pretražite Envato Market.

1. Napravite Pripreme

1. korak

Prvo ćete odabrati motive koje želite. Ja sam počela istraživanjem stila narodne umjetnosti koja me zanima, i zatim sam skicirala neke oblike koji su mi se svidjeli. Ako i vi želite učiniti isto, skice vam ne moraju biti savršene; one služe samo za neke ideje koje će vam trebati kada u Illustratoru počnete graditi uzorak.

Folk art research sketches

2. korak

Zatim otvorite novi dokument u Illustratoru. Kako bismo olakšali izradu simetričnog dizajna upotrijebiti ćemo radnu površinu u obliku kvadrata da možemo posložiti dio uzorka koji se ponavlja. Nije bitno kojih je točno dimenzija, važno je samo da je kvadrat.

new Illustrator document

3. korak

Sada biste mogli pripremiti dva elementa koja ćemo koristiti za naš uzorak: paletu boja i kistove.

Možete izabrati boje po vlastitoj želji, ili kopirati ove koje vidite na slici ispod:

pattern color palette

Pripazite da dodate boje u Swatches panel kako biste im kasnije lakše pristupili.

Ako već niste, kistove možete uzeti na Envato Marketu. Odabrala sam ih jer je jedan od kistova savršen za crtanje lišća u obliku suze, koje se u ovom narodnom stilu često koristi kao motiv, te će vam također mnogo pomoći ubrzati proces ilustriranja.

2. Napravite Elemente za Uzorak

Ako ste počeli sa nekim skicama, upotrijebite ih kao vodilju za početak izrade dijelova uzorka. Ako preferirate improvizirati izravno u Illustratoru, bez pripreme skice, to je također u redu. Uglavnom ćemo koristiti alate Ellipse Tool, Pen Tool i Paintbrush Tool (za kistove na koje smo ranije postavili poveznicu).

1. korak

Na radnoj površini, sa strane počnite graditi neke elemente—moji elementi su uglavnom cvijeće, vinova loza i lišće. Sada ih još nećemo slagati; prvo ćemo prikupiti neke dijelove sa kojima ćemo raditi.

Za početak ću vas voditi kroz proces izrade velikog cvijeta u stilu tulipana, koji je glavni dio ovog uzorka.

2. korak

Prvo ćemo izraditi središnju laticu:

  • Uz pomoć Elipse Tool alata nacrtajte dugački, uski oval.
  • Dok je oval selektiran, prebacite na Direct Selection Tool i kliknite na najgornju sidrišnu točku. U Anchor Point meniju koji se pojavljuje na vrhu ekrana odaberite prvi Convert gumb kako biste promijenili točku u kut. Primijenite isto na donju sidrišnu točku.
  • Kako biste podijelili oblik na pola, upotrijebite Line Segment Tool da u sredini nacrtate liniju po dužini. Pripazite da pritom držite Shift kako bi zadržali ravnu liniju. Zatim selektirajte oba oblika i liniju te idite na Window > Pathfinder > Divide.
  • Da promijenite boju, morati ćete upotrijebiti Direct Selection Tool kako biste selektirali jednu po jednu polovicu.
converting anchor points and using pathfinder tool

3. korak

Sada uzmite Pen Tool i nacrtajte još latica. Ako će vam cvijeće biti simetrično poput mojeg (ima iste oblike lijevo i desno od sredine), napravite samo jednu stranu i zatim ga kopirajte i zalijepite tako da idete na Object > Transform > Reflect kako biste prebacili u vertikalni položaj.

drawing flower with reflect options for symmetry

Kako biste posložili latice u slojevima, upotrijebite postavke koje ćete pronaći u Object > Arrange meniju (Send Backward, Send to Back, itd.).

4. korak

Za izradu vinove loze sa lišćem koje se svija ispod cvijeta, trebati ćemo kistove. Ali riješimo prvo osnovni oblik:

  • Upotrijebite Pen Tool da nacrtate liniju koja počinje u sredini cvijeta, svijajući se prema gore i zatim malo prema dolje (slično obliku donjih latica) Linija bi trebala završiti malo izvan širine cvijeta.
  • Duplicirajte liniju i zatim idite na Object > Transform > Reflect i odaberite Vertical, kao što smo učinili kada smo završavali cvijet. Poravnajte dvije polovice i zatim prebacite u Direct Selection Tool, pa klikćite i vucite kurzor preko točke u kojoj se dvije linije spajaju kako biste selektirali obje završne točke. Kliknite Command/Control-J da ih spojite u jednu liniju.
  • Selektirajte liniju i zatim otvorite Vector Art Brushes set i primijenite Art Brush 15 kako bi poprimila lijep zašiljeni izgled.
drawing vine with pen tool and brush

5. korak

Za lišće vinove loze prebacite u Art Brush 19 i odaberite Paintbrush Tool. Počnite crtati lišće koje se sve više povećava prema centru. Počnite malom debljinom poteza kista (podesite stroke weight) od 0.75 pt, povećavajući je uzduž linije prema sredini.

I zapamtite, kako biste uštedjeli vrijeme na simetričnim elementima, možete početi izradom samo polovice objekta i zatim je duplicirajte i reflektirajte na drugu polovicu. Tu ćemo tehniku koristiti tijekom ovog tutorijala.

drawing leaves with art brush

Za sada se ovaj set kistova može koristiti jedino sa linijom crne boje. Stoga ćete morati selektirati sve i ići na Object > Expand Appearance prije nego što ćete moći primijeniti boju na bilo koji element koji izradite kistovima. U ovom koraku, nakon ekspandiranja prikaza također ćete moći sa alatom Eraser Tool skratiti zašiljene točke lišća ukoliko neke vire iznad zakrivljene linije.

6. korak

Sada kada ste vidjeli neke od procesa koji se koriste za izradu oblika ovakvog tipa, vrijeme je da ih napravimo još nekoliko kako bismo popunili uzorak. Isti alati koje smo koristili do sada—Ellipse Tool, Pen Tool i kistovi—zajedno sa prečacima poput reflektiranja će nam dobro doći tijekom izrade elemenata.

Evo što sam ja dobila:

pattern elements

3. Aranžirajte Elemente Uzorka

Sada imate pripremljene motive i možete ih početi aranžirati na radnoj površini. Ne dozvolite da u ovoj fazi bilo koji od oblika visi izvan rubova radne površine—o tim detaljima ćemo malo kasnije u nekim nadolazećim koracima. Imajte na umu da će ono što će biti na vašoj radnoj površini, kasnije biti dio koji se ponavlja i stvara 'seamless' uzorak.

1. korak

Na radnu površinu počnite smještati elemente koje ste izradili. Biti će vam mnogo lakše ako prvo svakom elementu grupirate zajedno sve dijelove (kliknite i povucite kako biste selektirali, i zatim kliknite Command/Control-G).

Slobodno se poigrate sa aranžiranjem elemenata—pokušajte ih rotirati, mijenjati im veličinu, boje, itd. Predlažem da najprije pozicionirate najveći element; uvijek možete kasnije izraditi neke male dijelove kako biste popunili praznine.

2. korak

Odlučila sam se na zrcalni prikaz gdje se neki od elemenata ponavljaju sa svake strane glavnog elementa cvijeta u sredini, ali vi možete učiniti kako god vam se sviđa. Ako ćete i vi također raditi zrcalni dizajn, počnite aranžirati samo jednu polovicu, i zatim jednostavno duplicirajte i reflektirajte na drugu polovicu.

Ispod, slika slijeva je moj rezultat nakon aranžiranja najvećih elemenata ispod sredine (oni se neće ponovno pojavljivati na radnoj površini) i s jedne strane (oni će biti reflektirani na drugu stranu). Slika zdesna prikazuje kako bi izgledalo sa drugom stranom ispunjenom dupliciranjem i reflektiranjem prve strane.

arranging pattern elements

3. korak

Primijetiti ćete da radna površina još uvijek izgleda prilično prazno, posebno na dnu. Naš cilj je napraviti temelje za uzorak koji izgleda uravnoteženo i vizualno zanimljivo, ali još uvijek nismo stigli do toga. To znači da je vrijeme da smjestimo više elemenata i/ili napravimo nove kako bismo popunili praznine.

Još uvijek pokušavajte izbjegavati da vam elementi izlaze izvan rubova radne površine; o tome ćemo u sljedećem koraku.

Evo što sada imamo sa ispunjenim svim velikim prazninama:

arranging pattern artboard

4. Izradite 'Seamless' Uzorak

Sada ćemo pripremiti rad za prebacivanje dizajna u 'seamless' uzorak.

Postoji više od jednog načina na koji to možete postići u Illustratoru. Ako koristite CS6 ili CC, možete probati Pattern Options panel kako biste automatizirali proces. Ali ako koristite ranije verzije Illustratora ili biste samo željeli imati više kontrole, tehnika kroz koju ćemo sada proći je još jedna dobra opcija.

Kod ove tehnike, rubovi vašeg dizajna su vrlo važni—zbog toga ih do sada nismo dirali. Ako ne posložite ispravno elemente na rubovima radne površine, nećete dobiti uzorak.

1. korak

Dok bi centar vaše radne površine do sada trebao biti prilično dobro ispunjen, oko rubova vjerojatno postoje neke praznine. To znači da bi ih bilo i u sredini vašeg uzorka, pošto će ono što je unutar vaše radne površine biti posloženo zajedno poput dijelova kockastih slagalica koje čine uzorak.

To nikako ne želimo, stoga ih počnimo popunjavati. Jedina stvar na koju morate paziti je da se gornji i donji rubovi poklapaju, kao i desni i lijevi. To omogućava ponavljanje 'seamless' uzorka. Pokazati ću vam kako se to radi...

Prvo, smjestite objekt na jedan rub. Na primjer, smjestiti ću neke oblike između tri cvijeta na vrhu koji izlazi izvan ruba radne površine:

preparing pattern edges

2. korak

Sada, pošto oni prolaze rub s gornje strane radne površine, moraju se također poklapati sa donjim rubom—to jest, dio oblika koji je izvan radne površine na vrhu mora biti unutar radne površine na dnu. Ako zvuči zbunjujuće, u praksi nije tako.

Prvo, grupirajte zajedno dva nova oblika (Command/Control-G). Kopirajte ih i kliknite Paste in Front (Command/Control-F). Nemojte ih samo zalijepiti i odvući na mjesto, jer je važno da kopirani oblici budu točno na istom mjestu kao i originali.

3. korak

Idite na Object > Transform > Move da pomaknete kopiju i utipkajte dužinu vaše radne površine u prozorčić pod imenom Vertical. Pošto je pomičemo dolje, ispred broja mora postojati minus/negativan znak (-). Prpazite da je označen Preview kako biste bili sigurni da se pomiče onako kako želite prije nego što kliknete OK.

Primjećujete li kako su dijelovi koji su virili iznad radne površine sa prvim oblicima sada unutar radne površine dolje, ispod.

preparing pattern edges with vertical move tool

Postavke Distance i Angle možete ignorirati, ali svakako pripazite da je Horizontal podešen na 0 px; to je vrlo važno. Ako postoji samo jedan piksel razlike između smještenih elemenata na dva poklapajuća ruba, uzorak neće uspjeti. Stoga, ako želite pomaknuti ili prilagoditi poklapajuće elemente, morate ih oba selektirati i pomaknuti zajedno.

4. korak

Pokušajmo napraviti jedan u drugom smjeru. Ako ste prije radili na gornjim i donjim rubovima, ovaj puta smjestite element zdesna ili slijeva. Ja sam ukras smjestila na lijevi rub. Proces je isti: kopirajte i kliknite Paste in Front, te upotrijebite Move u Transform meniju.

Ovaj put, pošto ga pomičemo horizontalno, Vertical vrijednost mora biti podešena na 0 px i Horizontal vrijednost mora biti jednaka širini radne površine, ili 1000 px. (Ako bismo ga pomicali ulijevo umjesto udesno, utipkali bismo -1000 px).

preparing pattern edges with horizontal move tool

5. korak

Ponovite istu metodu da ispunite sve druge točke uzduž rubova ili vaše radne površine za koju mislite da bi joj mogli još nešto dodati. Moje je ispalo ovako:

pattern swatch

6. korak

Završili ste svoj predložak za uzorak—sada je vrijeme da ga testiramo!

Prvo, napravite kvadrat jednake veličine kao što je radna površina. Upotrijebite Align panel (Windows > Align) kako biste provjerili da je savršeno centriran preko radne površine, vertikalno i horizontalno. Također pripazite da podesite boju ispune i boju linije kvadrata na None, i zatim ga pošaljite straga (Object > Arrange > Send to Back).

Ovaj nevidljivi kvadrat je potreban da označi granice "pločice" koja se ponavlja kako bi se stvorio 'seamless' uzorak.

7. korak

Otvorite Swatches panel. Kako biste napravili 'seamless' uzorak, sve što trebate učiniti jest selektirati sve na vašoj radnoj površini i to odvući u Swatches panel. Automatski će se izraditi predložak koji omogućuje da primijenite vaš 'seamless' uzorak na bilo koji oblik ili pozadinu, bez obzira na veličinu.

5. Primijenite Vaš Novi Uzorak

Isprobajte svoj uzorak crtanjem oblika i primijenite na njega vaš predložak za uzorak, na jednak način kao što biste primijenili uzorak boje. Potražite praznine ili bilo što drugo što ne valja—možda ćete morati uređivati ono što je na vašoj radnoj površini i izrađivati predloške da popravite ravnotežu i vizualni efekt uzorka.

testing pattern swatch

Ako želite izmijeniti veličinu uzorka unutar oblika, možete ići na Object > Transform > Scale. Uklonite oznaku sa Objects (što će izmijeniti veličinu samog oblika) i označite Patterns. Zatim, možete kontrolirati koliko puta se ponavlja uzorak unutar oblika (i samim time, koliko će biti malen ili velik).

scaling pattern

Odlično Obavljen Posao!

Nadam se da ste naučili neke nove procese i prečace za izradu 'seamless' uzorka u Illustratoru i zabavili se traženjem inspiracije u zabavnim, šarenim oblicima mađarske narodne umjestnosti.

Kao i uvijek, u komentarima slobodno podijelite s nama kako je ispao vaš projekt ili pitate što vas zanima. Sretno u dizajniranju!

applied folk art pattern
Advertisement
Advertisement
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.