Menu
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 :
