Ako použiť transparentnosť na SVG
Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.
Použite HTML tagy v Edge Animate CC
Používanie značiek HTML pre váš text v projektoch Edge Animate vám môže pomôcť s optimalizáciou pre vyhľadávače (SEO) a analýzou prehliadača, aby ľudia ľahšie našli vašu animáciu online.
V praxi priradenie značiek HTML k písmu sotva ovplyvňuje postavenie vašej animácie (okrem mierneho zlepšenia) vo výsledkoch vyhľadávacieho nástroja. Napriek tomu je dobrou praxou používať správnu značku HTML pre určité typy textu, ako je uvedené v nasledujúcich definíciách.
Väčšinou sa priradením tagu k textu nič viditeľne nezmení; okrem prípadu, keď použijete 'adresa' (čo robí vaše písmo kurzívou). Za osvedčený postup sa považuje používanie značiek HTML na dodržanie štandardov kódovania – a pomáha to aj s prístupnosťou, ako keď niekto používa čítačku obrazovky.
Značky HTML nájdete v hornej časti panela Vlastnosti, keď máte vybraté textové pole. Jednoducho kliknite na šípku rozbaľovacej ponuky blízko div, aby ste otvorili ponuku, ako je znázornené na obrázku.
Priamo napravo od ponuky značiek HTML nájdete ikony Trieda a Akcie.
Priradenie značiek HTML k textu.
K textovým blokom môžete priradiť nasledujúce značky HTML:
-
div : Toto je predvolené nastavenie pre textové polia. V CSS3 definuje sekciu v dokumente.
-
adresa : Text adresy je zvyčajne zobrazený kurzívou, ktorú Edge Animate naformátuje za vás. Túto značku použite na definovanie kontaktných informácií.
-
article : Pomocou značky článku definujte obsah, ktorý môže byť samostatný a ktorý môžete distribuovať oddelene od zvyšku svojho obsahu.
-
blockquote : Túto časť použite na definovanie časti textu, ktorý ste citovali odinakiaľ.
-
p : Toto je štandardná značka používaná na formátovanie odsekov.
-
h1 až h6 : Toto sú štandardné značky hlavičky. Použite h1 pre najvrchnejšiu hlavičku a potom h2 pre nadpisy druhej úrovne atď.
-
pre : Text sa zobrazuje písmom s pevnou šírkou (zvyčajne Courier) a zachováva medzery aj zlomy riadkov.
-
kód : Túto značku použite, ak chcete zobraziť počítačový kód.
Ku každému textovému bloku môžete priradiť jednu značku HTML. Preto možno budete chcieť použiť jeden blok textu pre hlavičky (h1) a ďalší blok textu pre odseky (p). Používanie značiek HTML pre text sa považuje za osvedčený postup pri vývoji webu, pretože
-
Pomáha pri čítačkách obrazovky, ktoré zrakovo postihnutí používajú na „čítanie“ obrazovky. Čítačka obrazovky používa softvér na prevod textu na reč na počuteľné vyjadrenie obsahu.
-
Používanie značiek HTML sa považuje za dobrú všeobecnú prax kódovania.
-
HTML pomáha, aj keď minimálne, so SEO.
Práca s obrázkami v Adobe XD
Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]
Ako upraviť vlastnosti textu v Adobe XD
Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]
Práca s umeleckými plátnami vo Photoshope CC
Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]
Tvary a mnohouholníky v InDesigne
Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]
Zalamovanie textu v aplikácii Adobe Illustrator CC
Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]
Ako zmeniť veľkosť tvarov v aplikácii Illustrator
Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]
Ako vytvoriť QR kódy v InDesign CC
InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]
Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6
Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]
Funkcia Live Paint v Adobe CS5 Illustrator
Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]