Moč paleta videza
Uvod:
Pozdravljeni ljubitelji PSD skupnosti. Veseli me, da ste spet tu z mano pri enem od mojih vadnic. Danes bomo skupaj ustvarili tak gumb (slika 01). Vendar pa ima ta gumb nekaj posebnega. Ko spremenite besedilo, se gumb vedno samodejno prilagaja velikosti. Kako to deluje in kako lahko sami ustvarite tak gumb ali kaj podobnega v programu Adobe Illustrator, boste izvedeli v nadaljevanju vadnice. Uživajte ...
Korak 1: Ustvarjanje besedila
Ko pridete v Illustrator, najprej pojdite na Datoteka>Novo in ustvarite novo delovno površino. Izberite velikost 300x150mm in potrdite z OK.
Zdaj vzemite Orodje za besedilo iz Paleta orodij in kliknite na delovno površino. Lahko uporabite katerokoli besedo po vaši izbiri. V mojem primeru sem napisal besedo VINTAGE z velikimi črkami. Za to sem uporabil pisavo Myriad Pro v krepkem slogu. Velikost pisave sem izbral 150pt.
Z Paleta poravnavanja poskrbite, da je vaše besedilo središčno na vaši delovni površini (slika 04).
Če te palete ne najdete, jo lahko poiščete prek Okno>Poravnava.
Mini nasvet:
Da bo vaš gumb kasneje dobro izgledal, vam priporočam, da izberete precej debelo in močno pisavo, saj bomo kasneje delali tudi z nežnim prelivom barv, ki na zelo tanki pisavi ne bi prišel do izraza.
Zdaj izberite svoje besedilo in izključite barvo polnila, da ne boste več videli besedila. (Ne paničarite, tako mora biti ;-) ) (glej sliko 05).
Korak 2: Sedaj pride posebnost tega gumba
Po tem, ko ste ustvarili svoje besedilo, lahko zdaj začnemo zgraditi gumb okoli besedila. In zdaj se zgodi nekaj posebnega: celoten gumb bomo zgradili in oblikovali v Paleti videza. (Torej boste kasneje našli samo en sam predmet v svoji Paleti slojev).
Najprej morate prikazati Paleti videza v Illustratorju. Če je to pri vas še ni, jo najdete prek Okno>Videz.
Zdaj izberite svoje besedilo in kliknite na majhen gumb v spodnjem levem kotu v Paleti videza (glej sliko 06). Tako boste ustvarili novo barvo polnila in spet boste videli svoje besedilo.
Zdaj kliknite na črno/beli preliv in ga v Paleti prelivov zavrtite za -90° (slika 07).
Zdaj morate ta trenutno zelo oster preliv nekoliko omiliti. Kliknite na črno barvno polje v Paleti prelivov in spremenite čisto črno v svetlo sivo (slika 08).
Nato se vrnite v Paleti videza in ustvarite tokrat obrobo. (To lahko spet storite prek majhnega gumba v spodnjem levem kotu - glej sliko 09).
Odprite Paleti obrobe (če je še ni, jo najdete prek Okno>Obroba ali prek bližnjice Ukaz+F10) in označite polje Črtkana črta (slika 10).
Ker naj ta obroba predstavlja nekaj podobnega šivu, morate malo premakniti navznoter, da bo na besedilu. To naredite prek Učinki>Pot>Premik poti … V naslednjem oknu vnesite -1mm in potrdite z OK.
To črtasto konturo nato pobarvate še s 70-odstotnim sivim odtenkom (Slika 12).
Naslednji korak je ustvarjanje okvirja za gumb. Ponovno se odpravite v Paleta videzov in ustvarite nov polnilni barvni odtenek, kot ste to storili v prejšnjih korakih. Dodelite temu polnilu rdeč odtenek in poskrbite, da je to polnilo spodaj v Paleta videzov (Slika 13). (Če se to pri vas ne zgodi, lahko polnilni barvi enostavno povlečete navzdol z Drag&Drop).
Trenutno to polnilo še ni vidno, saj je oblike napisa. Da spremenite celotno v pravokotnik, pojdite na Učinek>Pretvori v obliko>Zaobljen pravokotnik. V naslednjem pogovornem oknu lahko sprejmete privzete vrednosti ali jih prilagodite po svojih željah. Okno potrdite s V redu.
Ravnokar ustvarjen rdeč pravokotnik morate zdaj podvojiti. Kliknite na polnilo v Paleta videzov in nato kliknite na ikono v spodnjem desnem kotu (glejte Sliko 15).
Zdaj imate dve rdeči polnilni barvi v vaši Paleta videzov. Spodnjo izmed njiju napolnite z svetlim sivim (30 % črne).
Nato pojdite na Učinek>Pot>Premikanje poti … V naslednjem oknu lahko ponovno sprejmete privzete vrednosti (3,5278 mm) in potrdite z V redu. S tem ukazom boste okoli vašega rdečega pravokotnika ustvarili tanki siv obroč.
Celotna slika bi morala sedaj pri vas izgledati nekako tako (Slika 17):
V naslednjem koraku je ponovno treba integrirati šiv oz. črtasto črto v rdečo površino. Pojdite v Paleta videzov in ustvarite nad rdečo polnilo novo konturo (znova preko majhne gumb na spodnjem levem delu Paleta videzov).
Ta kontura je privzeto znova ustvarjena neposredno okoli napisa in ima obliko posameznih črk. Da to konturo spremenite v pravokotnik z zaobljenimi vogali, pojdite v vrhnjo menijsko vrstico na Učinek>Pretvori v obliko>Zaobljen pravokotnik …
V naslednjem pogovornem oknu omogočite predogled in pri Širina izberite vrednost 4mm. Enako nastavite tudi pri Višina. Da bo ta kontura še bolj ustrezala rdeči polnilni površini zadaj, nastavite vrednost Polmer vogalov na 2mm in celoten postopek potrdite z V redu.
Privzeta debelina konture 1pt je še vedno nekoliko ozka. Zato to v Paleta videzov spremenite na 2pt.
Ker je ta črta še dokaj stisnjena in ne izgleda ravno lepo, jo v Paleta kontur povečajte s 2pt na 6pt. Nato spremenite barvo konture iz črne v belo.
Nato bi morala celota izgledati nekako tako kot prikazano (Slika 21):
Korak 3: Umetniško vodenje
Zdaj, ko je osnova za naš gumb postavljena, je čas za nekaj umetniškega vodenja, da bo celota še bolj privlačna.
Nadaljnji koraki tega vodiča so izbrani po mojem lastnem presoji in jih lahko vsak individualno prilagaja. Priporočam, da se vsekakor malo poigrate z nastavitvami, da ustvarite čim bolj individualen gumb.
Kot prvi korak bomo rdeči površini dodelili rahel prehod, da bomo v gumbu dobili še malo več globine. Za to pojdite kot običajno v Paleto videza in dodelite rdeči površini prehod v črno/belo.
Ker ta prehod ne sme teči od leve proti desni, kot tudi pisava, ampak od zgoraj navzdol, morate spet vnesti 90° kot v Paleto prehodov (slika 22).
Za rdeči prehod sem vam pripravil dve vrednosti CMYK, ki jih lahko sprejmete ali pa jih spet spremenite po svojem okusu.
Za zgornji del prehoda sem se odločil za nekoliko svetlejši odtenek rdeče barve: CMYK - 0/100/100/0
V spodnjem delu uporabljam temnejši odtenek: CMYK - 0/100/90/20.
Da povežete te barve s prehodom v črno/belo, morate kot običajno v Paleto prehodov dvoklikniti na barvno polje in nato vnesti ustrezno vrednost CMYK (slika 23).
Nato bi moralo izgledati približno tako (slika 24):
Zadnji korak je dodajanje rahlega senčenja senčenja. Kliknite na najbolj zunanjo sivo površino v Paleto videza in nato v zgornji menijski vrstici izberite Učinek>Stilizirni filtri>Senčenje … V naslednjem oknu lahko nastavite smer senčenja in kako mehki naj bodo robovi. Pri mojem senčenju sem se odločil za 2 mm pri x zamiku in y zamiku. Pri Razmaz izberem vrednost 1,8 mm. Ko boste zadovoljni s svojimi nastavitvami, potrdite okno s V redu.
Tvoj gumb je končan.
Pro & Kontra:
Za vse, ki se po tem vadnici sprašujete, kje so prednosti in slabosti takšnega gumba, ustvarjenega v Paleto videza, sem pripravil kratek seznam s prednostmi in slabostmi.
Pro:
• Če po ustvarjanju takega gumba ugotovite, da bi besedilo radi spremenili, lahko to storite brez težav, saj se velikost gumba vedno samodejno prilagodi višini in dolžini besedila.
• Vsi obrisi, barve površin in barvni prehodi so centralizirani v Paleto videza in jih je vedno mogoče preprosto spremeniti in prilagoditi.
• Tak gumb je v Paleti plasti prikazan kot en sam objekt, kar omogoča, da vse ostane pregledno, ko delate še z drugimi objekti v isti datoteki.
Contra:
• Sprva je morda malo zapleteno vse nastaviti samo prek Paleto videza, vendar ko enkrat ustvarite enega ali dva takšna gumba, boste hitro dobili občutek in boste z lahkoto delali.
• Če želite pretvoriti besedilo v poti, je sicer mogoče, vendar se bodo posamezne površine, obrisi in barvni prehodi razdelili v različne objekte v Paleti plasti.
Zaključek:
Zdaj smo že na koncu te vadnice. Upam, da ste se zabavali in se naučili kaj novega. Če imate še kakršnakoli vprašanja na to temo, mi jih le napišite v komentarje pod to vadnico. Potrudil se bom, da nanje čim prej odgovorim.
Vaš Julian