U dizajnu web lokacija često se koriste trodimenzionalni navigacijski elementi. Takva se dugmad mogu napraviti u grafičkom uređivaču Photoshop, simulirajući jačinu zvuka koristeći sjene i gradijentno popunjavanje.
Potrebno
program Photoshop
Instrukcije
Korak 1
Stvorite novi dokument u grafičkom uređivaču pomoću opcije Novo iz izbornika Datoteka. Odaberite veličinu novog dokumenta da stane na dugme i učinite pozadinu prozirnom.
Korak 2
Aktivirajte alat za zaobljeni pravokutnik. Ako želite blago zaobljeno dugme, na traci opcija alata postavite radijus na jedan milimetar. Pomoću odabranog alata nacrtajte zaobljeni pravougaonik. Rezultirajući oblik bit će osnova gumba.
Korak 3
Desni klik na sloj i odaberite opciju Rasterize Layer. Učitajte odabir s opcijom Load Selection iz izbornika Select.
Korak 4
Pomoću alata Gradient ispunite dugme dvobojnim gradijentom, odabirom prikladne kombinacije boja iz unaprijed postavljenih postavki u paleti gradijenta. Stil gradijenta treba biti linearan, odaberite ga klikom na gumb Linear Gradient ispod glavnog izbornika. Gornji dio dugmeta nakon punjenja trebao bi biti lakši od donjeg.
Korak 5
Primijenite stil na sloj. Da biste to učinili, upotrijebite opciju Blending Options iz kontekstnog izbornika. Odaberite karticu Drop Shadow i unesite vrijednost sto dvadeset stupnjeva za parametar Angle. Postavite parametar Size na tri piksela.
Korak 6
Na kartici Inner Shadow postavite istu vrijednost za parametar Angle, a za Size postavite vrijednost na pet piksela. Primijenite stil pritiskom na tipku Enter.
Korak 7
Napravite senku za dugme. Da biste to učinili, kliknite gumb Stvori novi sloj i crno ispunite odabrano područje novog sloja. Za to odaberite alat Paint Bucket Tool. Poništi odabir sa Ctrl + D.
Korak 8
Primijenite Gaussian Blur filter iz grupe Blur u meniju Filter na crni pravokutnik. Postavite radijus na četiri piksela. Povucite sloj sjene ispod sloja dugmeta i podignite sjenku tri do četiri piksela prema gore. Da biste to učinili, aktivirajte Alat za premještanje i pomaknite sjenku kursorskim tipkama. Smanjite neprozirnost ovog sloja na šezdeset posto.
Korak 9
Tipkom napravite aktivni sloj i učitajte odabir s njega. Smanjite izbor za dva piksela koristeći opciju Contract iz grupe Modify u izborniku Selection.
Korak 10
Stvorite novi sloj i ispunite rezultirajući odabir linearnim gradijentom od bijele do prozirne tako da je bijeli dio na dnu dugmeta. Poništite odabir. Koristeći opciju Besplatna transformacija iz izbornika Uredi, vertikalno smanjite površinu prekrivenu gradijentom. Primijenite transformaciju tipkom Enter.
Korak 11
Promijenite način miješanja sloja gradijenta u Prekrivanje. To se može učiniti odabirom načina s padajuće liste na lijevoj strani palete Stilovi. Smanjite neprozirnost sloja na šezdeset posto.
Korak 12
Pomoću alata Horizontal Type Tool napišite tekst koji bi trebao biti na dugmetu.
Korak 13
Prikupite sve slojeve u mapu pomoću opcije Grupiraj slojeve iz izbornika Sloj, odabirući ih držeći pritisnutu tipku Ctrl. Snimite gumb u psd datoteku pomoću opcije Spremi iz izbornika Datoteka.
