1.) Samozřejmě si vytvořte nový soubor : 400×50
pixelů, s pozadím.
2.) Pozadí vyplňte (ctrl+delete) barvou #C0C0C0
3.) Nástrojem zaoblený obdélník, kterému nastavte poloměr
50px, udělejte tvar který vidíte na obrázku :

4.) Na obdélník aplikujte :
Úkos a reliéf

Přechod

A takle by to mělo dopadnout

5.) Vytvořte vzorek (pattern) velký 32×32px :

6.) Vytvořte novou vrstvu, vyberte si tu první vrstvu třeba
pomocí hůlky a dejte nástroj barva (paint bucket tool). Tam změňte z barvy
na vzorek a vyberte ten nový. Vybarvěte. Obarvěte na bílo a opacity (
viditelnost ) dejte na 11%. Umažte nad úkosem :

7.) Na další vrstvu bude zapotřebí zapnout mřížku (
View>Show>Grid ). Tu nastavte aby byla po 50px a ještě se dělila na 3×
( Edit>Preferences>Guides,Grid & Slices ). Tak a teď do nové
vrstvy takle nakreslete pomocí tužky čárky 1px #B6B6B6:

8.) Napište odkazy. Použité písmo se jmenuje Geo Sans,
hledejte na DaFont.com. Velikost písma je 10pt a barva #B6B6B6. Text odkazu je
libovolný.

9.) A nakonec si uděláme hover. Odkaz posuňte o 1px
doprava a o 1px nahoru. Pak na něj aplikujte vržený stín (drop shadow) :

A výsledek :
Menu
Autor článku: ZiZi | Vytisknout článek | Odeslat e-mailem
Komentáře (3)
od: tmandok
09-03-2008 21:34:48
hezky popsáno, gw zizi
od: ZiZi
10-03-2008 07:23:11
děkuji
od: Maros
24-07-2008 13:10:34
cf, jsem celkem začátečník, pls jak mám vytvořit ten vzorek u bodu 5? Kdyžtak se mi pls ozvi na ICQ 249-634-264, díky
Hlavní menu
Kategorie
Přihlásit
Anketa
Podporujeme