1
2
Sadržaj Osnove rada u Adobe Illustratoru ........................................................................................................... 7 1.
2.
Adobe Illustrator ............................................................................................................................. 8 1.1.
Prednosti vektorske grafike ..................................................................................................... 8
1.2.
Mane vektorske grafike ........................................................................................................... 8
1.3.
Upotreba Adobe Illustratora ................................................................................................... 8
1.3.1.
Dizajniranje logotipa ........................................................................................................ 8
1.3.2.
Crtanje mapa ................................................................................................................... 9
1.3.3.
Crtanje ilustracija ........................................................................................................... 10
1.3.4.
Infofrafika ...................................................................................................................... 11
1.3.5.
Fotorealistični crteži ...................................................................................................... 13
1.3.6.
Dizajn pakovanja............................................................................................................ 13
Upoznajmo Illustrator ................................................................................................................... 14 2.1.
Kreiranje novog dokumenta .................................................................................................. 14
2.2.
Radno okruženje Illustrator (Workspace) ............................................................................. 17
2.3.
Traka sa alatkama / Toolbox ................................................................................................. 18
2.4.
Komandna paleta / Floating Palette ...................................................................................... 20
2.5.
Pregled File opcija iz glavnog menija ..................................................................................... 20
3.
Vektroska grafika ........................................................................................................................... 23
4.
Razumjevanje putanja ................................................................................................................... 28
5.
Crtanje osnovnih oblika ................................................................................................................. 31 5.1.
Alati za selekciju / Selection Tools ......................................................................................... 31
5.2.
Alati za crtanje osnovnih oblika / Shape Tools ...................................................................... 31
5.3.
Razumjevanje Fill i Stroke atributa ........................................................................................ 31
5.4.
Promjena boje objekta / Fill Color ......................................................................................... 32
5.5.
Uklanjanje vanjske linije (Stroke) .......................................................................................... 32
5.6.
Zadržavanje proporcija .......................................................................................................... 33
5.6.1.
Promjena veličine objekta ............................................................................................. 33
5.6.2.
Rotiranje oblika ............................................................................................................. 33
Zadatak 1. .............................................................................................................................................. 34 6.
Crtanje sa Olovkom / Pencil Tool .................................................................................................. 35 3
6.1.
Crtanje linije .......................................................................................................................... 35
6.2.
Zatvorene putanje ................................................................................................................. 35
6.3.
Preoblikovanje i ispravljanje linija ......................................................................................... 35
6.4.
Pencil Tool opcije ................................................................................................................... 36
7.
Crtanje sa Perom / Pen Tool .......................................................................................................... 37 7.1.
Crtanje pravih linija ............................................................................................................... 37
7.2.
Zatvaranje putanje ................................................................................................................ 37
7.3.
Crtanje krivih linija ................................................................................................................. 37
7.4.
Promjena smjera putanje ...................................................................................................... 38
7.5.
Crtanje kružnih putanja ......................................................................................................... 38
7.6.
Dodavanje tačaka .................................................................................................................. 39
7.7.
Uklanjanje tačaka .................................................................................................................. 39
7.8.
Konvertovanje tačaka ............................................................................................................ 40
7.9.
Pomjeranje tačaka ................................................................................................................. 40
7.10.
Promjena smjera tačkama ................................................................................................. 40
7.11.
Savjeti za korištenje Pen Tool alata ................................................................................... 41
8.
Kreiranje složenih putanja / Compound Path ............................................................................... 42 8.1.
Šta je složena putanja? .......................................................................................................... 42
8.2.
Varijacije složenih putanja ..................................................................................................... 42
Vježba / Compound Path....................................................................................................................... 43 9.
Boje i rubne linije........................................................................................................................... 47 9.1.
Bojenje koristeći Swatches paletu ......................................................................................... 47
9.2.
Bojenje koristeći Color Picker ................................................................................................ 47
9.3.
Promjena Fill i Stroke opcija upotrebom Control Palette ..................................................... 47
9.4.
Krajevi obruba / Stroke Caps ................................................................................................. 48
9.5.
Miter Limit ............................................................................................................................. 48
9.6.
Apliciranje Gradient na objekte............................................................................................. 49
10.
Transformacija i pomjeranje objekata ...................................................................................... 52
10.1.
Promjena veličine .............................................................................................................. 52
10.2.
Rotacija objekta ................................................................................................................. 52
10.3.
Iskošavanje objekata/ Shearing Objects............................................................................ 53
10.4.
Refleksija objekata / Reflecting Objects ............................................................................ 53
10.5.
Primjena transformacija na više objekata / Transform Each Object ................................. 54 4
10.6. 11.
Ponavljanje zadnje transformacije na novo ...................................................................... 54
Tekst .......................................................................................................................................... 56
11.1.
Kucanje teksta pomoću Point Text .................................................................................... 56
11.2.
Kucanje teksta pomoću Area Type Tool ............................................................................ 56
11.3.
Tekst na putanji ................................................................................................................. 57
11.4.
Tekst u krivima / Outline Tekst .......................................................................................... 58
Vježbe .................................................................................................................................................... 59 Vježba broj 1 ...................................................................................................................................... 60 Narandža ........................................................................................................................................... 60 Korak 1 ........................................................................................................................................... 60 Korak 2 ........................................................................................................................................... 61 Korak 3 ........................................................................................................................................... 62 Korak 4 ........................................................................................................................................... 63 Korak 5 ........................................................................................................................................... 64 Korak 6 ........................................................................................................................................... 65 Korak 7 ........................................................................................................................................... 66 Korak 8 ........................................................................................................................................... 67 Korak 9 ........................................................................................................................................... 68 Vježba 2 ............................................................................................................................................. 69 Ikonica za cijene ................................................................................................................................ 69 Korak 1 ........................................................................................................................................... 69 Korak 2 ........................................................................................................................................... 71 Korak 3 ........................................................................................................................................... 71 Korak 4 ........................................................................................................................................... 71 Korak 5 ........................................................................................................................................... 72 Korak 6 ........................................................................................................................................... 74 Korak 7 ........................................................................................................................................... 74 Korak 8 ........................................................................................................................................... 75 Korak 9 ........................................................................................................................................... 77 Korak 10 ......................................................................................................................................... 77 Korak 11 ......................................................................................................................................... 78 Korak 12 ......................................................................................................................................... 80 Korak 13 ......................................................................................................................................... 80 5
Korak 14 ......................................................................................................................................... 81
6
Osnove rada u Adobe Illustratoru
7
1. Adobe Illustrator Ljudi se često pitaju zašto bi ja koristio ilustrator, to se pitanje postavlja jer Ilustrator pati od neke vrste krize identiteta. Kada ovo kažem ona mislim na to kada pogledate neke aplikacije kao što su Photoshop ili InDesign jako je lako odrediti šta ove aplikacije rade na primjer možemo da kažemo da je Indesign PageLayout alat ili da je Photoshop aplikacija za obradu fotografija. Sa Ilustratorom je mnogo teže pronaći pravu riječ šta on to radi. Mnogi bi rekli da je Ilustrator aplikacija za vektorsku grafiku, ali ako vi ne znate šta je vektorska grafika vama se ne objašnjava šta Ilustrator zapravo radi. Ilustrator koriste mnogi razni stručnjaci: grafički dizajnere, ilustratori, animatori, interfejs i web dizajneri, modni dizajneri, dizajneri pakovanja, video profesionalci i tako dalje…Oni koriste Ilustrator da bi obavljali razne zadatke, najlakše je objasniti zašto se ilustrator koristi tako što ćemo pogledati uzorke dokumenata koji dolaze uz Ilustrator. Oni se nalaze u instalacijskom folderu Ilustratora na sledećoj putanji C:\Program Files\Adobe\AdobeIllustrator CS5\CoolExtras\en_GB\SampleFiles. Illustrator je program pomoću kojeg kreiramo vektorsku grafiku. Često ga koristimo za crtanje ilustracija, karikatura, dijagrama, grafikona i logotipa. Za razliku od bitmapirane grafike kod koje se informacije slažu u mrežu piksela (tačaka) Illustrator koristi matematičke jednačine za crtanje oblika. Ovo čini vektorsku grafiku skalabilnom što znači da nema gubitka rezolucije.
1.1. Prednosti vektorske grafike
Skalabilnost bez gubljenja rezulucije Linije su jasne i oštre za bilo koje veličine Štampanje u visokoj rezoluciji Manja veličina fajla Dobro za crtanje ilustracija
1.2. Mane vektorske grafike
Crteži izgledaju dosta ravno i kao karikature Teško je kreirati fotorealističan crtež
1.3. Upotreba Adobe Illustratora 1.3.1. Dizajniranje logotipa
8
Slika 1. Prikaz logotipa 1.3.2. Crtanje mapa
9
Slika 2. Prikaz ilustrovane mape 1.3.3. Crtanje ilustracija
Slika 3. Prikaz ilustracije 10
1.3.4. Infofrafika
11
Slika 4. Prikaz infografike 12
1.3.5. Fotorealistični crteži
Slika 5. Prikaz fotorealističnog crteža 1.3.6. Dizajn pakovanja
13
Slika 6. Prikaz dizajna pakovanja
2. Upoznajmo Illustrator Ako nemate Illustrator, možete preuzeti probnu verziju koja traje 30 dana sa zvanične stranice Adobe kompanije. Nakon instaliranja, mi ćemo pokrenuti Illustrator po prvi put.
2.1. Kreiranje novog dokumenta Iz menija izaberemo opciju File>New kako bih kreirali novi dokument.
14
Slika 7. Prikaz kreiranja novog dokumenta u Adobe Illustratoru U dobijeni dijaloški okvir na polje Name ukucajte ime za vaš dokument i odaberite opciju Advanced kako bi izabrali kolorni mod, veličinu stranice i još neka podešavanja koja su bitna prije početka rada.
Slika 8. Prikaz forme za kreiranje novog dokumenta 15
Obijasnićemo pojedinačno svaku stavku ove forme.
Name polje dozoljava upis željenog imena dokumenta. New Document Profile polje nam daje padajući meni u kojem imamo unaprijed definisane i ponuđene opcije izbora profila. Šta to znači? Prije samog kreiranja našeg dokumenta mi moramo da znamo za koju potrebu izrađujemo taj dokument. Da li je to dizajn za internet, štampu, video i u zavisnosti od te potrebe biramo profil dokumenta. Ovo je sve je jako važno radi pravilnog postavljanja rezolucije i drugih komponenata dokumenta, jer ako postavka nije dobra nećemo imati ni valjan izlazni dokument.
Slika 9. Prikaz New Document Profile polja
Number of Artboards polje upisujemo broj praznih bijelih strana koje želimo u dokumentu. Size polje nam daje padajući meni na kojem su unaprijed definisane i prikazane neke standardne veličine papira
16
Slika 10. Prikaz Size polja
Width polje nam mogućava da sami upišemo željenu širinu dokumenta. Height polje nam mogućava da sami upišemo željenu visinu dokumenta. Units polje iz padajućeg menija biramo mjernu jedinicu našeg dokumenta. Bleed polje nam omogućava da unesemo veličinu obreza ili prepusta za naš dokument. Ovo nam služi u procesu štampanja. Color Mode polje nam daje padajući meni sa mogućnosti izbora RGB ili CMYK kolornog profila. Pravilan izbor kolornog profila je zanačajan za finalni rezultat. Dokumenti koji dalje idu na štampu moraju da imaju CMYK kolorni profil, a dokumenti koji se izrađuju za ekranski prikaz internet, video i sl. moraju da imaju RGB kolorni profil. Raster Effects polje sa padajućim menijem i mogućnošću izbora pravilne rezolucije za naš dokument. Rezolucija će biti pravilno izabrana ako je rezolucija, za dokumente koje u konačnici treba da štampamo, najmanje 300Dpi. Dokumenti koji su u konačnici namijenjeni za ekranski prikaz mogu da imaju ekransku rezoluciju od 72Dpi. Preview Mode omogućava nam izbor različitih ekranskih prikaza.
2.2. Radno okruženje Illustrator (Workspace)
17
Na sljedećoj slici je prikazano radno okruženje Ilustratora sa prikazanim terminima i nazivima kako bi u daljem radu nam bilo lakše.
Slika 11. Radno okruženje Illustratora
2.3. Traka sa alatkama / Toolbox Traka sa alatima ili Toolbox je najčešće korištena opcija. Ona dolazi u jednoj koloni, kao što je prikazano na Slika 11. Ako želite izgled trake sa alatkama u 2 kolone, možete jednostavno da kliknete na lijevi gornji ugao mini strelicu da ga uključite. Neki od alata kao što su pravougaonik imaju više alata skrivenih. Da biste pogledali sve opcije za željeni alat, kliknite i zadržite malu strelicu u donjem desnom uglu.
18
Slika 12. Traka sa alatkama / Toolbox
Slika 13. Traka sa alatkama / Toolbox
19
2.4. Komandna paleta / Floating Palette Ova paleta nosi opcije za naše oblike. Najčešće se koristi za promjenu boje ili debljine obruba. Nalazi se sa desne strane i u gornjem desnom uglu ima opciju za povećanje i smanjenje palete.
Slika 14. Komandna paleta / Floating Palette
2.5. Pregled File opcija iz glavnog menija Opcije iz padajućeg menija File odnose se na to kako i da li želimo da sačuvamo, otvorimo, zatvorimo ili pak odštampamo dokument. Sada ćemo polako pojasniti opciju po opciju:
New: koristimo kada želimo da otvorimo novi dokument. New from Template: koristimo kada želimo da iskoristimo neke od već napravljenih predloga koje dobijamo kada instaliramo Ilustrator. Open: kada želimo da otvorimo neki već postojeći dokument. Reacently Open: pokazuje nam spisak dokumenata koje smo nedavno otvarali. Ova opcija vam je korisna ako ste nešto npr. poslednje radili, ali ste zaboravili gde ste sačuvali ili pod kojim imenom ste sačuvali vaš rad. Browse: koristimo kada želimo nešto da uvezemo u program. Close: koristimo kada želimo da zatvorimo dokument na kom smo radili. Save: se korisit kada želimo nešto da sačuvamo. Ova opcija se koristi ako ste npr. već radili nešto ranije pa ste isti dokument kasnije opet otvorili da biste ga doradili. Save As: koristimo kada želimo da sačuvamo novi dokument, rad. Ili ako želimo da ga sačuvamo sa nekom drugom ekstenzijom osim ai. Save a Copy: da sačuvamo isti dokument sa istim imenom u istom folderu, ali kao kopiju. Dokumenta, radovi ne mogu se čuvati pod istim imenima u istim folderima. Na primer. u folderu nikada ne mogu stajati dva fajla sa imenom 01 i 01. Save as Tamplate: se koristi kada smo napravili neki interesantan oblik koji želimo iznova da koristimo. Na primer bazični izgled memoranduma.
20
Save for Web&devaces: koristi se kada nešto želimo da čuvamo za Internet ili znatno da smanjimo težinu, veličinu fajla. Npr. ako je fajl bio težak 2mb, mi preko ove opcije možemo smanjiti njegovu veličinu na 900kb. Ova opcija je jako korisna kada neke radove treba da šaljete na konkurse pa postoji izrazito ograničenje za težinu fajla. Ovu opciju ćemo detaljno obraditi u kasnijim lekcijama. Place: korisitmo kada želimo neku sliku ili nešto drugo da uvezemo u dokument. Save for MS Office: se koristi kada nešto želimo da sačuvamo za korišćenje u MIcrosoft Office-u. Export: Ova opcija se koristi kada želimo da nešto izvezemo iz Ilustratora u nekoj drugoj ekstenziji, a ne u Ilustratorovoj (ai). Na primer, kada želite ilustraciju koju ste radili u Ilustratoru da sačuvate kao JPEG da biste je kasnije dorađivali u Photoshop-u. Scripts: isto služi za izvšenje fajlova sa drugim ekstenzijama kao eksport. Document Setup: služi za generalna podešavanja dokumenta. Document Color Mode: služi za izbor režima boje RGB ili CMYK. Ako pravimo neki dokument koji treba kasnije da se odštampa, onda obavezno biramo režim CMYK, ali ako je nešto predviđeno kao publikacija za Internet, onda biramo režim boja RGB. CMYK je skraćenica koja stoji za Cyan, Magenta, Yellow i Black. RGB je skraćenica koja stoji za RED, GREEN i BLUE. Print: koristimo kada nešto želimo da odštampamo (skraćenica za ovu opciju je Ctrl+P). Exit: se korisit kada želimo da izađemo iz programa u potpunosti tj. da ga zatvorimo. Takođe, program možemo zatvoriti u potpunisti ako kliknemo na polje x u gornjem desnom uglu.
21
22
3. Vektroska grafika Na početku ćemo pokušati objasniti šta je vektorska grafika kako bi shvatili šta je ustvari Ilustrator i zašto ga u principu koristimo. Otvorićemo dokument vector_graphics.ai i sa desne palete alata uključićemo opciju layer(sloj). Kao što vidite ovaj dokument ima nekoliko layera (slojeva).
23
Sada zamislite da imate list računske sveske, kao što imamo kada uključimo prvi layer.
Pokušaću da razjasnim razliku između rasterskog fajla ili slike zasnovane na pixelima od vektora. Zamislite dana računskom papiru počnemo da popunjavamo ove pojedinačne kvadratiće bojom, to nam predstavlja rastersku sliku. Raster je u osnovi martica načinjena od pixela, tj. od broja pixela po dužini i broja pixela po visini, ovo je u stvari mreža stvorena od dodavanja ili oduzimanja pixela. Ovo nam objašnjava i zašto Photoshop dokumenti veliki. Dokument sadrži informacije o sve jednom pixelu koji se nalazi na slici. Na primjer za ovu našu mrežu Photoshop bi treba da vodi računa o boji svake ovo kockice iako su one sve ispunjene bijelom bojom Photoshop to ne zna, on zna da je svaki pojedinačni pixel/kockica bijeli. Sada ćemo uključiti drugi layer koji se zove raster i on predstavlja način na koji Photoshop sačuvava slike. Kao što vidite sa slike svaki od ovi kvadratića može biti ispunjen bilo kojom bojom.
24
Važna stvar koju moramo da shvatimo kod rasterskih dokumenata je ta da kada jednom postavite rezoluciju ona ostaje takva. To možete da prijetite ako odzumirate (smanjite) sliku na njoj će se pojaviti više detalja i rubovi kockica(pixela) izgledaće oštrije, a ako zumirate (povećate) ti isti rubovi izgledaće razluđeno. To se dešava zato što pri mjenjanju veličine rasterske slike pixeli ostaju iste veličine a mi ih prividno povećavamo odnosno smanjujemo. Sada ćemo uključiti layer koje se zove vector. Način na koji programi poput Illustratora stvaraju grafiku je potpuno različit od koncepta pixela.
25
Na ovom layer takođe imamo mrežu, ali je ona ovdje više kao matematička mreža. Ako se sjećate iz škole znate da postoji kordinatni sistem i kortinate za grafikon sa slike. Kordinate po x i y osi mogu da imaju svoju vrijednost npr. (0,0),(1,0),(5,4),…Šta to znači? To nam daje mogućnost da mapiramo kako se to u Illustratoru zove Anchorpoint (tačka). Ove tačke definišu način na koji će se pojedinačne linije crtati tj. na koji način povezujemo ove tačke. Kada na ovaj način stvaramo slike, grafiku kao rezultat imamo mogućnost da sliku povećavamo/smanjujemo koliko god želim jer je ovo matematička reprezentacija pozicija ovih tačaka. Rezultat je grafika kojoj se univerzalno može mijenjati veličina. Ako se vratimo na prvu sliku povećamo i pogledamo prvi crtež u njoj koji je scaniran možemo vrlo jasno vidjeti pojedinačne pixele. Sa povećanjem sliko ovi pixeli postaju veći i obrnuto.
26
Sada pogledamo sliku koju smo pretvorili u vektor, bez obzira koliko je povećavali/zumirali mi nećemo vidjeti one male kvadratiće (pixele) već mi vidimo putanje za koje postoje načini uređivanja.
27
4. Razumjevanje putanja Sada već imamo predstavu o vektorskoj i rasterskoj grafici te znamo po čemu se one u osnovi razlikuju. Na sljedećoj slici imamo prikazana 4 kordinatana sistema. Na gornjim su prikazane takozvane otvorene putanje, a na donjim zatvorene putanje. To su ustvari i dva tipa putanja u vektorskoj grafici. Otvorene putanje su kako im i samo ime kaže otvore ne zatvaraju neku određenu površinu dok zatvorene putanje imaju površinu unutar i izvan te putanje.
Na prvom grafikonu imamo pravu liniju koja je definisana sa dvije tačke u prostoru, kordinatom x koja ima vrijednost 3,3 i kordinatom y koja ima vrijednost 37,22. Ovo ustvari predstavlja način na koji Illustrator definiše putanju. Kod pravougaonika sa grafikona 3 su na potrebne 4 tačke u prostoru kako bi definisali zatvorenu putanju. Malo komplikovanije postaje kada ove naše putanje treba da budu zakrivljene. Na grafikonu 2 imamo iste definisane tačke, koje se u Illustratoru zovu Anchor point, kao i na grafikonu grafikonu 1 ali linija je zakrivljena nije prava. Ovo se dešava jer Illustrator ima mogućnost da osim definisanja Ancor point svakoj tački daje opciju koja se zove Controle Handle, koja kako vidite na slici se izdavaja od Ancor point i ona upravo kontroliše količinu zakrivljenja u odnosu na datu tačku.
28
Posmatraćemo naše putanje iz prethodnog primjera da bi bolje uspjeli da razumijemo kako one funkcionišu. Do sada smo naučili da ove putanje imaju Anchor point, a zakrivljene putanje još imaju Controle Handle. Sada ćemo se upoznati sa još dva atributa putanja, a to su Stroke i Fill. Putanjama možemo da dodjelimo ove atribute pojedinačno ili oba atributa u isto vrijeme. Takođe važno je na naglasiti da na otvorene putanje možemo da primijenimo samo atribut Stroke jer nemamo površinu koju treba da popunimo kako bi primjenili atribut Fill. Označićemo pravougaonik kako bi mu dodjelili ove atribute i shvatili o čemu se radi. Sa palete Control biramo atribut Fill, pritiskom na trougao sa strane dobijemo paletu sa ponuđenim bojama i izaberemo npr. crvenu.
29
Na pravougaonik ćemo dodati i Stroke atribut, koji nam ustvari vizuelizira samu putanju sa kojim smo kreirali objekat, tj. povezuje 4 Anchor Point tačke. Sa palete Control atribut Stroke, pritiskom na trougao sa strane dobijemo paletu sa ponuđenim bojama i izaberemo npr. crnu. Sada vidimo crveni pravougaonik sa crnom linijom okolo.
Postoje razne vrste podešavanja koje možemo primjeniti na ove atribute.
30
5. Crtanje osnovnih oblika Sada ćemo da naučimo koristiti alate za kreiranje osnovnih oblika, ali prije nego što počnemo, pogledaćemo kako izabrati i urediti osnovne oblike.
5.1. Alati za selekciju / Selection Tools Postoji dva tipa alata za selekciju u Illustratoru:
Selection Tool: Koristimo za selekciju i pomjeranje oblika. Takođe može da se koristi i za promjenu veličine oblika. Direct Selection Tool: Pomoću ovog alata selektujemo jednu tačku (anchor point) umjesto cijelog oblika. Jednim klikom na tačku označimo istu,a ako želimo više tačaka označiti odjednom to radimo držeći dugme Shift na tastaruri i označavajući željene tačke.
Slika 15. Alati za selekciju / Selection Tools
5.2. Alati za crtanje osnovnih oblika / Shape Tools Prelazimo na alate za crtanje osnovnih oblika. Na traci sa alatima (Toolbox) izaberemo Rectangle Tool, duže držimo strelicu u donjem desnom uglu, pojaviće nam se lista alata za crtanje osnovnih oblika. Počinjemo od osnovnog alata za crtanje pravougaonika Rectangle Tool. Slika 16. nam prikazuje ovaj alat, a slova u zagradama kao što je na ovoj slici primjer (M) i (L) predstavljaju prečice na tastaturi pomoću kojih možemo brže da vršimo odabir željenog alata.
Slika 16. Alati za crtanje osnovnih oblika / Shape Tools
5.3. Razumjevanje Fill i Stroke atributa Izaberite Rectangle Tool sa trake alata i nacrtajte pravougaonik. Po osnovnim postavkama programa parvougaonik će biti nacran sa bijelom bojom iznutra (fill) i crnom linijom okolo oblika (stroke).
31
Slika 17. Fill i Stroke atributi objekta
5.4. Promjena boje objekta / Fill Color Prvi atribut koji ćemo naučiti je promjena boje objekta. Dvostrukim klikom na Fill formu dobićemo pop up prozor koji se naziva Color Picker i omogućuje nam da iaberemo boju objekta. Povucite slajder do plave i zabrite tamnom plavu boju, nakon toga kliknite na OK dugme.
Slika 18. Color Picker
5.5. Uklanjanje vanjske linije (Stroke) Klikom na Stroke ćemo promjeniti redoslijed i sada je ovaj atribut iznad Fill atributa. Klikom na None icon koja se nalazi ispod ovih atributa ćemo postaviti izzgled vanjske linije na None i crna linija će nestati.
Slika 19. Uklanjanje vanjske linije objekta
32
5.6. Zadržavanje proporcija Da bi nacrtali savršen kvadrat koristićemo Rectangle Tool. Držite Shift dugme na tastaturi i nacrtajte kvadrat. Ovo isto važi i sa crtanje kruga pomoću Ellipse Tool.
5.6.1. Promjena veličine objekta Da bi promijenili veličinu objekta, prvo ćemo izabrati Selction Tool akatku i označiti objekat. Nakon toga će nam se pojaviti takozvani bounding box (Slika 20. plavi pavougaonik oko kruga), izaberemo tačku sa ćoška i mijenjamo veličinu povlačeći je. Da bi zadržali proporcije koje objekat već ima dok mijenjamo veličinu držimo Shift dugme na tastaturi. Također ako želim da nam se promjena veličine vrši sa iste pozicije držimo takođe i dugme Alt na tastaturi.
Slika 20. Promjena veličine objekta 5.6.2. Rotiranje oblika Označimo oblik sa Selection Tool i pojaviti će nam se bounding box. Pomjerimo kursor do tačke koja se nalazi na uglu i ikonica za rotiranje će se pojaviti, kliknite i rotirajte objekat. Kako bi objekat rotirali pod uglom od 45 stepeni držimo Shift dugme na tastaturi.
Slika 21. Rotiranje objekata
33
Zadatak 1. Pomoću alata i atributa koje smo učili do sada nacrtati jedan od logotipa sa slike. Da bi smo odradili zadatak koristićemo:
Selection Tools Shape Tools Fill i Stroke Roriranje Promjenju veličine objekta.
34
6. Crtanje sa Olovkom / Pencil Tool 6.1. Crtanje linije Odaberite Pencil Tool alatku, kliknite i crtajte liniju slobodnom rukom.
Slika 22. Crtanje linije slobodnom rukom pomoću Pencil Tool
6.2. Zatvorene putanje Da bi zatvorili putanju, pritisnite Alt kada ponovo dođete do početne tačke. Tada će se do olovke pojaviti ikona u obliku kruga da označi zatavaranje putanje.
Slika 23. Zatvorene putanje Pencil Tool
6.3. Preoblikovanje i ispravljanje linija Kada koristimo Pencil Tool za crtanje naše linije izgledaju krzavo. Kako bi ispravili ovo, jednostavno držite Alt kako bi od Pencil Tool prešli na Smooth Tool. Nakon toga prelazimo iznad područja linije koje želimo da ispravimo.
35
Slika 24. Ispravljanje krzavih linija
6.4. Pencil Tool opcije Kod ovog alata imamo više mogućnosti i opcija koje možemo vidjeti ako duplim klikom idemo na Pencil Tool. Možemo da mjenjamo fidelity (zakrivljenost) i smoothness (glatkost) linije kako bi našli pravu mjeru koja ogovara za naš crtež.
Fidelity: Određuje koliko ispravno se crta linija u odnosu na pokrete miša. Podesite veći fidelity ako niste zadovoljni sa načinom kako se crta vaša putanja. Smoothness: Što postavimo veći nivo glatkosti manji broj tačaka će se stvoriti na putanji.
Slika 25. Pencil Toll opcije
36
7. Crtanje sa Perom / Pen Tool Ovo je jedan od zahtjevnijih alata za savladati, potrebno je vrijeme da se nauči i početnici se često frustriraju kada započnu rad sa njim. Ne odustajte, potrebno je dosta vježbe ali na kraju ćete biti sposobni da nacrtate bilo koji oblik.
7.1. Crtanje pravih linija Odaberite Pen Tool alat i kliknite jednom da bi nacrtali prvu tačku (anchor point). Pomjerite miša do sljedeće željene pozicije i ponovo kliknite da nacrtate i drugu tačku. Ove dije tačke će se povezati. Nastavite da ovo radite dok ne dobijete oblik slova W kako je prikazano na sljedećoj slici. Da bi nacrtali novu liniju, odaberite Selection Tool i ponovo Pen Tool.
Slika 26. Crtanje pravih linija pomoću Pen Tool alata
7.2. Zatvaranje putanje Da bih zatvorili našu putanju potrebno je da kliknemo na početnu tačku.
Slika 27. Zatvaranje putanje
7.3. Crtanje krivih linija Nacrtajte jednu tačku,kliklnite i povucite miša, pustite ručke da kreiraju krivu liniju.
37
Slika 28. Crtanje krivih linija pomoću Pen Tool alatke
7.4. Promjena smjera putanje Kliknite i povucite kako bih nacrtali krivu putanju. Bez puštanja miša pritisnite dugme Alt na tastaturi i vucite ručicu kako bi promijenili smjer putanje.
Slika 29. Promjena smjera putanje
7.5. Crtanje kružnih putanja Kliknite i povucite kako bih nacrtali krivu putanju.Nastavite da dodajete nove tačke dok ne dođete od početne pozicije.
38
Slika 30. Crtanje kružnih putanja
7.6. Dodavanje tačaka Kada je Pen Tool alatka označena, idite blizu dijela putanje na koji želite da dodate novu tačku. Plus znak će se pojaviti odmah do pera, kliknite na putanju i dodaćete novu tačku.
Slika 31. Dodavanje tačaka na putanju
7.7. Uklanjanje tačaka Da bi uklonili tačku morate da dođete Pen Tool alatom blizu tačke koju želite ukloniti. Minus znak će se pojaviti odmah do pera, kliknite na tačku i uklonićete je.
Slika 32. Uklanjanje tačaka sa putanje 39
7.8. Konvertovanje tačaka Da bi konvertovali zakrivljenu u oštru tačku potrebno je da Pen Tool prinesene u blizinu tačke pritisnite dugme Alt na tastaturi i naš Pen Tool alat će promijeniti svoj izgled na oblik strelice. Klikom na zakrivljenu tačku, dobićemo oštru tačku.
Slika 33. Konvertovanje tačaka
7.9. Pomjeranje tačaka Izaberite alat pod nazivom Direct Selection Tool i kliknite na tačku koju želite da pomjerite. Kliknite i povucite da bi promijenili položaj.
Slika 34. Pomjeranje tačaka
7.10. Promjena smjera tačkama Lako možemo da promijenimo smijer naših tačaka. Pritisnite dugme Ctrl na tastaturi kako bi brzo promijenite Pen Tool u Direction Selection Tool. Označite tačku koju želite da uredite. Pojaviće se ručica, sada pustite Ctrl i pritisnite Alt da bi promjenili alat u Convert Anchor Tool. Kliknite i vucite ručke kako bih promijenili smijer.
40
Slika 35. Promjena smjera tačkama
7.11. Savjeti za korištenje Pen Tool alata Koristite što manje tačaka da kreirate vaš oblik. Dodaj tačke gdje postoji promjena u pravcu linije / krive Koristite prečice kako što su Alt i Ctrl da brzo prebacuje na druge alate za uređivanje svoje putanje.
41
8. Kreiranje složenih putanja / Compound Path Skoro si oblici i objekti u svakodnevnom životu se nogu nacrtati od osnovnih oblika. Koristeći osnovne oblike pri našem radu mi ih možemo spajati, sabirati, oduzimati kako bi dobili izgled koji želimo.
8.1. Šta je složena putanja? Složena putanja je načinjena od najmanje dva objekta. Možemo da dodajemo, sabiramo i presijecamo oblike kako bi formirali složenu putanju.
8.2. Varijacije složenih putanja Kako bih vam približila ovu opciju Illustratora na sljedćoj slici će biti prikazane sve opcije korištenja složenih putanja.
Slika 36. Varijacije kod složenih putanja 42
Vježba / Compound Path Kreiranje starinskog ključa korištenjem opcija složenih putanja. 1. Uključite kvadratnu mrežu / Grid Idete na View>Show Grid kako bi smo uključili mrežu, onda idemona Snap to Grid opciju. Kada su mreža i priljepljivanje (Snap) uključeni možemo lako da objekte priljepimo uz mrežu.
Slika 37. Snap opcija 2. Nacrtatjte krug koristeći Shape Tools, držite Alt i kiliknite i povucite novu kopiju pored 3. Duplirajte krug i stavite ga na vrh.
4. Dalje, izaberite Rectangle Tool i nastavite da crtate oblik ključa.
43
5. Zamijenite Fill i Stroke za objekat, tako će nam se pokazati svi objekti koje smo nacrtali.
6. Upotrijebite Selection Tool i označite cijeli objekat i idemo na Window>Pathfinder kako bi uključili opciju Pathfinder. Izaberite Add kako bi spojili objekte.
44
7. U ovoj fazi možemo i dalje da vržimo korekcija na našoj putanji. Pokušajte da pomjerite gornji kurug prema dole da vidite kako radi. Uradite ovo duplim klikom sa alatom Selection Tool i uđite u takozvani izolacioni mod u kojem možete da pomjerate objekte indivdualno.
8. Dalje ponovo mijenjamo Stroke i Fill kako bi nam objekat postao crn, nacrtajmo krug u sredini koji će nam poslužiti da presječemo objekat i dobijemo rupu. Označite oba objekta i izaberire opciju Subtract.
45
9. Dobićete finalnu ilustraciju.
46
9. Boje i rubne linije 9.1. Bojenje koristeći Swatches paletu Da bi objekat popunili bojom, otvorite Swatches paletu. Označite objekat i izaberite bilo koju boju iz palete.
Slika 38. Bojenje koristeći Swatches paletu
9.2. Bojenje koristeći Color Picker Još jedan na način da bojimo objekte je koristeći alat pod nazivom Color Picker. Ovaj alat ćemo pokrenuti ako dva puta kliknmo na ikonicu Fill iz Tool palete.
Slika 39. Bojenje koristeći Color Picker
9.3. Promjena Fill i Stroke opcija upotrebom Control Palette Koristeći Control Palette koja se nalazi na vrhu možemo na lak način da mjenjamo boju i obrub objekta.
47
Slika 40. Bojenje koristeći Control Palette
9.4. Krajevi obruba / Stroke Caps Krajevi obruba / Stroke Caps ozačavaju ustvari početnu i krajnju tačku obruba. Primjenljivo je samo kod otvorenih putanja. Možemo izabrati između Butt, Round ili Projecting cap opcija.
Slika 41. Krajevi obruba / Stroke Caps
9.5. Miter Limit Miter Limit se odnosi na izgled objekata zatvorenih oblika. Pogledajte na slici kako zvijezda izgleda pri različitim izborima ove opcije .
Slika 42. Miter Limit 48
9.6. Apliciranje Gradient na objekte Da bi aplicirali takozvani Gradient ili valer idtemo na Tool Palette i postavimo Gradient Fill.
Slika 43. Gradient Otvorite Gradient i Color Palette. Po osnovnim podešavanjima to je takozvani Grayscale gradient. Kliknite na ikonicuOptions sa ugla i promjenite mod rada u RGB mode.
Slika 44. Gradient Nakon što smo promijenili mod na RGB pojaviće se slajder i mapa boja sa koje možemo da izaberemo željenu boju. Izaberite tamno plavu.
Slika 45. Pomjena boja na Gradijentu Uradite to i za početnu tačku, samo ovaj put izaberite svijetlo plavu. 49
Slika 46. Promjena boje na Gradijentu Kako bi dodali još jednu boju našem valeru potrebno je da na slajderu boja kreirate novu tačku i projenite joj boju u bijelo. Ako želite da je uklonite samo je odvucite iz palete.
Slika 47. Dodavanje novih nijansi Gradientu Da bi promijenili smjer gradijentu izaberite Gradient Tool iz Tool Palette. Kliknite i povucite prema željenom smjeru.
50
Slika 48. Promjena smjera gradijenta Križni / Radial Gradient Da bih postavili ovaj gradient u opcijama izaberemo Radial umjesto Linear.
Slika 49. Radial gradient Uzorci / Pattern Fill Da bi određenim uzorkom ispunili naše objekte potrebno je da izaberemo formu pattern iz palete Swatches.
Slika 50. Uzorci / Pattern Fill 51
10. Transformacija i pomjeranje objekata U ovom poglavlju ćemo da naučimo da mijenjamo veličinu, rotiramo objekat primjenjujući funkcije transformacije. Prikazaćemo i neke korisne trikove transformacija koji se primjenjuju koristeći funkciju Transform Each.
10.1. Promjena veličine Metod 1: Označite objekat sa Selection i na objektu će se pojaviti granični okvir. Označite ručicu u uglu i dok povlačite i mijenjate veličinu držite dugme Shift na tastaturi kako bi zadržali proporcije.
Slika 51. Promjena veličine objekta Metod 2: Kada objektu mjenjamo veličinu iz centralne tačke objekta treba zajedno da držimo Alt i Shift.
Slika 52. Promjena veličine objekta iz centralne tačke
10.2. Rotacija objekta Metod 1: Označite objekat sa Selection Tool i na objektu će se pojaviti granični okvir. Izaberite ručku u uglu i rotirajte objekat.
Slika 53. Rotiranje objekta Metod 2: Da bi rotirali objekat iz ugla, izaberite Rotate Tool. Kliknite jednom na ugao da se postavi tačka rotiranja, izaberite suprotni ugao i rotirajte objekat.
52
Slika 54. Rotiranje objekta iz ugla Metod 3: Ponekad imamo potrebu da rotiramo objekat za neki određeni ugao. Da bi ovo uradili izaberemo Rotate Tool i Alt klik na tačku iz koje želimo da rotiramo. Pojaviće nam se forma sa opcijama u koju treba da unesemo željeni ugao.
Slika 55. Rotiranje objekta za određeni ugao
10.3. Iskošavanje objekata/ Shearing Objects Izaberite Shear Tool. Kliknite i povucite da bi iskosili objekT. Držite Shift da bi održali proporcije objekta vertikalno ili horizontalno.
Slika 56. Iskošavanje objekta
10.4. Refleksija objekata / Reflecting Objects Izaberite Reflect Tool, Alt klik da izaberete osu refleksije. Prozor sa opcijama će se pojaviti izaberite Vertical i kliknite Copy. Nakon toga ćemo dobiti naš objekat u efektu ogledala.
53
Slika 57. Refleksija objekata
10.5. Primjena transformacija na više objekata / Transform Each Object Da bismo lako transformisali niz objekata koristimo Transform Each funkciju. Označite objekte i idite Transform > Transform Each. Prema postavkama, rotirajmo kvadrate sa uglom od 30 stepeni i uvećanjem od 150%. Obavezno označite Random ako želite da svaki objekat ima ovakvu vrstu podešavanja .
Slika 58. Primjena transformacija na više objekata
10.6. Ponavljanje zadnje transformacije na novo Vema korisna funkcija Transform Each omogućava nam da ponavljamo zadnju korištenu transformaciju. Možemo lako da dupliciramo red objekata i da ih rotiramo. Kada vam je objek toznačen sa Selection Tool, držite Alt i dodajte novu instancu objekta povlačenjem na desno dok držite Shift. Pritisnite Ctrl +D da duplicirate još instanci objekata.
54
Slika 59. Dupliciranje objekata pomoću Transform Each funkcije
55
11. Tekst Tekstualni alati nam omogućavaju uobičajene funkcije formatiranja teksta. Naučićemo nešto o kolonama, položaju teksta i tekstu na određenim putanjama. Ovo će nam pomoći da kreiramo estetske efekte teksta u nekim daljim radovima kao naprimjer naslovnim stranama novina ili brošura.
11.1. Kucanje teksta pomoću Point Text Da bi iskucali nekakav tekst samo klikite jednom na papir koristeći alatku Type Tool i iskucajte tekst. Ova alatka omogućava vam samo da kucate tekst na jednoj liniji bez ikakvih modifikacija položaja i okruženja.
Slika 60. Tekst
11.2. Kucanje teksta pomoću Area Type Tool Upotrebom ovog alata imamo više mogućnosti i kontrole nad tekstom. Da bi kreirali površinu u koju ćemo da unesemo naš tekst potrebno je da pomuću Type Tool alata kliknemo i iscrtamo površinu. Unutar ove površine unesemo tekst, a da bi uredili font idemo na Window>Type>Character.
Slika 61. Tekst Area Type Tool Kako bi pristupil opcijam formatiranja teksta koje paragraf nosi sa sobom kliknite na Paragraph tab. Isprobajte razne vrste poravnanja i uvlaka za određeni paragraf.
56
Slika 62. Formatiranje paragrafa Da bi pronašli još opcija za formatiranje teksta idemo na Type>Area Type Options. Ovdje nam se daje mogućnost uređivanja i dodavanja novih kolona.
Slika 63. Formatiranje kolona
11.3. Tekst na putanji Tekst možemo da kucamo po bilo kojoj putanji ili objektu. Izaberite opciju Type on Path Tool i kliknite na putanju da bi ste počeli da kucate tekst na putanji. 57
Pomjeranje teksta vršimo tako što povučemo početnu tačku sa alatom Selection Tool.
Slika 64. Tekst na putanji
11.4. Tekst u krivima / Outline Tekst Ako treba da pretvorite tekst u krive označite tekst i izaberite Type>Create Outlines. Ovim ćete tekst pretvoriti u putanje i više neće biti moguće uređivanje sa Type Tool. Ipak kada kreiramo putanje ili takozvane krive možemo da apliciramo gradijent i uređujemo tačke sa Pen Tool alatom.
Slika 65. Pretvaranje fonta u krive
58
Vježbe
59
Vježba broj 1 Narandža Zadatak ovje vježbe je kreirati vektorski objekat koji će predstavljati narandžu prikazanu na slici.
Korak 1 Prva stvar koju treba da uradimo je da se nacrta trougao koji je 2 inča širine 3 inča visine, a zatim ga popuniti sa narandžastom bojom (R = 252, G = 175, B = 23). Dalje, na ovaj objekat primjeniti efekat zaobljavanja uglova. Da biste ovo uradili idite na Effect > Stylize > Round Corners i podesite vrijednost na 0,5 onda idemo na meni Object> Expand Appearance, a zatim Razgrupiši (Ctrl+Shift+G)rezultat.
60
Korak 2 U ovom Koraku kreiramo teksturu narandže. Kopiraj (Ctrl+C)objekat koji je već napravljen i zaljepite ga naprijed (Ctrl+F). Promijenite boju Fill na bijelu. Kada je ovaj poslednji objekat izabran, idite na Effect > Texture > Stained Glass, i podestite vrijednosti: Cell Size 45, Border Thickness 10 i Light Intensity 0. Proširite isti objekat (Object > Expand Appearance). Zatim, idite na Object > Live Trace > Tracing Options, podesite vrijednosti koje su ispod prikazane, i proširi (Object > Expand). Takođe, budite sigurni da provjerite Object i Fill. Za ovaj poslednji objekat sa Stained Glass effect, napunite sa bijelom bojom, a zatim Razgrupiši (Command+Shift+G) tri puta. Kada je ovaj poslednji objekat izabran, idite na Object > Path > Simplify, i podesite Opacity na 60 %. Primenite Gaussian Blur (Efect > Blur > Gaussian Blur) sa setom Blur Radius na 6,0 piksela. Konačno, grupišite ove objekate.
61
Korak 3 Sada napravite druge dijelove narandže. Rotirajte objekat tako što ćete kliknuti na Alt i na poziciju gdje da želimo da bude centar narandže, a zatim u prozoru koji se pojavi podesite ugao od 40 stepeni, kliknite na Copy. Da biste kreirali ostale dijelove ponovite zadnju radnju (Ctrl+D) sedam puta.
62
Korak 4 Sada narandži dajemo izgled koji nije tako ravan kako bi prirodnije izgledala. Izaberite alatku Pucker tool, a zatim koristite vrijednosti prikazane. Zatim, selektujte sve (Ctrl +A) i Razgrupiši (Ctrl+Shift+G). Izaberite jedan od narandžastih objekata, a zatim idite na Select > Same > Fill Color. Kopiraj (Ctrl+C) zadnju selekciju i nalijepite na pozadinu (Ctrl+B) i zatim grupišemo (Ctrl+G) to. Dalje, vršimo rotaciju tako da izgleda kao na slici ispod. Na kraju podesite Opacity na 40 %. Onda selektuj sve (Ctrl +A) i grupiši (Ctrl+G).
63
Korak 5 U ovom koraku ćemo formirati ivicu narandže. Napravi elipsu (L) sa širinom i visinom od 6,5 inča (boja linije nije važna). Zatim, napravite grupu elipsi kao što je prikazano u nastavku, veličina neka bude proporcionalna narandži. Grupišemo (Ctrl+G), ove elipse, pa ih premestite na panelu Brushes Panel i krirajte novu četkicu New Pattern Brush. Pattern Brush opcije ostaviti kakve jesu. Nakon kreiranja uzorka Pattern Brush, brišemo grupu elipsi, onda primenite ovu četkicu Pattern Brush koju smo kreirali na 6,5 inča elipsi. Konačno, podesite Opacity na 15%.
64
Korak 6 Nastavljajući rad sa ivicom narandže, kreirati još jednu elipsu (L) sa širinom i visinom od 7 inča, a zatim je pošaljete nazad (Object > Arrange > Send to Back). Kada je objekat selektovan, idite na Gradient Panel i podesite vrednosti kao što je prikazano na slici ispod.
65
Korak 7 Sada napravimo spoljašnjost narandže. Prvo, označite sve (Ctrl +A) i grupišite (Ctrl+G). Promjenimo samo širinu naše narandže do 5,5 inča. Nakon toga kreirati elipsu (L) sa širinom od 5,5 inča i visinom 7 inča, zatim popunite sa narandžastom bojom (R = 245, G = 130, B = 32). Nacrtajte vertikalnu liniju koja sječe sredinu elipse koji smo upravo kreirali, a zatim idite na Pathfinder Panel, kliknite na Divide pa Ungroup (Ctrl+Shift+G)rezultat. Izbrišite jednu od polovina elipse i druga polovina da promijenite širinu 3,5 inča.
66
Korak 8 Dalje kreiramo teksturu za spoljašnjost naše narandže. Kreirajte pravougaonik širine i visine od 1 inča, bez Fill, i bez Stroke. Kopiraj (Ctrl+C), ovaj pravougaonik i nalepite sve napred (Ctrl+F). Zatim popunite ovaj pravougaonik narandžastom bojom (R = 245, G = 130, B = 32). Kreirajte različite elipse unutar pravougaonika sa bojama koje su prikazane ispod. Izaberite sve elipse unutar pravougaonika i primenite Gaussian Blur (Effect > Blur > Gaussian Blur) sa Radius 7,0 piksela. Razgrupišemo dva pravougaonika, elipsu i pomjerite objekat na panel Swatches. Nanesite uzorak koji smo upravo kreirali na pola elipse. Pravougaonik koji nema fill i nema stroke služi da ograniči oblast. Teksture spoljašnjosti narandže je spremna, poravnajte pola elipsa u sredini narandže tako da izgleda prirodno. Pošalji pola elipse na kraj (Object > Arrange > Send to Back). Najzad, izaberite sve (Ctrl +A) i rotirajte malo.
67
Korak 9 Na samom kraju, kreiramo elipsu širine i visine od 5,5 inča, a zatim je popunjavamo sa gradient (centar, R = 100, G = 100, B = 100 ; ivica R = 255, G = 255, B = 255). Promijenimo visinu na 1,2 inča i pošaljite je na poleđinu narandže.
68
Vježba 2 Ikonica za cijene U ovoj vježbi ćete naučiti kako da kreirate jednostavnu ikonu cijene. Vježba se fokusira uglavnom na Appearance panel. Potrebno je koristiti neke osnovne alate i tehnike izgradnje oblika da se stvori početni oblik. Zatim, koristeći moć Appearance panel i lijep font zajedno sa nekim osnovnim efektima i tehnikama ćemo da kreirate sopstvenu ikonu cijenu.
Korak 1 Pritisnite Ctrl+N da biste kreirali novi dokument. Unesite 600 u visinu i širinu polja kliknite na Advanced dugme. Izaberite RGB, Screen (72ppi) i uvjerite se da "Align New Objects to Pixel Grid " box je čekiran prije klika na OK. Sada uključite mrežu Grid (View > Grid) i priljepljivanje na mrežu Grid (View > Snap to Grid) Dalje, moraćete podesiti mrežu na 5px. Idite na Edit > Preferences > Guides & Grid, unesite 5 u Gridline every box i 1 u polje Subdivisions. Takođe možete da otvorite panel Info (Window > Info) za pregled veličina i položaja svojih oblika. Ne zaboravite da podesite jedinicu mjere na piksele iz Edit > Edit > Preferences > Unit > General. Ove opcije će značajno povećati brzinu rada.
69
70
Korak 2 Izaberite alatku Rectangle Tool (M), napravite pravougaonik od 150px i 60px i popunite ga sa Fill atributom R = 255 G = 222 B = 190. Uklonite boje iz stroke.
Korak 3 Ponovo izaberete oblik koji ste kreirali u prethodnom koraku. Izaberite Add Tool Anchor Point (+) i dodajte dve nove tačke kao što je prikazano u sledećoj slici. Snap to Grid će olakšati vaš rad .
Korak 4
71
Uvjerite se da je vaš oblik je selektovan i odaberite Direct Selection Tool (A). Izaberite gornju lijevu tačku i spustite je za 30px dole pa izaberite donji lijevu tačku i premestite je 30px gore. Na kraju vaš oblik treba da izgleda kao na sljedećoj slici.
Korak 5 Izaberite Ellipse Tool (L), napravite 10px krug i postavite ga kao što je prikazano na prvoj slici. Označite je zajedno sa drugim oblikom i kliknite na dugme Minus Front iz Pathfinder panela. Krajnji oblik treba da izgleda na trećoj slici. To je jedini oblik koji će vam trebati da kreirate svoj oznaku cijene. Sa Layers panela (Window > Layers) dupli klik na ovaj oblik i nazovite ga "Cijena".
72
73
Korak 6 Označite "Cijena" i idite na Appearance panel. Izaberite postojeću popunu/Fill i idite na Effect > Stylize > Inner Glow. Unesite podatke prikazane ispod i kliknite na OK.
Korak 7 Izaberite "Cijena", pređite na Appearance panel i kliknite na Add New Fill dugme. Očigledno, to će dodati novu popunu za svoj oblik. Sa Appearance panela, sniziti providnost na 25 %, i popunite ga sa linearnim gradijentom prikazanim ispod. Žuti brojevi iz gradijenta prikazuju procenat providnosti, dok bijeli brojevi pokazuju lokaciju za procenat. Uvjerite se da je ovaj novi Fill je još uvijek selektovan i idite na Effect > Path > Offset Path. Unesite - 3px Offset, kliknite OK i idite na Effect > Stylize > Inner Glow. Opet, uneti podatke prikazane ispod i kliknite na OK.
74
Korak 8 Odaberite " Cijena " i dodajte Stroke. Neka bude 1px širine, podesite boju na R = 196 G = 154 B = 108 i idite na Stroke panel (Window > Stroke). Prvo, čekirajte Round Cap i Round Join dugmad. Dalje, 75
čekirajte Dashed Line polje i unesite 0.75pt u dash box i 3pt u gap box. Sada bi trebalo da imate isprekidanu liniju obruba. Vratite se u Appearance panel, uvjerite se da je stroke još uvijek selektovan i idite na Effect > Path > Offset Path. Unesite -3px Ofset, kliknite OK i idite na Effect > Stylize > Drop Shadow. Opet, unesite podatke prikazane ispod i kliknite na dugme OK .
76
Korak 9 Izaberite "Cijena" i idite na Appearance panel. Uvjerite se da nema popunu/ fill ili da je izabran stroke i kliknite na Add new Stroke dugme. Ovo će dodati stroke za vaš oblik. Neka bude širina 2pt, poravnati ga prema spolja i podesite boju na R = 196 G = 154 B = 108.
Korak 10 Odaberite "Cijena" i idite na Appearance panel. Izaberite stroke dodat u prethodnom koraku i kliknite na dugme Duplicate Selected Item. Ovo će dodati kopiju izabranog stroke. Izaberite ga, postavite njemu veličinu na 1pt i boju na R = 255 G = 245 B = 235 .
77
Korak 11 Ponovo izaberete "Cijena" i idite na Appearance panel. Uvjerite se da Fill i Storke nisu selektovani i kliknite na dugme Add New Fill. Izaberite ovu novu popunu i povucite ga na dno Appearance panel. Popunite ga sa slojevitim gradijentom prikazanim na slici dole i idite na Effect > Path > Offset Path. Unesite 2px Offset, kliknite OK i idemo na Effect > Distort &Transform > Transform. Unesite podatke prikazane ispod, kliknite na OK i idite na Effect > Stylize > Drop Shadow. Opet, unesite podatke prikazane ispod i kliknite na dugme OK .
78
79
Korak 12 Ponovo izaberete putanju i idite na Effect > Stylize > Rounded Corners. Unesite 5px radius i kliknite na OK. Premjestite na Appearance panel i uvjerite se da su Rounded Corners u vrhu Appearance panel.
Korak 13 Izaberite alatku Type Tool (T), kliknite na artboard i ukucajte cijenu. Koristite Arcade font sa veličinom 35pt i podesite boju na R = 169 G = 124 B = 80. Sa ovim tekstom selektovanim idite na Effect > Stylize > Drop Shadow. Unesite podatke prikazane ispod i kliknite na OK.
80
Korak 14 Konačno, možete da koristite različite skupove boja za cijenu ili možete povećati / smanjiti vrijednost postavljene na rounded corners efektom.
81
82
83
