ProdavnicaTutorijaliPortfolioPomoćResursi

Niste konektovani. Konektujte se i registrujte se

Napravite navigacije za vas sajt!

Pogledaj prethodnu temu Pogledaj sledeću temu Ići dole  Poruka [Strana 1 od 1]

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

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.
Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



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

Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



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

Layer > Layer Styles > Gradient Overlay.
Enlarge this imageReduce this image
Click to see fullsize



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

Layer > Layer Styles > Stroke. Boja koja se ovde koristi je #427a25.
Enlarge this imageReduce this image
Click to see fullsize



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

Slika bi sada trebala da izgleda ovako. Već se vidi čemu težimo.
Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



[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”
Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



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

Korak 10
Smanjite opacity ovog lejera na 10%
Enlarge this imageReduce this image
Click to see fullsize



[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.
Enlarge this imageReduce this image
Click to see fullsize



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

IZVOR:tutorijali.rs

Pogledaj prethodnu temu Pogledaj sledeću temu Nazad na vrh  Poruka [Strana 1 od 1]

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

  •  

Elitni partneri

Forumotion.com | © PunBB | Besplatan Forum međusobnog pomaganja | Kontakt | Signalizirajte zloupotrebu | Napravi blog