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 ...

Adobe Illustrator - Moč videza palete

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.

Adobe Illustrator - Moč paleti videzov.

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.

Adobe Illustrator - Moč funkcije »Izgledi«

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.

Adobe Illustrator - Moč paleti videza

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).

Adobe Illustrator - Moč paleti videzov

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.

Adobe Illustrator - Moč paleti videzov.

Zdaj kliknite na črno/beli preliv in ga v Paleti prelivov zavrtite za -90° (slika 07).

Adobe Illustrator - Moč palet videzov.

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).

Adobe Illustrator - Moč orodja Slogi

Nato se vrnite v Paleti videza in ustvarite tokrat obrobo. (To lahko spet storite prek majhnega gumba v spodnjem levem kotu - glej sliko 09).

Adobe Illustrator – Moč orodne škatle za izgled

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).

Adobe Illustrator - Moč zbirke videzov.

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.

Adobe Illustrator - Moč videza palete.

To črtasto konturo nato pobarvate še s 70-odstotnim sivim odtenkom (Slika 12).

Adobe Illustrator - Moč paleti videzov

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).

Adobe Illustrator - Moč videza palete

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.

Adobe Illustrator – Moč videza palete.

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).

Adobe Illustrator - Moč orodne vrstice izgleda.

Zdaj imate dve rdeči polnilni barvi v vaši Paleta videzov. Spodnjo izmed njiju napolnite z svetlim sivim (30 % črne).

Adobe Illustrator - Moč ploščice za videz

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):

Adobe Illustrator - Moč paleti videzov

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).

Adobe Illustrator - Moč razglednice palete.

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.

Adobe Illustrator - Moč videzne palete.

Privzeta debelina konture 1pt je še vedno nekoliko ozka. Zato to v Paleta videzov spremenite na 2pt.

Adobe Illustrator - Moč videzne palete.

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):

Adobe Illustrator – Moč paleti videzov.

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).

Adobe Illustrator - Moč paleti videzov

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).

Adobe Illustrator - Moč pripomočka za videz

Nato bi moralo izgledati približno tako (slika 24):

Adobe Illustrator - Moč postavitvene palete

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.

Adobe Illustrator - Moč videza palete

Tvoj gumb je končan.

Adobe Illustrator - Moč zunanje podobe paleta.

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