Would you like to react to this message? Create an account in a few clicks or log in to continue.

Niste konektovani. Konektujte se i registrujte se

Napravite navigacije za vas sajt!

Ići dole  Poruka [Strana 1 od 1]

1Napravite navigacije za vas sajt! Empty Napravite navigacije za vas sajt! Sre Nov 18, 2009 9:51 pm

Micy Cullen

Micy Cullen
PS član
PS član

U ovom tutorijalu naučiću vas kako da napravite super zelene dugmiće sa blještavim efektom. Jako kul efekat za bilo koji sajt.

Korak 1
Prvo
kreirajte dokument 500x200 piksela. Izaberite “gradient tool” i
podesite vašu prednju boju (foreground colour) na #363636 i vašu zadnju
boju (background colour) na #252525. Izaberiteda vaš gradient tool bude
podešen da bude “radial gradient” i kreirajte ovaj prelaz boja tako što
ćete kliknuti na gore levi ugao i povući do dole desnog ulga (znaci
povuči jednu dijagonalu). Ovo ce dati crnu podlogu bez obzira kakva je
vaša startna podloga bila na početku.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 2
Naredni
korak je da napravimo osnovu za jedno dugme, kasnije ćemo samo kopirati
isti dizajn na druga dugmad. Kreirajte novi lejer (Layer > New >
Layer). Uzmite “the rectangular marquee tool” iz toolbox-a i namestite
selekciju fiksne dužine 100x40 piksela. Kada ste namestili bilo gde na
slici naravite ovu selekciju.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 3
Sada popunite selekciju sa linearnin gradijentom (linear gradient) koristeći boje #68ad40 i #4c8c2c.

[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]
Korak 4
Naredni korak je da dodamo par efekata na ovo dugme koristeći (layer styles)
Layer > Layer Styles > Inner Glow.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Layer > Layer Styles > Gradient Overlay.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Layer > Layer Styles > Stroke. Boja koja se ovde koristi je #427a25.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Slika bi sada trebala da izgleda ovako. Već se vidi čemu težimo.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 5
Sada
ćemo dodati dugmetu efekat tamnijih i svetlijih delova, da bi dugme
dobilo neku teksturu. Uzmite “burn tool” iz toolbox-a i izabedite meki
45-o pikselni braš (soft 45 pixel brush). Za ovu alatku podesite Range:
Highlights i Exposure: 30%. Kliknite nekoliko puta po ivicama ovog
dugmeta da dobijete efekat kao na slici.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 6
Sada
izaberite “dodge tool”, sa osobinama 14 piskela soft brush, Range:
highlights i Exposure:10%. Sada kliknite na donji deo dugmeta da
dobijete efekat odsjaja.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 7
Dugme je sređeno, tako da ga pomerite u stranu i napravite duplikate ovih lejera da napravite korisnički meni.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 8
Kreirajte
novi lejer i napravite selekciju ispod navigacije, 40 piksela visoko i
popunite ga sa linearnim gradijentom iz boje #cacaca u transparentnu
koristeći “gradient tool”
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 9
Sada
izaberite opciju Go Edit > Transform > Perspective i napravite da
se ovaj gradijent širi (povucite jedan od donjih uglova izvan selekcije
kod držite dugme “ctrl” pritisnuto). Kada završite sa podešavanjima,
pritisnite enter da bi sačuvali promenu. Ako negde pogrešite, uvek
možete da kliknere “esc” dugme i kao da niste ništa dirali u poslednjem
koraku.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 10
Smanjite opacity ovog lejera na 10%
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

Korak 11
I na kraju dodajte neki tekst na ove dugmiće koristeći “text tool”. Ovde je korišćena Tahoma, Regular, 15pt, Smooth, #ffffff.
[You must be registered and logged in to see this link.]



[You must be registered and logged in to see this image.]

IZVOR:tutorijali.rs

Nazad na vrh  Poruka [Strana 1 od 1]

Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu

  •  

Elitni partneri

Free forum | Informatika i Internet | Computers | ©phpBB | Besplatan Forum međusobnog pomaganja | Signalizirajte zloupotrebu | Latest discussions