Photoshop - Návrh webových stránek

Napsal O webu (») 7. 3. 2007 v kategorii Grafika, CSS, přečteno: 4728×

Grafické nástroje a funkce ve Photoshopu a ImageReady zjednodušují většinu úloh při návrhu webu.

Návrh stránky


V ImageReady zjednodušují návrh stránky přednastavené velikosti dokumentu pro stránky a reklamní proužky, mřížky, vodítka a automatická vodítka. Ve Photoshopu i v ImageReady můžete přidávat do návrhu obsah pomocí nástrojů pro text, kreslení a malování. V ImageReady můžete uspořádat a zarovnat obsah pomocí vrstev, sad vrstev a seskupených vrstev. Chcete-li experimentovat s různými kompozicemi stránky, nebo exportovat varianty stránky, použijte paletu Kompozice vrstev.

Řezy


Když máte kompozici stránky připravenou pro výstup na web, Photoshop i ImageReady umožňují nástrojem řez rozdělit návrh stránky nebo složité grafiky na jednotlivé oblasti a nezávisle pro ně určit nastavení komprese (a dosáhnout menších velikostí souborů).

Rollovery


V ImageReady můžete použít paletu Webový obsah ke sledování řezů a jejich stavů rolloverů. Můžete například vytvořit tlačítko pro webovou stránku, které se rozzáří, kdykoliv přes něj uživatel přejede kurzorem, a můžete ovládat stavy tlačítka a jeho aktivity v těchto stavech.

Animace


Jednoduchou webovou animaci můžete vytvořit ve Photoshopu i ImageReady pomocí palety Animace. Tuto paletu můžete použít, pokud chcete určit vzhled animace snímek po snímku. Ve Photoshopu můžete animaci exportovat jako animovaný GIF a v ImageReady jako animovaný GIF nebo soubor SWF. V ImageReady můžete animace vytvořit společně se sadami řezů, vloženými tabulkami, tabulkami se šířkou nastavenou v procentech a se vzdálenými rollovery které při umístění myši nad obraz změní jiný obraz.

Export a optimalizace obrazu


Když máte připravenou stránku nebo grafiku pro konečný export, můžete v dialogovém okně Uložit pro Web ve Photoshopu a v paletě Optimalizace v ImageReady přesně určit, jak se má stránka nebo grafika exportovat.

Poznámka: Náhled většiny webových efektů můžete zobrazit přímo ve Photoshopu nebo v ImageReady. Ale vzhled obrazu na Webu závisí na operačním systému, systému barevného zobrazení a prohlížeči, který se k zobrazení obrazu použije. Prohlédněte si náhled obrazů a stránek v různých prohlížečích, v různých operačních systémech a s různou barevnou bitovou hloubkou.

Příprava v Adobe GoLive


Soubory Photoshopu a ImageReady můžete otevřít přímo v Adobe GoLive. Řezy, URL a další webové vlastnosti v souborech Photoshopu jsou přístupné i v GoLive, kde je lze spravovat a upravovat.

Autor: Lord-Diablo
Facebook Twitter Topčlánky.cz Linkuj.cz

Komentáře

Článek ještě nebyl okomentován.


Nový komentář

Téma:
Jméno:
Notif. e-mail *:
Komentář:
  [b] [obr]
Odpovězte prosím číslicemi: Součet čísel devět a dvě