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.
Cheat Sheet Dreamweaver CS6 pro LuckyTemplates
Pokud s webovým designem teprve začínáte nebo vytváříte HTML stránky již léta, Adobe Dreamweaver CS6 je ideálním nástrojem pro tvorbu vašeho webu. Ve verzi CS6 najdete novou uvítací obrazovku a podporu nejnovějších verzí kaskádových stylů (CSS3) a HTML5. Dreamweaver je oblíbený program mezi profesionálními webdesignéry i lidmi, kteří chtějí vytvářet stránky pro své koníčky, kluby, rodiny a malé firmy.
Úvodní obrazovka Adobe Dreamweaver CS6
Snadno použitelné grafické rozhraní a výkonný seznam funkcí z Dreamweaveru z něj činí oblíbenou volbu mezi profesionálními webdesignéry i nadšenci. S každou novou verzí nabízí Dreamweaver CS6 nové funkce, ale stále najdete známou uvítací obrazovku, která vám pomůže začít.
Dreamweaver CS6: Přidání stínů textu pomocí CSS3
V aplikaci Dreamweaver CS6 můžete vylepšit své návrhy a dát svým stránkám větší hloubku přidáním stínů textu pomocí pravidel CSS3, nejnovější webové technologie. Přidání stínů textu usnadní čtení vašich slov, zejména pokud má váš návrh složité pozadí nebo pokud barvy pozadí a textu postrádají kontrast.
Kredit: Paul Gual, istockphoto.com
Dreamweaver CS6 zahrnuje podporu pro stíny textu CSS3, když použijete panel Vlastnosti na panelu Styly CSS. Můžete vytvořit styly třídy nebo ID se stíny textu a můžete přidat stíny textu do existujících prvků HTML definováním stylu tagu, jako je styl nadpisu 1 použitý v obrázku.
Kód CSS3, který vytváří tento stín textu, je
h1 {text-shadow: 2px 2px 3px #000;}
Čísla v kódu určují, že stín textu by měl sahat 2 pixely doprava a 2 pixely pod text s rozostřením o 3 pixely. Navíc je stín vytvořen černou barvou, specifikovanou zkráceným hexadecimálním kódem barvy #000.
Při vytváření pravidel pro stíny textu můžete zadat až čtyři hodnoty:
-
Horizontální a vertikální: První dvě číselné hodnoty jsou povinné a určují horizontální a vertikální odsazení – vzdálenost, o kterou vržený stín přesahuje pod text (horizontální) a napravo od textu (vertikálně).
-
Poloměr rozostření: Třetí hodnota určuje míru rozostření ve stínu. Pokud nezahrnete poloměr rozostření, výchozí je 0, díky čemuž se stín zobrazí jako plná barva.
-
Barva: Čtvrtá hodnota určuje barvu stínu a lze ji definovat pomocí hexadecimálního kódu barvy nebo kódu barvy RGBa.
Stín textu můžete přidat pomocí panelu Vlastnosti v dolní části panelu Styly CSS, jak je znázorněno na obrázku. Chcete-li tak učinit, postupujte takto:
Klikněte na odkaz Přidat vlastnost na levé straně podokna Vlastnosti stylů CSS.
Zadejte název pravidla stylu CSS3, stín textu nebo vyberte pravidlo stylu z rozevíracího seznamu.
Po zobrazení názvu na levé straně se na pravé straně objeví malá šipka.
Klepnutím vyberte šipku napravo od stínu textu.
Objeví se rámeček.
Zadejte odsazení X a Y, poloměr rozostření a barvu.
Webové stránky a zdroje pro webové designéry
Zkušení weboví designéři – ať už používají Adobe Dreamweaver nebo jiný webový designový software – často odkazují na online zdroje, aby udrželi krok se svými dovednostmi a přidali na své weby speciální funkce. Tento seznam vám usnadní vyhledání některých webových stránek a online zdrojů, které vám mohou pomoci s vašimi projekty webdesignu.
-
Audio a video hostingové služby:
-
Blogování a CMS programy
-
Služby sdílení sociálních médií
-
Služby hlášení provozu:
-
Oblíbené webové prohlížeče:
-
Testovací služby webového prohlížeče:
-
Browser Sandbox od Spoon (dříve Xenocode)
-
Zdroje pro Dreamweaver, CSS a web design:
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ář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
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
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
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
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
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
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
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.