Webová tlačítka
01.06.2008Komentáře (3) Kategorie: Adobe Photoshop » Webdesign

1. Vytvoříme si nový dokument " 600×80 px", hned si vytvoříme novou vrstvu a k zaškrtnutí použijeme Obdélníkový výběr podle obrázku.

2. Dáme volby prolnutí " Blending Options " a nastavíme podle obrázků.



výsledek:

3. Pokračujeme. Vytvoříme si novou vrstvu, použijte stejný nástroj jak u bodu č.1 a zaškrknem podle obrázku.

a nastavíme barvu #444444:

4. Znovu vytvoříme novou vrstvu, zaškrkneme podle obrázku a vyplníme černou barvou

5. Na stejné vrstve uděláme následující krok. Zaškrtneme podle obrázku a vyplníme barvou #181818

výsledek:

6. Tak a jdeme na tlačítka. Vytvoříme si novou vrstvu, dáme Obdélníkový výběr, zaškrkneme a vyplníme barvou tak, jak je to na obrázku.

Dáme volby prolnutí " Blending Option " a vyplníme podle obrázků.









 

výsledek:

7. Vytvoříme si novou vrstvu a přidáme nějaké detaily, já jsem si to upravil takto :

výsledek:

8. Zduplikujeme si to, naskládáme vedle sebe a vyjde vám tohle:

9. Vytvoříme si novou vrstvu a perem nebo tužkou uděláme barevnou čárku pod tlačítkem jak, jak je to na obrázku.

10. Doplníme text a máme hotovo.

PSD soubor ke stažení: http://data.tutorialy.com/…/tla/PSD.psd



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

Hodnocení: 9.0/10 (44 hlasováno)

Komentáře (3)
od: wayet 04-06-2008 13:52:06
řekl bych, že máš vcelku pěkný vkus... mě se to zatím líbí8-)

od: ToTo 04-06-2008 16:14:55
To jsem rád , protože jsem si přichystal ještě 2 tuty ;-) a když spojíte všechny tyto tutoriály tak vznikne cely web :)

od: mirek15181 10-06-2008 13:55:43
Supr,těšim se na další :)

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