Enostavna navigacija je ključnega pomena za to, da spletno mesto postane udobno za obisk in privlačno tako za lastnika kot za obiskovalce. Elementi menija in navigacije naj bodo jasni, lepi in jedrnati, zato je dobro ustvariti privlačne gumbe za vaše spletno mesto v grafičnem urejevalniku Adobe Photoshop. To ni težko storiti.
Navodila
Korak 1
Ustvarite nov dokument in v orodni vrstici izberite orodje Rounded Rectangle Tool. Narišite ozek zaobljen pravokotnik, nato v orodjarni izberite orodje Elliptical Marquee Tool in na levi strani pravokotnika narišite krog, ki se prekriva z njegovimi robovi in presega njega.
2. korak
Z desno miškino tipko kliknite plast pravokotnika in izberite možnost Rasterize Layer, nato pa v središču izbora znova kliknite in v kontekstnem meniju izberite možnost Layer via Cut, da kopirate izbor na novo plast.
3. korak
Odprite meni z nastavitvami plasti in na zavihku Drop Shadow nastavite način mešanja na Normal, motnost na 23% in razdaljo na 3 slikovne pike. Na zavihku Color Overlay nastavite želeno barvo v načinu mešanja Normal in prosojnosti 100%. Morali bi imeti dvobarvno sliko.
4. korak
V orodjarni znova izberite orodje Elliptical Marquee Tool in v levi barvni izbiri narišite krog. Kliknite Izbriši. Po tem prenesite izbor na novo plast in jo napolnite s poljubno barvo.
5. korak
Znova odprite meni Sloj sloja in prilagodite zavihek Gradient Overlay v poljubnih barvah, ki ustrezajo barvni shemi vašega spletnega mesta. Nastavite radialni slog na preliv. Nato na zavihku Stroke nastavite težo poteze na 2 slikovni piki, zunanji položaj poti in motnost na 30%. Izberite gradientno polnilo za potezo. Kliknite V redu.
6. korak
V orodjarni izberite čopič z belo barvo, ga prilagodite tako, da bo mehak, premer čopiča pa 10 pik. V zgornjem desnem kotu kroga, ki ste ga naslikali, narišite piko, da narišete vrhunec.
7. korak
Nato izberite plast z glavnim delom gumba in v meniju Sloj sloga nastavite parameter Inner Shadow z načinom pomnoževanja mešanice in Opacity 33%. Nastavite linearni gradient s 25-odstotno motnostjo. Vaš gumb je pripravljen - preostane mu le še dodajanje napisa.
