Plastické tlačítko jednoduše - Grafika.cz - vše o počítačové grafice

Fotosoutěže
Fotogalerie
Rubriky
Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:

Nabídka práce
Poptávka práce


Photoshop

Plastické tlačítko jednoduše

14. září 1999, 00.00 | Chcete vědět, jak udělat ve Photoshopu efektní tlačítka pro vaše webové stránky, jak jim dát jednotný design a další.... Přečtěte si tento jednoduchý návod.

Na téměř každé webovské stránce najdete tlačítka s odkazy na související stránky. Dávají stránkám jednotný design a tvoří jedny z nejdůležitějších grafických prvků na stránce. Jak udělat ve Photoshopu jednoduše (tj. bez kanálů, masek apod.) plastická tlačítka se dozvíte v následujícím jednoduchém tipu.

Tvar tlačítka je zcela libovolný, záleží jen na tom, jaký tvar pomocí selekce vytvoříte. Začněme tedy:

  1. Vytvoříme obrázek velikosti cca 140x60 bodů.
  2. Barvu popředí nastavíme jako černou, nástrojem Plechovka vyplníme celou plochu obrázku.
  3. Barvu popředí nastavíme na bílou, vytvoříme selekci požadovaného tvaru (čtverec, obdélník, ovál či kombinací selekcí složitější tvar:
    Vytvoříme první selekci, pak stiskneme a držíme shift a začneme tvořit další selekci - i jiného tvaru. Původní selekce zůstane zachována, event. se s tvořenou prolne.)
  4. Selekci vyplníme nástrojem Plechovka (klikneme uvnitř selekce).
  5. Zrušíme selekci.
  6. Vybereme Filtr => Rozostření => Gaussovské…, poloměr 4 body
    po rozostření
  7. Nastavíme požadovanou barvu pozadí (taková bude barva tlačítka), nastavíme barvu popředí (takové bude okolí tlačítka).
  8. Vybereme Filtr => Skica => Sádra
    - vyvážení obrazu: 30, vybereme pozici světla.
    prázdnés nápisem

Teď už máme tlačítko, stačí doplnit text vhodnou velikostí.
Nejspíše budete chtít vytvořit více tlačítek se stejnou barvou a tvarem ale jiným popisem. Vytvořte tedy první popisek (umístí se do nové textové vrstvy), umístěte jej jak potřebujete. Další popisky umístíte již podle prvního, když si zobrazíte současně vrstvy s prvním a právě vytvořeným nápisem a posunete tak, aby byly v zákrytu. Soubor s novým tlačítkem uložte. Zachovejte vždy vrstvu s prvním nápisem tlačítka. Po uložení můžete vrstvu s novým nápisem smazat (ikonka koše na plovoucím panelu Vrstvy) a vytvořit nový nápis…

Komu to nestačí…

Akce

Pokud máte již tlačítka vytvořena a chcete k nim vytvořit trochu odlišné duplikáty (barevně se lišící) pro efekt vysvěcování po ukázání na tlačítko (onMouseOver) je postup následující:
po změně odstínuPředpokladem je, že ve všech souborech s tlačítky máte stejný systém ve vrstvách (pořadí, zobrazené vrstvy). Vyberte vrstvu s vlastním tlačítkem. V paletce Akce (Okna => Akce) stiskněte dole ikonku "Vytvořit novou akci" (viz obr.), nazvěte ji, stiskněte OK - nyní se nahrává to, co provedete.
Vyberte Obraz Přizpůsobit Odstín a sytost. Posuňte jezdcem v "H-Odstín" event. dalšími dvěma a nastavte tak změnu barvy tlačítka. Jak vidíte, změny se týkají jen vybrané vrstvy. Stiskněte OK. Na paletce Akce stiskněte ikonku "Konec nahrávání". Nyní nahrajte všechny soubory, na které chcete aplikovat tuto akci (makro), do nově vytvořeného adresáře. Vytvořte další nový adresář (kam mají být uloženy upravené soubory). Na paletce Akce stiskněte šipku vpravo (vpravo nahoře), z menu vyberte Dávka. V rámečku "Zdroj" a "Cíl" vyberte z rolet. menu "Složka" a vyberte zdrojovou (pův. tlačítka) a cílovou (upravená tlačítka). V "Akce" vyberte vámi právě vytvořenou akci. Stiskněte OK, Photoshop spustí dávku a po chvíli byste měli najít ve složce "Cíl" soubory zpracované akcí.
POZOR: V cestě k adresáři/složce vč. názvu složek (pro "Zdroj" a "Cíl") nesmí být nic s diakritikou - Photoshop to nesnáší a prostě dávku nevykoná.

Přeji mnoho úspěchů při "tlačítkování"…

Tématické zařazení:

 » Rubriky  » Webdesign  

 » Rubriky  » Photoshop  

Poslat článek Diskuse (0) Tisk Přečteno: 847x

www.grafika.cz/rubriky/photoshop/plasticke-tlacitko-jednoduse-127038cz

 

 

 

Nejčtenější články
Nejlépe hodnocené články
Nabídka bazar
Poptávka bazar

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: