Jak přidat obkreslovací obrázek na stránku v Dreamweaveru

Funkce Tracing Image v Dreamweaveru je oblíbená zejména mezi návrháři. Tento koncept, který sahá až do nejranějších dnů designu, vám umožňuje používat grafiku jako vodítko pro návrhy stránek, podobně jako byste mohli kopírovat karikaturu přes tenký průhledný papír.

Funkce Tracing Image je ideální pro lidi, kteří rádi nejprve vytvoří návrh v programu, jako je Photoshop nebo Fireworks, a poté podle něj vymodelují svou webovou stránku. Pomocí funkce Tracing Image můžete na pozadí jakékoli stránky Dreamweaveru vložit jakýkoli obrázek připravený pro web.

Pak můžete polohovat

tagy nebo vložení tabulek nebo jiných prvků na obkreslovací obraz, což usnadňuje opětovné vytvoření návrhu v Dreamweaveru. Obrázky JPG, GIF nebo PNG můžete použít jako obkreslovací obrázky a můžete je vytvořit v jakékoli grafické aplikaci, která tyto formáty podporuje.

Přestože se obkreslovací obrázek zobrazuje na pozadí stránky, nenahrazuje obrázek na pozadí a nezobrazí se v prohlížeči.

Chcete-li na stránku přidat trasovací obrázek, postupujte takto:

Vytvořte novou stránku nebo otevřete existující stránku v Dreamweaveru.

Vyberte Zobrazit → Obkreslit obrázek → Načíst.

Otevře se dialogové okno Vybrat zdroj obrázku.

Vyberte obrázek, který chcete použít jako obkreslovací obrázek, a klikněte na OK.

Otevře se dialogové okno Vlastnosti stránky s vybranou kategorií Obtahovací obrázek.

Jak přidat obkreslovací obrázek na stránku v Dreamweaveru

Kredit: Foto istockphoto.com

Klepnutím na tlačítko Procházet vyhledejte obrázek, který chcete použít jako obkreslovací obrázek.

Zobrazí se dialogové okno Vybrat zdroj obrázku.

Klikněte na obrázek, ze kterého chcete trasovat, a poté klikněte na Použít pro náhled, jak obrázek vypadá za stránkou.

Nastavte krytí pro obkreslovací obrázek pomocí posuvníku Průhlednost.

Snížení úrovně průhlednosti způsobí, že se obkreslovací obrázek bude jevit vybledlý, což usnadňuje rozlišení mezi obrázkem a obsahem na stránce. Úroveň průhlednosti můžete nastavit tak, aby vyhovovala vašim preferencím, ale někde kolem 50 procent funguje dobře u většiny obrázků.

Klepněte na tlačítko OK.

Obrázkový obrázek se zobrazí v okně Dokument a dialogové okno se zavře.

S funkcí Tracing Image máte několik dalších možností. Chcete-li zobrazit následující možnosti, vyberte Zobrazit → Obrázkový obrázek:

  • Zobrazit: Skryje trasovací obrázek, pokud chcete zkontrolovat svou práci bez obrázku, ale nechcete jej odstranit.

  • Zarovnat s výběrem: Umožňuje automaticky zarovnat obkreslovací obrázek s vybraným prvkem na stránce.

  • Upravit polohu: Umožňuje používat klávesy se šipkami nebo zadat souřadnice X, Y k ovládání polohy obkreslovacího obrázku za stránkou.

  • Reset Position: Resetuje obkreslovací obraz na 0, 0 na souřadnicích X, Y.

  • Načíst: Umožňuje přidat nebo nahradit trasovací obrázek.

Jakmile je obkreslovací obrázek na svém místě, můžete jej použít jako vodítko při navrhování stránky. Protože je obkreslovací obrázek za stránkou, nebude překážet vaší návrhářské práci a přes obkreslovací obrázek můžete přidat jakékoli prvky, které byste mohli přidat na jakoukoli jinou webovou stránku. Použijte obkreslovací obrázek jako referenci pro vložení a umístění

tagy, obrázky a další prvky.

Leave a Comment

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.