Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Interaktivni gumb

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Tokrat bomo z nekaj preprostimi in tudi manj preprostimi koraki ustvarili interaktivni gumb.
 
 
1
 
 
Izberemo orodje Rounded Rectangle Tool.
 
 
2
 
 
V orodni vrstici izberemo možnost kot na sliki.
 
 
3
 
 
S pomočjo izbranega orodja ustvarimo lik kot na sliki.

Ni pomembno kakšne barve je, saj jo bomo v naslednjih korakih spremenili.
 
 
4
 
 
Izberemo Layer, kjer je ustvarjen lik in kliknemo nanj z desnim miškinim gumbom. Izberemo možnost Blending Options...
 
 
 
 
 
5
 
 
Odpre se nam novo okno. Ob strani kliknemo v kvadratek z napisom Gradient Overlay.
 
 
6
 
 
Dvokliknemo na mesto, kjer je kurzor na sliki.
 
 
7
 
 
Odpre se nam novo okno. Spet dvoklik na mesto, kjer je kurzor na sliki. Odpre se nam novo okno za določanje barv. Izberemo željeno barvo in potrdimo z OK.
 
 
8
 
 
Dobiti morate nekaj takšnega.

Na začetku sta samo dve "puščici" za določanje barv, če želite ustvariti štiri (kot na sliki), preprosto kliknete na mesto, kjer bi jih radi imeli in določite barvo.
 
 
9
 
 
Ko ste končali potrdite z gumbom OK. Prvega okna ne zapirajte še. Označite kvadratek z napisom Stroke.
 
 
10
 
 
Določite vrednosti kot na sliki in potrdite z gumbom OK in še enkrat OK.
 
 
11
 
 
Spet izberite orodje Rounded Rectangle Tool.
 
 
12
 
 
Bodite pozorni, da bo v orodni vrstici, uporabljen Default Style.
 
 
13
 
 
S tem orodjem naredite še en lik. Približno enake velikosti kot prej.

Pozor, ko ga ustvarite, ga ne smete potrditi s tipko ENTER, ampak pustite označenega!

Moj lik je označen s črno obrobo. Naj bo svetlejše barve.
 
 
14
 
 
V orodni vrstici izberemo možnost kot na sliki.
 
 
15
 
 
Z izbrano opcijo potegnemo od spodaj navzgor, do približno sredine lika. S tem se nam del, ki smo ga sedaj označili, izbriše. Tako dobimo občutek, kot da se od njega odbija svetloba.

Ko na sliki.
 
 
16
 
 
Layer-ju, kjer smo ustvarili odboj svetlobe, določimo Opacity 25%.
 
 
17
 
 
Izberemo orodje Horizontal Type Tool.
 
 
18
 
 
Označimo del na gumbku in napišemo poljubno besedo.
 
 
19
 
 
Sedaj pa je potrebno uporabiti znanje iz začetka lekcije. Označimo Layer z napisom, kliknemo desni gumb na miški in izberemo možnost Blending Options... Označimo kvadratek Stroke in določimo vrednosti kot na sliki :)
 
 
20
 
 
Ko smo vse potrdili z OK izberemo ordje Custom Shape Tool.
 
 
21
 
 
V orodni vrstici izberemo poljubno obliko ...
 
 
22
 
 
Jaz sem izbral 5 Point Star.
 
 
23
 
 
... in jo ustvarimo na našem gumbu. Rezultat bi moral biti takšen, če ste vse prav naredili :)


 
 
24
 
 
V primeru, da pri 22 koraku nimate vseh oblik na voljo, kliknite puščico, ki je ob strani, in izberete All.
 
 
Komentiraj
 
 
 
 
 
26.6.2009, 10:31
Sicer čist luštna lekcija, ampak interaktivnost pri tem nima veze
 
 
 
 
26.6.2009, 10:52
Lepo to izgleda. Morda uporabim na kakšni spletni strani
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!