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

Kako Izraditi Tradicionalan Rumunjski Narodni Uzorak u Adobe Illustratoru

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Današnji tutorial je malo posebniji jer ću vam pokazati kako da izgradite nešto bazirano na tradicionalnom ručno vezenom rumunjskom dekorativnom uzorku.

U samom tutoriali ćemo se oslanjati na Rectangle Tool u suradnji sa Pixel Preview Mode-om kako bismo izradili personalizirani bookmark, koji poslije možete isprintati i upotrijebiti.

Povijest i Kultura

Prije nego što počnemo, želim vam reći malo o povijesti ovakvog djela kakvo ćemo proizvesti.

Kao osoba rumunjske nacionalnosti, moje je djetinjstvo nekako uvijek bilo vezano uz nešto što se smatralo kao tradicionalna narodna "handmade" umjetnost.

Moja majka, koja je dizajner odjeće, je uvijek voljela koristiti elemente nadahnute raznim regijama zemlje.

Otac, rođen u malenom selu, oduvijek je želio da vidim kako se život na selu odvija i teče različito u usporedbi sa životom u velikim gradovima, stoga mi je pokazivao stvari koje su pripadale njegovoj obitelji: odjeću, tapiseriju i sandale koje su ručno rađene i potpuno različite od onih koje danas možete vidjeti.

Iako se ne bih mogao zamisliti da nosim takvu odjeću, uvije sam bio intrigiran uzorcima koje bi starije žene rukom šile na tkaninu koje je nosila cijela obitelj, uzorke koji su kasnije postali simbol za različite rumunjske administrativne regije.

S povijesnog stajališta. arheolozi su pronašli djela takve dekorativne umjetnosti koja datiraju više od 6 000 godina unatrag i otkrili važan dio života, mentaliteta i vjerovanja ljudi koji su živjeli tijekom tog perioda.

Rumunji su stvorili umjetnost koja je danas transformirana u važan turistički element, sa tisućama ljudi diljem svijeta koji prolaze kroz hodnike Dimitre Gusti Nacionalnog seoskog muzeja kako bi vidjeli djelić ove ljepote.

Romanian traditional pattern painted eggs

Uzorak koji sam ja izabrao za izradu potječe iz okruga Muscel koji se nalazi u Muntenia regiji i uglavnom se koristio u 19. stoljeću. Stil koji je korišten u toj regiji zasnivao se na ravnim linijama koje oblikuju geometrijske motive i tamnijim, hladnijim tonovima boja (crna, crvena, i kasnije ljubičasta i zelena).

Vrijedi spomenuti da su boje i uzorci tkanine bili prilagođeni dobi osobe kojoj je namijenjena kako bi se kroz uzorke istaknuo taj socijalni indikator. Mlađi su nosili svjetlije boje i manje sofisticirane uzorke, dok su stariji ljudi oblačili odjeću s tamnijim, složenijim uzorcima.

Segement koji sam ja odabrao malo sam prilagodio kako bih dodao neke završne detalje, jer sam smatrao da uzorku nedostaje granica za gornji i donji dio.

Sada ću vam korak po korak objasniti proces izrade ovog uzorka pomoću osnovnih alata i funkcija u Adobe Illustratoru.

1. Podešavanje Dokumenta

Pretpostavljajući da ste već otvorili Illustrator, izradite novi dokument/New Document (File > New) sa sljedećim postavkama:

  • Number of Artboards: 1
  • Width: 120 px (1.67 in)
  • Height: 600 px (8.33 in)
  • Units: Pixels

I u Advanced kartici:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Align New Objects to Pixel Grid: označite
setting up a new document

Čekajte sekundu. Jesam li ja upravo izradio dokument namijenjen za ispis i podesio Units na piksele? Da, upravo to sam učinio. Sigurno se pitate zašto? Pa zato što će se uzorak koji ćemo izgraditi zasnivati na kvadratnim oblicima koje je lakše pozicionirati kada upotrijebimo Pixel Preview način. Također, već sam konvertirao dimenzije Artboard-a iz inčeva u piksele, stoga ne brinite o problemima sa veličinom kada ćete printati.

2. Podešavanje Slojeva

Idite na Layers karticu i izradite dva sloja kojima nadjenite sljedeće nazive:

  1. name
  2. pattern
layering our document

3. Izrada Uzorka

Kada podesimo dokument i napravimo slojeve možemo početi raditi uzorak.

1. korak

 Zaključajte name sloj i na pattern sloju izradite kvadrat veličine 4 x 4 koji ćemo obojiti crvenom bojom (#E94849). Koristeći Transform karticu, selektirajte i zatim smjestite objekt koji smo upravo izradili koristeći sljedeće koordinate:

  • X: 60 px
  • Y: 524 px
positioning our patterns base element

2. korak

 Idite na View > Pixel Preview (Alt-Control-Y) da uđete u Pixel Preview način i zatim uvećajte naš maleni kvadrat.

Sada dolazi zeznuti dio. Pošto je uzorak složen od prilično velikog broja individualnih kvadrata, morati ćemo izraditi osnovni red ovih objekata, koji ćemo kopirati i lijepiti (copy-paste) i smještati svaki duplikat jedan red bliže vrhu. Usput ću vam reći tono koje kvadrate morate ukloniti kako bi dobili pravilan uzorak.

Selektirajte naš originalni kvadrat i izradite sedam kopija slijeva i još sedam zdesna, povlačeći ulijevo ili udesno dok držite tipku Alt. Kada imate 15 objekata, selektirajte ih i zatim kopirajte na Clipboard (Control-C).

creating the base row of elements for the pattern

3. korak

Prije nego što izradimo drugi red, moramo se riješiti trećeg kvadrata s lijeve strane i trećeg kvadrata s desne strane, te sedmog kvadrata s obje strane. Jednostavno ih selektirajte i kliknite Delete.

adjusting the first row of the pattern

4. korak

Izradite drugi red tako da ga samo zalijepite (Control-V) i pomaknete na vrh prvog.

creating the patterns second row of elements

5. korak

Prilagodite kopiju uklanjajući drugi i četvrti kvadrat s obje strane i tri u sredini.

adjusting the second row of the pattern

6. korak

Izradite treći duplikat koristeći isti proces: zalijepite na Clipboard (Control-V) i zatim uklonite treći i peti kvadrat s obje strane.

adjusting the third row of the pattern

7. korak

Na četvrtom redu, obrišite četvrte i šeste kvadrate.

adjusting the fourth row of the pattern

8. korak

Za peti red se moramo riješiti kvadrata pet i sedam.

adjusting the fifth row of the pattern

9. korak

Na šestom redu moramo obrisati kvadrat broj dva, tri i šest sa svake strane i onaj u sredini.

adjusting the sixth row of the pattern

10. korak

Kada izradite sedmi red, obrišite treći i sedmi kvadrat s lijeve i s desne strane.

adjusting the seventh row of the pattern

11. korak

Kao što vidite, naš uzorak polako ali sigurno dobiva oblik, izrađujući ponavljajuće skokove u pozicioniranju naših malenih kvadrata. Pošto u ovom trenutku imamo veći dio koji možemo upotrijebiti da pojednostavnimo proces, samo ćemo kopirati (Control-C) sve što smo do sada izradili, zalijepiti na mjestu (Control-F) i zatim horizontalno prebaciti objekte (kliknite desnim gumbom miša > Transform > Reflect > Horizontal) pazeći da ih pomaknemo iznad sedmog reda (posljednji koji smo napravili).

duplicating the bottom start section of our pattern

12. korak

Kada je prvi veliki dio uzorka izrađen, možemo ga grupirati (Control-G) i zatim duplicirati povlačenjem dok držimo tipku Alt, smještajući kopiju sa samo jednim redom dolje (4 px) prema originalu tako da gornji red originala ide ispod donjeg reda duplikata (označio sam koristeći crveni polu-transparentni pravokutnik).

Ovo činimo jer je su središnje dekoracije uzorka kvadrati, koji nas prisiljavaju da preko položimo kopije kako bismo ih dobili kako treba.

duplicating the base section of the pattern

13. korak

Kada smo izradili donji dio uzorka, selektirajte i grupirajte njegove elemente (Control-G) i zatim napravite kopiju (Control-C > Control-F) i smjestite ih prema vrhu Artboard-a koristeći ove koordinate:

positioning the top section of our pattern

Vaša ilustracija bi trebala izgledati otprilike ovako.

basic pattern look

14. korak

Pošto je gornji dio uzorka duži od donjeg, moramo ponoviti isti trik dupliciranja dok držimo tipku Alt i zatim pritisnemo Control-D (ponovite) jednom da izradite još dvije kopije (ja sam ih obojio malo tamnije kako biste ih bolje vidjeli).

creating the taller top section pattern

Sada biste trebali imati nešto poput ovog.

pattern almost finished

15. korak

Kada izradimo uzorak, moramo dodati i malo završnih detalja kako bi bio atraktivniji. Prva stvar koju moramo napraviti jest pobrinuti se za bočne trake uzoraka.

Koristeći Rectangle Tool (M) izradite manji 2 x 2 px kvadrat, obojite ga koristeći isti crveni ton (#E94849) i zatim ga smjestite na donju lijevu stranu donjeg dijela uzorka, u razmaku od 4 px.

creating the base element for the side pattern

16. korak

Izradite drugi 2 x 2 px kvadrat i smjestite ga prema gornjoj desnoj strani prethodno izrađenog oblika.

creating the second element for the side pattern

17. korak

Napravite malo veći 4 x 2 px pravokutnik poravnavajući ga na donju lijevu stranu donjeg manjeg kvadrata koristeći Align karticu.

positioning the third element of the side pattern

18. korak

Podesite prethodno izrađeni oblik tako da ga dvaput kliknete  kako bi ušli u Isolation Mode (klik desnim gumbom miša > Isolate Selected Path), upotrijebite Direct Selection Tool (A) i selektirajte mu desne točke sidrišta i pomaknite ih gore za 2 px.

Ako isključite Pixel Preview trebali biste dobiti nešto poput ovog.

basic preview of the side pattern element

Kratki savjet: pokušajte se naviknuti da ulazite i izlazite (Alt-Control-Y) iz Pixel Preview načina jer vam pomaže da točnije vidite dizajn jer tako možete točno vidjeti koliko vam mjesta zauzima oblik.

19. korak

Grupirajte prethodno izrađena tri objekta, zatim napravite kopiju i smjestite je prema gornjem dijelu sredine većeg uzorka.

positioning the two elements for the side pattern blend

20. korak

Selektirajte donje i gornje elemente i zatim idite na Object > Blend > Blend Options da između njih primijenite blend kako biste ispunili prazninu. Ovdje će se pojaviti skočni prozor koji će vam postaviti pitanje koji Blend tip želite napraviti. Moramo ga podesiti na Specified Steps i unijeti kao vrijednost unijeti 23.

setting up the blend for the side pattern

Kratki savjet: Ako nikada prije niste radili sa blend značajkom, trebali biste znati da jednom kada podesite Blend Options morate ići na još jednom na Object > Blend izbornik i odabrati Make kako bi blend dobio svoj oblik.

side pattern finished using blend tool

21. korak

Pošto je blend zapravo linija, moramo ići na Object > Expand da ga ekspandiramo i označiti Object i Fill u skočnom prozoru.

Ovaj korak nije od ključne važnosti, više je osobni izbor, pošto ja uvijek preferiram sve elemente podesiti kao objekte.

expanding the side pattern blend

22. korak

Kopirajte lijevu stranu uzorka s desne strane na desnu stranu središnjeg većeg i smjestite ga na jednakoj udaljenosti od 2 px.

positioning the right side pattern

23. korak

Dovršite donji dio uzorka dodajući dvije 4 x 100 px linije sa svake strane cik-cak uzoraka, smještajući ih 2 px od njih.

bottom pattern section finished

24. korak

Kopirajte donji element cik-cak uzorka i izradite dvije kopije koje ćemo zatim poravnati na donju i gornju stranu duže dekoracije.

positioning the blend elements for the top section side pattern

25. korak

Selektirajte gornje i donje objekte i zatim izradite još jedan Blend ali ovaj puta za Specified Steps upotrijebite 71. Napravite blend, ekspandirajte ga i zatim izradite duplikat  te ga smjestite na desnu stranu središnjeg uzorka.

top pattern section wide side patterns

26. korak

Dodajte dvije 4 x 292 px linije sa svake strane kako bi nam dizajn zadržao kontinuitet.

patterns finished

27. korak

Sada još moramo uzorku dodati gornji, središnji i donji dio. Uđite u Pixel Preview način i koristeći Rectangle Tool (M) izradite objekt veličine 92 x 4 px te ga smjestite prema vrhu našeg uzorka, na razmaku od 4 px koristeći Align karticu.

positioning the first element of the top section delimiter

28. korak

Dodajte malo maji objekt 84 x 2 px i smjestite ga 2 px od prethodnog.

positioning the second element of the top section delimiter

29. korak

Izradite uzorak crtajući osam manjih 4 x 4 px kvadrata koje ćemo rotirati pod kutom od 45° (selektirajte > kliknite desnim gumbom miša > Transform > Rotate > 45) i zatim grupirajte u lijevi i desni dio, smještajući unutarnje elemente na razmaku od 2 px jednim od drugog. Dodajte jedan veći kvadrat 8 x 8 px, rotirajte ga na isti način kao što smo i manje krugove te ih zatim oboje horizontalno i vertikalno centrirajte sa dvije grupe. Selektirajte svih devet dijamantnih oblika i pazite da ih za 2 px odmaknete od najbliže linije ispod njih.

positioning the diamond shaped objects

Kratki savjet: Možda ste primijetili da jednom kada uđete u Pixel Preview način, rotirani objekti izgledaju mutno. To je zato što se njihove točke sidrišta više ne spajaju na piksel rešetku tijekom procesa rotacije. Kako bismo to popravili, samo ih izoliramo i koristeći Direct Selection Tool selektiramo i pomaknemo svaku točku na njezinu najbližu rešetku.

adjusting the diamond shaped objects

30. korak

Selektirajte dvije donje linije ispod dijamantnog uzorka i kopirajte ih (Control-C) te zatim zalijepite na mjesto (Control-F). Pripazite da pomaknete duplikat prema vrhu dijamantnih oblika, reflektirajući ih horizontalno (kliknite desnim gumbom miša > Reflect > Horizotal). Kada ste gotovi, selektirajte gornje i donje linije te unutarnji dijamantni uzorak i sve zajedno ih grupirajte (Control-G).

top section delimiter finished

31. korak

Izradite kopiju prethodno grupiranih objekata (Control-C > Control-F) i smjestite ih odmah ispod donjeg dijela uzorka na razmaku od 4 px.

positioning the bottom section delimiter

32. korak

Prema srednjem dijelu koji je između dva dijela našeg dekorativnog uzorka, izradite dva pravokutnika dimenzija 92 x 2 px, smještajući ih 4 px od gornjeg i donjeg dijela uzorka.

positioning the smaller name delimiters

33. korak

Dodajte još dva 92 x 4 px pravokutnika i smjestite svakog za 2 px dalje od prijašnjeg.

positioning the taller name delimiters

34. korak

Koristeći Direct Selection Tool (A), selektirajte i kopirajte (Control-C)  jedan od većih objekata u obliku dijamanta, poravnavajući jednu kopiju lijevo i drugu desno od segmenata linija koje smo upravo izradili pazeći da ih centrirate obje horizontalno i vertikalno.

positioning the diamond shaped objects onto the name zone

U ovom trenutku naša je ilustracija skoro završena. Sve što trebamo učiniti jest dodati ime (vaše vlastito ime) sa našim posebno odabranim fontom i gotovi smo.

illustration without name applied

4. Dodavanje Detalja na Tradicionalni "Bookmark"

Pošto se projekt zasniva na izradi nečeg osobnog što svatko od vas može praktično iskoristiti, posljednji korak našeg procesa uključuje dodavanje vašeg imena na "bookmark". Ja sam odabrao font koji ćete morati preuzeti i instalirati kako biste dovršili ovaj mali projekt.

Naziv ovog fonta je ArhaicRegular i možete ga preuzeti na stranici dafont.com.

Pretpostavljam da ste uspjeli učitati font, pa otključajte sada name sloj i koristeći Type Tool (T) kliknite bilo gdje da počnete pisati. Upišite svoje ime i zatim promijenite font u ArhaicRegular te podesite Font Size na 14 pt. Selektirajte tekst i zatim ga poravnajte u sredinu koristeći postavke u Paragraph gornjoj kartici te mu promijenite boju u #6B6B6B.

Na kraju, smjestite tekst između dvije grupe linija (one sa objektima u obliku dijamanta sa svake strane).

type settings

Isprintajte!

To je to! Ako ste pratili tutorial korak po korak, sada biste trebali imati bookmark pripremljen za ispis. Također ste naučili nešto o porijeklu ove tradicionalne rumunjske umjetnosti i proces koji uključuje izrada istog u Adobe Illustratoru.

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.