Menu
17.02.2008Komentáře (3) Kategorie: Adobe Photoshop » Webdesign

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>Preferen­ces>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 :

PSD zdroj



Autor článku: ZiZi | Vytisknout článek | Odeslat e-mailem

Hodnocení: 7.2/10 (69 hlasováno)

Komentáře (3)
od: tmandok 09-03-2008 21:34:48
hezky popsáno, gw zizi :-D

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

  Neregistrovaní uživatelé nemohou přidávat komentáře k článkům.