Při navrhování webů se často používají trojrozměrné navigační prvky. Tato tlačítka lze vytvořit v grafickém editoru Photoshop, simulujícím hlasitost pomocí stínů a přechodové výplně.
Nezbytné
Photoshop program
Instrukce
Krok 1
Vytvořte nový dokument v grafickém editoru pomocí možnosti Nový z nabídky Soubor. Vyberte velikost nového dokumentu tak, aby odpovídala tlačítku, a zprůhledněte pozadí.
Krok 2
Aktivujte nástroj Zaoblený obdélník. Pokud chcete mírně zaoblené tlačítko, na panelu Možnosti nástroje nastavte Poloměr na jeden milimetr. Nakreslete zaoblený obdélník pomocí vybraného nástroje. Výsledný tvar bude základem pro tlačítko.
Krok 3
Klikněte pravým tlačítkem na vrstvu a vyberte možnost Rastrovat vrstvu. Načtěte výběr pomocí možnosti Načíst výběr z nabídky Vybrat.
Krok 4
Pomocí nástroje Přechod vyplňte tlačítko dvoubarevným přechodem a vyberte vhodnou kombinaci barev z předvoleb v paletě přechodů. Styl přechodu by měl být lineární, vyberte jej kliknutím na tlačítko Lineární přechod v hlavní nabídce. Horní část tlačítka po naplnění by měla být světlejší než spodní.
Krok 5
Použijte styl na vrstvu. K tomu použijte možnost Možnosti prolnutí z místní nabídky. Vyberte kartu Vržený stín a pro parametr Úhel zadejte hodnotu sto dvacet stupňů. Nastavte parametr Velikost na tři pixely.
Krok 6
Na kartě Vnitřní stín nastavte stejnou hodnotu pro parametr Úhel a pro Velikost nastavte hodnotu na pět pixelů. Aplikujte styl stisknutím klávesy Enter.
Krok 7
Vytvořte stín pro tlačítko. Chcete-li to provést, klikněte na tlačítko Vytvořit novou vrstvu a vyplňte vybranou oblast nové vrstvy černě. Vyberte k tomu nástroj Paint Bucket Tool. Zrušit výběr pomocí Ctrl + D.
Krok 8
Aplikujte filtr Gaussian Blur ze skupiny Blur v nabídce Filter na černý obdélník. Poloměr nastavte na čtyři pixely. Přetáhněte stínovou vrstvu pod vrstvu tlačítek a zvyšte stín o tři až čtyři pixely nahoru. Chcete-li to provést, aktivujte nástroj Přesunout a pomocí kurzorových tlačítek přesuňte stín. Snižte krytí této vrstvy na šedesát procent.
Krok 9
Vytvořte aktivní vrstvu pomocí tlačítka a načtěte z ní výběr. Snižte výběr o dva pixely pomocí možnosti Smlouva ze skupiny Upravit v nabídce Výběr.
Krok 10
Vytvořte novou vrstvu a vyplňte výsledný výběr lineárním přechodem od bílé po průhlednou, aby byla bílá část ve spodní části tlačítka. Zrušte výběr. Pomocí možnosti Volná transformace z nabídky Úpravy zmenšete oblast pokrytou přechodem svisle. Použijte transformaci pomocí klávesy Enter.
Krok 11
Změňte režim prolnutí přechodové vrstvy na Překrytí. Toho lze dosáhnout výběrem režimu z rozevíracího seznamu na levé straně palety Styly. Snižte krytí vrstvy na šedesát procent.
Krok 12
Pomocí nástroje Horizontální typ napište text, který by měl být na tlačítku.
Krok 13
Shromážděte všechny vrstvy do složky pomocí možnosti Seskupit vrstvy v nabídce Vrstvy a vyberte je a současně podržte klávesu Ctrl. Uložte tlačítko do souboru psd pomocí možnosti Uložit z nabídky Soubor.
