Jak vytvořit přechody v aplikaci Photoshop CS3

Rollovers přinášejí interaktivitu do návrhů firemních webových stránek tím, že změní vzhled části webové stránky, když se na ně objeví nebo klikne na ně polohovací zařízení návštěvníka. Při vytváření grafiky webových stránek pro vlastní nebo klientské stránky vám Adobe Photoshop CS3 umožňuje nastavit obrázky, které podporují funkce rolloveru, a ukládat je jako jednotlivé soubory. Jakmile tyto grafiky vytvoříte, můžete použít svou oblíbenou aplikaci pro návrh webových stránek, abyste vytvořili kód, který podporuje jejich funkčnost.

1.

Stisknutím tlačítka "Crtl-N" otevřete dialogové okno Nový. Vytvořte dokument formátu Adobe Photoshop v režimu RGB rychlostí 72 bodů na palec a obsah pozadí nastavený tak, aby byl průhledný. Velikost souboru nastavte tak, aby odpovídal rozměru rolloverů, které chcete v něm vytvořit.

2.

Vytvořte vzhled základního stavu vašeho obrazu převrácení. Použijte obrazové a tvarové vrstvy, přechody, typ a další nástroje aplikace Photoshop.

3.

Otevřete menu "Window" a zvolte "Layer Comps", abyste odhalili panel Layer Comps. Otevřete rozbalovací nabídku v pravém horním rohu panelu a zvolte možnost "Nová kompozice vrstev". Naznačte složku podle stavu převrácení, který představuje. Aktivujte zaškrtávací políčka "Aplikovat na vrstvy" pro viditelnost, polohu a vzhled, aby vaše vrstva comp odrážela stav všech tří těchto atributů.

4.

Přidejte styly vrstev, další vrstvy nebo jiné zdroje, abyste vytvořili vzhled vašeho přechodu myší nebo jiného stavu převrácení. Můžete také vypnout viditelnost existujících vrstev nebo stylů vrstev v panelu Vrstvy a vytvořit tak alternativní stav. Když dosáhnete požadovaného výsledku, přidejte do panelu vrstvy Comp další stav a aktivujte volbu "Aplikovat na vrstvy". Pokračujte ve vytváření vzhledu a přidávání kompilátorů, dokud nevytvoříte tolik stahů převrácení, jak vyžaduje návrh vašeho webu.

5.

Klikněte na neoznačenou ikonu "Apply Layer Comp" pro první přetahování, které jste vytvořili. Photoshop změní stav vaší kompozice tak, aby zobrazoval kombinaci vizuálních vrstev a efektů, které jste vytvořili pro tento přechod. Otevřete nabídku Soubor a zvolte "Uložit pro web a zařízení" a otevřete dialogové okno se stejným názvem.

6.

Vyberte nebo přizpůsobte přednastavení souboru a vyberte formát GIF, JPEG nebo PNG pro váš počáteční stav převrácení. Každý typ souboru se hodí pro různé typy předmětů. GIF se obvykle přizpůsobuje grafice víc než fotografiím vzhledem k úzkému rozsahu barev, které podporuje. JPEG může produkovat velmi malé soubory, ale vysoké úrovně komprese přinášejí zkreslení obrazu. PNG vytváří kompresi bez ztráty bez snížení barev. Pomocí záložky 2 a 4 v horní části náhledu obrázku v okně "Uložit pro web a zařízení" můžete porovnat původní umělecké dílo s různými formáty souborů nebo možností na úrovni kvality. Klikněte na náhled, který představuje kombinaci možností, které chcete použít ve výstupním souboru.

7.

Klepnutím na tlačítko "Uložit" vyvoláte dialogové okno "Uložit optimalizované jako". Nastavte název souboru tak, aby kombinoval základní identifikátor samotného tlačítka převrácení s kvalifikátorem označujícím stav převrácení. Například pokud se vaše přetáčení vztahuje na tlačítko galerie a váš stav převrácení představuje "klikněte", pojmenujte soubor "Kliknutím na Galerie" a přidejte k němu příponu. Vzhledem k tomu, že aplikace Adobe Photoshop nemůže uložit kód HTML pro převrácení, nastavte rozbalovací nabídku Formát na "Pouze obrázky", takže program ukládá pouze obrázek převrácení. Vyberte umístění, ve kterém chcete soubor uložit a kliknutím na tlačítko "Uložit" jej vytvořte.

8.

Klikněte na neoznačenou ikonu "Použít vrstvu Comp" pro druhý stav převrácení, který jste vytvořili. Vraťte se do dialogového okna "Uložit pro web a zařízení" a vytvořte jej. Tento proces opakujte pro každý další stav převrácení, který jste vytvořili.

Tipy

  • Inteligentní filtry se musí vztahovat na všechny kompozice vrstev v jednotlivých obrázkových souborech.
  • Pokud otevřete nabídku Soubor, vyhledejte jeho podnabídku "Skripty" a vyberte nabídku "Vrstvy do souborů". Můžete exportovat všechny kompozice jako soubory JPEG v jednom kroku, nikoli však jako soubory GIF nebo PNG. Tato funkce také podporuje soubory PSD, TIFF, PDF, BMP a Targa, ale tyto typy souborů nelze použít pro online grafiku.
  • Kompozici vrstev můžete uložit do souboru, pokud jej uložíte ve formátu Photoshop PSD.

Varování

  • Adobe Photoshop CS3 již neobsahuje samostatný program ImageReady dodávaný s předchozími verzemi Photoshopu. Ve službě ImageReady můžete vytvářet a označovat převrácení pomocí řezů a exportovat rollovery v jednom kroku.
 

Zanechte Svůj Komentář