Dreamweaver do Fireworks: Úpravy obrázků

Předpokládejme, že máte na své webové stránce logo a váš klient ho najednou chce v jiné barvě. Normálně by to znamenalo spustit jiný program pro úpravu obrázků, vyhledat logo, otevřít ho, upravit, uložit, přepnout zpět do Dreamweaveru a pak znovu importovat logo na stránku. Páni, to je hodně kroků. Použití speciálních integračních funkcí mezi Dreamweaverem a Fireworks však celý proces značně zjednodušuje – několik kliknutí myší může nahradit všechny tyto další časově náročné úkoly.

Následující kroky vám ukážou, jak vybrat obrázek v Dreamweaveru, automaticky jej otevřít ve Fireworks, upravit a aktualizovat obrázek zpět do Dreamweaveru pomocí pouhých několika kliknutí myší.

Chcete-li spustit Fireworks přímo z Dreamweaveru a upravit existující obrázek, postupujte takto:

1. V aplikaci Dreamweaver vyberte obrázek .gif nebo .jpg, který chcete upravit.

2. V Inspektoru vlastností klepněte na tlačítko Upravit.

Zobrazí se dialogové okno Najít zdroj s dotazem, zda chcete upravit existující dokument pro zdroj vybraného souboru.

3. Klepněte na jednu z možností v dialogovém okně Najít zdroj pro úpravy.

Kliknutím na Ano můžete vybrat jiný soubor než je aktuální optimalizovaný soubor obrázku na vaší stránce. Můžete například vybrat verzi PNG optimalizované grafiky (což mohl být původní soubor, ze kterého jste exportovali optimalizovanou webovou verzi grafiky na svou stránku). Kliknutím na Ne se otevře zdrojový soubor, který jste vybrali v Dreamweaveru (skutečný soubor GIF nebo JPEG, který je na stránce propojen).

Pokud klepnete na Ne, spustí se Fireworks s obrázkem GIF nebo JPEG, který jste vybrali. Pokud klepnete na Ano, Fireworks vám umožní vybrat alternativní obraz a spustí se otevřením alternativního obrazu v novém dokumentu. Pokud jste vytvořili původní obrázek ve Fireworks, alternativním obrázkem bude soubor PNG. PNG je nativní formát souboru Fireworks. Pokud jste vytvořili původní obrázek v jiném grafickém programu, například PhotoShop, váš zdrojový soubor je PSD. Fireworks podporuje většinu souborů .PSD vytvořených v aplikaci PhotoShop 6 nebo vyšší.

Vzhledem k tomu, že zdrojový soubor obrázku použitého na vaší webové stránce byl pravděpodobně optimalizován dříve, úprava optimalizovaného obrázku GIF nebo JPEG obvykle neposkytne nejlepší výsledky v kvalitě obrázku poté, co jej upravíte, znovu optimalizujete a znovu exportujete zpět do Dreamweaver. Návrat k původní, předoptimalizované verzi grafiky vám dává možnost začít znovu od začátku. Klepnutím na Ano v dialogovém okně Najít zdroj pro úpravy můžete vybrat jiný soubor z optimalizované zdrojové grafiky. Pokud jste exportovali obrázek ze souboru PNG, můžete místo toho vybrat PNG, upravit verzi souboru ve vyšší kvalitě a exportovat jej, aniž byste utrpěli další degradaci obrázku.

Po kliknutí na Ano nebo Ne se obrazový dokument otevře ve Fireworks.

4. Proveďte úpravy, které potřebujete provést na obrázku ve Fireworks.

V obrazu můžete provádět jakékoli změny nebo úpravy pomocí kteréhokoli z nástrojů ve Fireworks a také pomocí panelu Optimalizace pro změnu nastavení optimalizace pro soubor.

5. Po dokončení úprav obrazu klepněte v okně dokumentu Fireworks na tlačítko Hotovo.

Po kliknutí na tlačítko Hotovo dokument Fireworks zmizí na pozadí a automaticky se zobrazí dokument Dreamweaver. Obrázek se na stránce automaticky aktualizuje a odráží poslední úpravy, aniž by z vaší strany vyžadovala jinou akci než uložení dokumentu.

Po stisknutí tlačítka Hotovo ve Fireworks nelze vrátit zpět žádné změny provedené v obrazových souborech výběrem příkazu Zpět. Změny jsou trvalé.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.