Počítačová grafika Základní pojmy

Rastrový obrázek (fotografie, malba) je složen z jednotlivých bodů různé barvy rastrový obrázek může být: fotografie (Adobe PhotoShop, Zoner Media Photostudio, Corel PhotoPaint), malba (např. Malování ve Windows, Gimp) při zvětšení rastrového obrázku je jasně viditelná bodová struktura malba se maluje – tj. nástroje pro její vytváření jsou štětec, tužka, sprej, guma apod.

Rastrový obrázek (fotografie, malba) Při zvětšení je vidět bodová struktura rastrového obrázku.

Vektorový obrázek (kresba) kresba se skládá z jednotlivých objektů vektorová grafika obsahuje geometrický popis objektů nástroje pro vytváření kresby jsou obdélník, elipsa, úsečka, křivka, text, výplň a obrys vektorové objekty: nejsou tvořeny jednotlivými body, ale křivkami lze je libovolně zvětšovat, zmenšovat, tvarovat, deformovat,..

Vektorový obrázek (kresba)

Rastry a vektory rastrový obrázek vektorový obrázek Při zvětšení je vidět bodová struktura rastrového obrázku, vektorový zůstává stále hladký.

Počet bodů obrázku, rozlišení Rastrový obrázek (fotografie nebo malba) se skládá z barevných bodů. Rozlišení udává počet bodů na jednotku délky jednotka: DPI (dots per inch) – počet bodů na palec 1’’ = cca 2,5 cm obrázek s rozlišením 300 DPI obsahuje na každý palec 300 bodů musí být „přiměřené“: malé rozlišení: zrnitý obrázek velké rozlišení: obrovský soubor S rozlišením roste i velikost souboru s obrázkem. Jeden obrázek 15 x 10 cm s rozlišením 300 DPI a barevnou hloubkou 16,7 mil. barev zabere v paměti počítače 6,5 MB.

Počet bodů obrázku, rozlišení obrázek s rozlišením cca 20 dpi obrázek s rozlišením cca 100 dpi

Barevná hloubka Barevná hloubka určuje počet barev, kterých může nabývat každý bod obrázku barevné fotografie většinou obsahují 16,7 miliónu barev (barevná hloubka 24 bitů na bod) grafické prvky na webu 256 barev (barevná hloubka 8 bitů na bod) obrázky určené pro tisk na černobílé laserové tiskárně můžeme převést do 256 stupňů šedi.

Barevná hloubka (fotografie)

Barevná hloubka (grafické prvky)

Počet bodů obrázku převzorkování obrázku zahrnuje změnu rozlišení změnu rozměrů převzorkováním dochází ke ztrátě kvality velký obrázek můžeme zmenšit (některé body lze vypustit bez ztráty kvality) malý obrázek zvětšovat nelze (program se pokusí některé body dopočítat, což většinou nedopadne dobře)

Počet bodů obrázku

Počet bodů obrázku

Počet bodů obrázku U digitálních fotoaparátů se udává celkový počet bodů snímacího prvku v megapixelech(Mpx). Tedy například 3Mpx fotoaparát má 3 miliony snímacích prvků. Přesná velikost bývá uvedena v návodu k přístroji.

Grafické formáty (GIF) zobrazuje v max. 256 barvách (nebo odstínech šedi) komprimovaný formát s bezztrátovou kompresí jedna z barev může být označena jako průhledná může být animovaný

Grafické formáty (GIF) vytvořit si průhledný a neprůhledný obrázek (GIF) v Corel Draw (exportovat)

Grafické formáty (JPG) JPEG (JPG) používá se pro ukládání fotografií zobrazuje v 16,7 mil. barev komprimovaný formát komprese je ztrátová (kompresní algoritmus některé body vypustí nebo změní) při ukládání volíme kvalitu uložení (čím nižší stupeň komprese, tím kvalitnější obrázek a větší soubor) každým uložením dochází k degradaci kvality neumožňuje dělat průhledné nebo animované obrázky

Modely RGB a CMYK Monitory a tiskárny vytvářejí barvy úplně jinak. Proto je velkým problémem udržet barevnou věrnost, tj. docílit, aby barvy vytištěné fotografie odpovídaly barvám téhož obrázku na obrazovce.

Model RGB Monitory Monitory používají barevné paprsky v režimu RGB - Red, Green, Blue (červená, zelená, modrá) Pokud svítí všechny, je bod bílý, pokud žádný, černý

Model CMYK Tiskárny Tiskárny používají barevné inkousty (obecně pigmenty) v režimu CMYK - Cyan, Magenta, Yellow  (azurová, fialová, žlutá) Pokud se všechny smíchají, je bod černý, pokud netiskne žádný, zůstane papír bílý. Protože je nehospodárné tisknout černé texty soutiskem tří barevných složek, a navíc mícháním barev nevznikne zcela perfektní černá, přidává se do tiskáren barva černá (blacK).

Model CMYK Barevné cartrige do tiskárny Model CMYK

Získávání obrázků Popis metod

Získávání fotografií Hotové obrázky musíme zakoupit, jen výjimečně fotobanky nabízejí ukázky zdarma. Obrázky můžeme najít na internetu a stáhnout (uložit) na disk svého počítače. Snímky můžeme naskenovat nebo vyfotit digitálním fotoaparátem Obrazovku počítače nebo aktivní okno můžeme sejmout do schránky a vložit do rastrového editoru

Zakoupení obrázku Kvalitní snímky můžeme zakoupit na CD nebo získat s nějakým programem či časopisem Při koupi CD s obrázky (i s některým programem) musíme dobře číst autorská práva. Fotobanky: www.isifa.cz   www.allphoto.cz   www.fotobanka.cz   Fotobanky zdarma: www.fotokatalog.cz  

Skenování obrázku Obrázky skenujeme opět prostřednictvím zvoleného rastrového grafického editoru. Tyto programy mají pro skenování funkci Import, Skenovat, Načíst ze skeneru, apod. Obecný postup při skenování

Skenování obrázku Postup skenování v rozhraní skeneru + 3 rady: (konkrétní okno se liší podle skeneru) RGB (True Color je 16,7 mil. barev - vhodné na fotografie) 300 DPI je rozlišení pro tisk ve fotokvalitě na inkoustové tiskárně U tištěných předloh (kromě lesklých fotek u všeho) musíme nastavit odstranění tzv. závoje (moaré).

Skenování obrázku

Odstranění moaré Moaré je závoj přes obrázek, který vzniká tehdy, když skenujeme tištěné předlohy. Skenery snímají body, tiskárny tisknou také jednotlivé body. Někdy dojde k takové situaci, že vzniknou bílá kolečka kolem nasnímaných bodů a obrázek je znehodnocen. Odstranění moaré V ovladači skeneru je dnes vždy volba potlačení moaré, většinou se vybírá kvalita tisku a ovladač si pak s body předlohy správně poradí.

Moaré

Nastavení odstranění moaré

Snímání obrazovky Celou obrazovku sejmeme nakopírujeme) do schránky klávesou Print Screen  Aktivní okno sejmeme (nakopírujeme) do schránky klávesovou kombinací Alt + Print Screen Po sejmutí obrazovky (navenek se nic nestane) se přepneme do rastrového editoru a obrázek ze schránky vložíme.

Digitální fotoaparát Fotografie se ukládají na paměťovou kartu s nastavenou kompresí. Důležitý je počet snímacích prvků (udává se v Mpx), jeho optický ZOOM (stupeň přiblížení) a kvalita kresby, také by nás měla zajímat kapacita paměťové karty. Pro „stažení“ fotografií do počítače se připojí fotoaparát k počítači a (většinou) se objeví jako nový disk. Pro „stažení“ fotografií do počítače můžeme také použít čtečku paměťových karet.

Digitální fotoaparát (schéma práce)

Digitální fotoaparát (schéma práce)

Expozice Při stisknutí spouště fotoaparát vyfotí scénu před objektivem přístroje. Takzvaná uzávěrka na okamžik odkryje snímač, který zaznamená scénu před objektivem. Tomuto záznamu se říká expozice snímku. Přístroj pak sejmutý obraz uloží ve formě počítačového souboru na paměťovou kartu. Snímač musí dostat přesné množství světla, správné množství zajišťuje kombinace clony a času.

Čas a clona Clona a čas společně určují množství světla při expozici. je doba, na kterou závěrka odkryje snímací prvek. tato doba musí být tak dlouhá, aby na snímač dopadlo přiměřené množství světla, ale tak krátká, aby snímek nebyl rozmazaný. čím je delší čas, tím více světla může při expozici dopadnout na snímač ve fotoaparátu a naopak Clona představuje zaclonění, tedy zúžení otvoru objektivu slouží k regulaci množství světla, které dopadá na snímač čím větší clona, tím více uzavřený objektiv a tím méně světla propouští

Clona

Hloubka ostrosti Čím větší clona, tím je větší hloubka ostrosti snímku. Malá hloubka ostrosti znamená, že popředí je ostré, ale předměty za ním jsou více či méně rozmazané. Čím je hloubka ostrosti menší, tím více jsou vzdálenější předměty rozmazané. Velká hloubka ostrosti naopak znamená, že popředí i pozadí je ostré, zřetelné, celý snímek je rovnoměrně ostrý.

Malá hloubka ostrosti

Velká hloubka ostrosti

Základy práce s vektorovou grafikou CorelDRAW Základy práce s vektorovou grafikou

Základní objekty, křivky vektorová kresba se skládá z několika základních objektů hotová vizitka objekty, ze kterých se kresba skládá

Základní objekty, křivky vektorová kresba se skládá z několika základních objektů hotová kresba objekty, ze kterých se kresba skládá

Kreslení objektů, změny velikosti a polohy Nástroje vektorového programu Nakreslené objekty Vezmeme výběrový nástroj, objekt uchopíme a přesuneme na zvolené místo, uchopíme ho za rohy a změníme jeho velikost.

Obrys a výplň Všechny objekty (kromě čar ) mohou mít různý obrys a různou výplň. Čáry mají samozřejmě pouze obrys, navíc také mohou mít různá zakončení (šipky, …). Výběr vlastností Ukázka nastavení

Text U textu nastavujeme vlastnosti známé z textového editoru (písmo, velikost, styl, barvu (obrysu i výplně) a vlastnosti odstavce).

Zarovnání objektů vůči sobě Vybereme dva objekty a necháme je zarovnat vůči sobě tak, jak potřebujeme.

Objekt může být umístěn v popředí nebo v pozadí Řazení objektů Objekt může být umístěn v popředí nebo v pozadí

Seskupení objektů Několik objektů můžeme označit a nechat je seskupit. Od této chvíle s nimi manipulujeme jako s jedním objektem. Jako celek se také zarovnávají vůči jiným objektům. Pokud chceme jeden z objektů změnit, musíme skupinu zrušit, objekty odznačit, jeden objekt vybrat a změnit.

Oříznutí, průnik a sloučení objektů Většinou vybereme objekt, kterým chceme jiný oříznout (sloučit, vytvořit průnik) a zvolíme tuto volbu. Pak klepneme na druhý objekt, se kterým chceme operaci provést. 

Klipárty Klipárty jsou vektorové obrázky dodávané většinou s vektorovými programy. Dají se proto libovolně zvětšovat, zmenšovat i měnit. Bývají většinou volně využitelné, můžeme je tedy bez obav používat ve svých dokumentech. Mají rozdílnou úroveň a tím i využitelnost

Corel PHOTO-PAINT Úpravy fotografií

Prohlížení obrázků Obrázky ve složce si můžeme nechat zobrazit pomocí volby Miniatury.

Prohlížení obrázků Můžeme použít specializovaný program na prohlížení obrázků.

Prohlížení obrázků Lupa sloužící pro oddálení a přiblížení obrázku je obvykle na panelu nástrojů.

Otočení a zrcadlení obrázku Otočení obrázku nejčastěji využijeme při otáčení na výšku komponovaných snímků Zrcadlení obrázku je jeho převrácení vodorovně, případně otočení o 180 stupňů. Pozor na obrázky obsahující text.    Špatně (šikmo) nafocený obrázek srovnáme otočením o libovolný úhel. Někdy je lepší využít více drobných otočení k přesnému srovnání obrázku. Po otočení budeme muset obrázek nejspíš oříznout.

Otočení a zrcadlení obrázku

Oříznutí obrázku Oříznutí obrázku využijeme většinou poté, co otočíme obrázek o libovolný úhel, k odstranění rohů, které vzniknou natočením. Oříznutí je silným nástrojem kompozice obrazu. Umožní odstranit rušivé prvky okolo hlavního motivu.

Oříznutí obrázku

Jas, kontrast a gamma korekce Zvýšení jasu zesvětlí obrázek, pozor ale na zcela bílá tzv. vypálená místa, hlavně u oblohy. Podobně při ubrání jasu pozor na plné černé plochy. Kontrast I zde je třeba hlídat vznik bílých a černých míst. Gamma korekce Gamma korekce umožňují celkové zesvětlení obrázku (gamma nad 1.00) nebo naopak jeho ztmavení (gamma pod 1.00).

Jas, kontrast, gamma korekce a barevné podání obrázku

Odstranění červených očí Červené oči vznikají při fotografování s bleskem (za šera)

Srovnání „padajících“ svislic Padající svislice vznikají vždy, když při fotografování zvedneme (nakloníme) fotoaparát směrem vzhůru. Nejčastěji se to stává při fotografování budov, když se snažíme (zblízka) zachytit celou budovu.

Převzorkování obrázku Změna počtu bodů (převzorkování obrázku) Vybereme z nabídky Obrázek/Převzorkovat Zkontrolujeme zatržení políčka Zachovat poměr stran, jinak dojde k deformaci obrázku. Zkontrolujeme jednotku velikosti a případně vybereme pixely. Vepíšeme novou šířku nebo výšku obrázku, druhý rozměr se dopočítá sám. Pokud budeme potřebovat i původní obrázek, uložíme převzorkovaný obrázek pod jiným jménem (volba Soubor/Uložit jako).

Převzorkování obrázku

Změna barevné hloubky

Doostření a rozostření obrázku Doostření, zaostření a naopak rozostření (rozmazání) jsou filtry. Mají oproti ostatním „uměleckým“ úpravám výjimečné místo, protože se častěji používají pro úpravy obrázků.

Filtry a deformace Filtry umožňují okamžitou efektní změnu obrázku. Je však potřeba je používat opatrně. Původní obrázek je vlevo nahoře.

Filtry a deformace Deformace mění kromě barev také tvar obrázku.

Filtry a deformace Jednoduchá koláž s využitím filtru.

Rámeček okolo obrázku Rámeček kolem obrázku můžeme vytvořit například zvětšením plátna.

Text v obrázku

Retuš (použití razítka) Pravým tlačítkem myši označíme vzhled tlačítka, se stisknutým levým tlačítkem myši nanášíme razítko.

Výběry a koláže Princip koláží U správné koláže by divák na první pohled neměl poznat,že se jedná o koláž. Princip koláží 1. Vymyslíme koláž a připravíme si potřebné obrázky. 2. Vybereme perfektně část obrázku. 3. Výběr zkopírujeme do Schránky. 4. Přepneme se do druhého obrázku. 5. Obsah Schránky do něho vložíme (většinou do nové vrstvy). V obrázku, ve kterém vytváříme koláž, dále pracujeme s jednotlivými vrstvami (objekty), dokud není koláž dokonalá.

Vytvoření výběru Pro vytvoření výběru máme k dispozici několik nástrojů: Nástroj Maska - Magnetická Nástroj Maska – Kouzelná hůlka Nástroj Maska - Obdélník Nástroj Maska – Ruční režim Nástroj Maska - Štětec Nástroj Maska - Elipsa Nástroj Maska - Laso

Vytvoření výběru Jakmile máme výběr, veškeré operace se aplikují pouze na vybranou oblast.

Vytvoření výběru Často je výhodné vybrat pozadí obrázku (bývá jednotnější) a pak provést doplněk (inverzi) výběru.

Úpravy výběru Po vytvoření výběru ho můžeme (měli bychom) dále upravit: Přidávání (odebírání) oblastí k (od) výběru K výběru můžeme přidávat další oblasti (většinou s klávesou Shift), a také od něho oblasti odebírat (s Alt nebo Ctrl). Již víme, že výběr můžeme invertovat (udělat jeho doplněk).  

Úpravy výběru Prolnutí (zaoblení) výběru Prolnutí (zaoblení) je neostrý přechod do pozadí. Využijeme ho třeba k efektnímu přechodu obrázku do ztracena.

Úpravy výběru Zmenšení a zvětšení výběru často využijeme při koláži.   Výběr musí jít (těsně) vnitřkem objektu, jinak po vložení do cílového obrázku bude okolo objektu zřetelný bílý obrys. Často proto použijeme jeho zmenšení (zvětšení) o bod či dva. Ve spojení s malým prolnutím dosáhneme jemně rozostřenou hranu výběru, objekt díky tomu nebude v koláži působit ostře, rušivě.

Vrstvy Vrstvy si můžeme představit jako průhledné fólie, které jsou položeny na sobě. Jejich zásadní výhodou je, že jednotlivé části koláže se neovlivňují, můžeme je upravovat samostatně a případně smazat bez zničení celé práce. Vrstvy můžeme vytvářet, přejmenovávat a mazat. Při vložení obsahu schránky do obrázku se většinou ihned pro něj založí nová vrstva, při vytvoření textu také. Vrstvy navíc mohou mít různé krytí (být průhledné) .

Vrstvy

Vrstvy Vrstvám můžeme nastavovat různé krytí a navíc můžeme volit režim jejich vzájemného působení. Tip: Vrstvy se často používají i na „obyčejné“ operace, např. doostření.  Vrstvu s obrázkem zduplikujeme, v horní vrstvě provedeme doostření a pak snížíme její krytí, aby operace nebyla tak výrazná.

Archivace fotografií Základem úspěšné archivace je pořádek ve struktuře složek, do kterých fotografie ukládáme. Složky je vhodné pojmenovávat a řadit chronologicky

Archivace vypalováním na CD Velikost 1 fotografie ze 4 MPix fotoaparátu ve formátu JPG v nejlepší kvalitě je méně než 2 MB Kapacita CD je 700 MB (min. 350 fotek) Kapacita DVD je 4,7 GB příp. 8,5 GB (min. 2400 příp. 4350 fotek) Většina stolních přehrávačů DVD je schopna zobrazovat fotografie z DVD na obrazovce televizoru Kvalitní značková CD a DVD média mají dobu použitelnosti 50 – 100 let (např. HP, TDK, Philips)

Speciální programy pro archivaci Umožňují přiřazovat složkám i snímkům klíčová slova a podle nich snímky třídit a vyhledávat Snímky lze archivovat na mnoha CD, DVD i dalších médiích, program si tvoří katalog informacích o všech snímcích na všech použitých médiích Dostupné programy pro archivaci: Zoner Photo Studio http://www.zoner.cz Adobe Photoshop Album http://www.adobe.com/products/photoshopalbum/ AlbumSee http://www.photoactions.com/asee/

HTML galerie Tvorba internetových stránek s malými náhledy fotografií i jejich „zvětšeninami“ Tyto galerie lze umístit na internet a tím je zveřejnit ostatním nebo se dají používat jako „fotoalba“ na počítači bez připojení k internetu K prohlížení se používá běžný internetový prohlížeč (Internet Explorer, Mozilla, Opera a spol.) Dostupné programy pro jednoduchou tvorbu HTML- galerií: Zoner Photo Studio http://www.zoner.cz AlbumWeb http://www.photoactions.com/aweb/ XnView http://www.xnview.com/ (freeware)

XnView a IrfanView (pomocníci zadarmo) Kde programy získat XnView - http://www.xnview.com/ IrfanView - http://www.irfanview.com/ Co umí Rychlé náhledy fotografií ve složkách Jednoduché úpravy obrázků Slideshow Dávkové konverze formátů společně s aplikací filtrů Optimalizace Skenování a tisk XnView umí navíc Tvorba HTML alb Tvorba „obrázků s náhledy obrázků“

Export do formátu GIF Grafické prvky můžeme vytvořit ve vektorovém programu a potom exportovat do formátu GIF. Postup při exportu Označíme objekty určené k exportu, při exportu pak vybereme Pouze vybrané. V nabídce Soubor vybereme Exportovat. Určíme typ souboru pro export (GIF). Zadáme velikost výsledného souboru v pixelech, vždy necháváme zatržené volby Vyhladit roztřepení a Zachovat poměr stran. GIF může být i průhledný, v dalším kroku můžeme většinou určit barvu, která má být průhledná (kapátkem ji nabereme).

Animujeme obrázky Pro vytváření animovaných GIFů lze použít některý z mnoha programů na trhu Animation Shop od firmy Jasc http://www.jasc.com/products/animationshop/ Zoner GIF Animator http://www.zoner.cz/gif-animator/ Corel R.A.V.E. http://www.corel.com/

Principy tvorby animací Do jednoho souboru GIF se umístí několik obrázků (snímků), které se budou při prohlížení postupně zobrazovat Každému snímku lze „říci“, jak dlouho má být zobrazen (např. v ms) Celé animaci lze „říci“, kolikrát se má zopakovat (jednou, 5x, do nekonečna…) Soubory s jednotlivými obrázky se dají připravit předem, nebo se přímo malují v programech na animaci, nebo existují „pomocníci“, kteří animaci sami vyrobí (Jasc Animation Shop)

Ukázky animací ve formátu GIF

FLASH a SVG animace Vektorové animace, které jsou tvořeny mnoha objekty, které se mohou objevovat, pohybovat a mizet Tyto animace na webu postupně nahrazují GIF Tvorba animací v placených aplikacích, např. program FLASH od firmy Macromedia Informace o tvorbě FLASH animací: http://www.flash-web.wz.cz/flash/ http://flash.jakpsatweb.cz/index.php

PDF soubory

PDF formát PDF (Portable Document Format) je formát firmy Adobe pro elektronické publikování PDF formát umožňuje výborně zachovat přesný vzhled i složitě formátovaného dokumentu, včetně písem a grafických prvků Umožňuje také zabezpečení dokumentu (heslo pro otevření i tisk). Soubor v PDF formátu můžeme přečíst ve zdarma šířeném prohlížeči Adobe Reader.

Čtení PDF souborů Soubor v PDF formátu můžeme přečíst ve zdarma šířeném prohlížeči Adobe Reader. Nemůžeme ho však lehce upravit (jen z něj zkopírovat text) a odeslat zpět. Hodí se na manuály, návody apod., kde se nepředpokládají jiné operace než čtení dokumentu a jeho tisk. Lehce můžeme: 1. Přecházet mezi stránkami. 2. Měnit zobrazení stránky. 3. Nechat si zobrazit miniatury stránek a případné tvůrcem definované záložky. 4. Označit text. 5. Prohledávat dokument. Samozřejmě můžeme dokument vytisknout na tiskárně.

Čtení PDF souborů

Tvorba PDF souborů Uložit dokument v PDF formátu (tzv. exportovat) umí některé (hlavně grafické) programy přímo (např. Corel, viz. obrázek). Umí to i zdarma šířený kancelářský balík OpenOffice. Existují i(volně šiřitelné) tzv. PDF drivery, které se objeví jako tiskárna při tisku. Místo tiskárny pak vyberete tisk do PDF souboru, zadáte jeho název, a dokument se ve stejném vzhledu, jak by se vytiskl na tiskárně, „vytiskne“ do PDF souboru.

Barvy a kompozice

Barvy 1 bod = 3 bajty = 16,7 mil barev Monitor, skener, fotoaparát míchá barvy v systému RGB R – Red – červená G – Green – zelená B – Blue - modrá Tiskárna míchá barvy v systému CMYK C – Cyan – azurová M – Magenta – purpurová Y – Yellow – žlutá K – blacK - černá

Jak míchá barvy monitor

Jak míchá barvy tiskárna

Míchání barev a barvy doplňkové Míchání dvou základních barev režimu CMYK vznikne základní barvy režimu RGB Barva, která se míchání neúčastní se nazývá doplňková Obecně platí, že doplňková barva je barva na protilehlé straně barevného kruhu

Doplňkové barvy Smícháním purpurové se žlutou vznikne červená barva. K ní je doplňkové ta barva, která se míchání neúčastnila, tj. azurová. Purpurová + azurová = modrá Doplňková barva - žlutá Žlutá + azurová = zelená Doplňková barva - purpurová

Barevný kruh a barva doplňková K červené barvě je doplňková azurová barva, viz. předchozí snímek

Barevný a tonální kontrast Doplňkové barvy mají vůči sobě maximální barevný kontrast, tj. jsou vůči sobě výrazné až „řvavé“ Světlé a tmavé barvy mají vůči sobě tonální kontrast Spojením obou kontrastů dostaneme maximální kontrastní kombinaci barev (např. žlutá a modrá)

Barevný a tonální kontrast Barevný kontrast Tonální kontrast Maximální: barva a její doplněk Maximální: černá a bílá Žlutá a modrá mají jak barevný, tak tonální kontrast

Zásady používání barev Používat barvu pro zlepšení srozumitelnosti sdělení, ne pouze pro ozdobu Barvou lze upoutat pozornost na údaje, které považujete za důležité Nepoužívat příliš mnoho barev na zdůraznění (méně znamená více)

Barevná schémata Při návrhu barevnosti dokument lze využít generátoru barevných schémat na adrese http://wellstyled.com/tools/

Monochromatické schéma Jedna barva v různých stupních sytosti Dokument má jednotný vzhled Např. černobílý, modrobílý apod. Zvolená barva musí být dostatečně tmavá, aby byl text dobře čitelný

Schéma doplňkových barev Na většinu dokumentu použijeme určitou barvu a na prvky, které chceme zvýraznit, použijeme doplňkovou barvu Barvy poutají pozornost, ale je tu nebezpečí barevného nesouladu

Kontrastní barevné schéma Na velké plochy nejbledší (nejméně výrazná) barva, jasné barvy se používají jen na zvýrazňované prvky Dokument působí vyváženě

Dvoubarevný dokument Varianta kontrastního barevného schématu Na dlouhé texty se používá černá barva a jen určité nadpisy (titulky, rámečky) se použije jiná výrazná barva Dokument je výraznější než dokument černobílý a proti plnobarevnému dokumentu je jeho tisk levnější

Harmonické barevné schéma Používá se jedna dominantní barva a maximálně 3 další barvy (používají se v menším rozsahu) Dokument působí klidným, harmonickým dojmem Úspěšné používání tohoto schématu vyžaduje zkušenosti práce s barvou

Psychologické působení barev Modrá – působí chladně, důstojně a solidně Červená – působí teple, v sytých odstínech až vyzývavě, hravě Zelená – uklidňuje, většině lidí je příjemná, nevtíravá Fialová – provokuje, vyrušuje z klidu, upozorňuje na sebe Žlutá – nejteplejší, působí vesele Šedá – neutrální, kombinovatelná s většinou ostatních barev Černá – elegantní, důstojná až smutná Bílá barva (i plocha dokumentu) – důležitá, protože umožňuje ostatním barvám vyniknout

Zásady pro umístění titulků a obrázků na stránce, členění dokumentu Kompozice Zásady pro umístění titulků a obrázků na stránce, členění dokumentu

1. Centrování nadpisů Pokud zarovnáváme několik řádků pod sebou na střed, musí být spodní řádek nejkratší

2. Optický střed Pokud strana obsahuje dominantní prvek (např. název dokumentu), měl by být umístěn v optickém středu, který je mírně nad středem geometrickým

3. Zlatý řez Nejdůležitější nadpisy nebo obrázky by měly být v textu umístěny na tzv. zlatém řezu. To je průsečík linek cca ve 1/3 a 2/3 šířky i výšky stránky

4. Okraje obrázků v lince Pokud je v textu více obrázků, měly by jejich okraje být v lince. Lidské oko automaticky hledá linie a pravidelnost, a pokud budou obrázky rozházené, nebude dokument působit dobře.

5. Pohyby a pohledy dovnitř Pokud je na obrázku pohybující se předmět nebo někam hledící člověk, měl by pohyb (pohled) vždy směřovat dovnitř knihy (stránky).

6. Popisky k obrázkům Popisky se umísťují pod obrázky Píší se menším písmem než základní text (někdy i kurzívou) Za popiskem se nepíše tečka

7. Dlouhé „šedé“ texty Dlouhé „šedé“ texty v dnešní uspěchané době lidé často ani nečtou Text by měl být výrazně členěn nadpisy, měl by mít jasnou strukturu Výjimkou je samozřejmě beletrie

8. „Anotacička“ Na začátku textu (referátu, článku) by měl být jeden odstavec odlišným písmem (kurzívou). V něm by mělo být stručně uvedeno, co se vlastně čtenář v textu dozví.