Download - Základy počítačové grafiky IV
![Page 1: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/1.jpg)
Základy počítačové grafiky IV
![Page 2: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/2.jpg)
Vektorový obrázek Mapuje čáry na neviditelné mřížce a
uchovává je jako soustavu instrukcí, které přesně popisují tvar, velikost a pozici každého objektu
![Page 3: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/3.jpg)
Základní objekty vektorové grafiky
úsečka křivka mnohoúhelník (trojúhelník, obdélník,
pětiúhelník atd.) elipsa (kružnice, oblouk) text
Kombinací objektů vzniká vektorový obrázek
![Page 4: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/4.jpg)
Základní objekty vektorové grafiky
Hotová vizitka
Objekty, ze kterých se skládá
![Page 5: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/5.jpg)
Změna velikosti Protože se kresby skládají z křivek, které je možné
libovolně přepočítávat, můžeme velikost vektorových kreseb měnit téměř neomezeně. Můžeme je tedy jak zvětšovat, tak i zmenšovat.(Na rozdíl od rastrů.)
Malé auto, střední i velké složené z křivek je vždy stejně hladké.
26
![Page 6: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/6.jpg)
Nástroje vektorového programu
Změna polohy a velikosti objektu Vezmu výběrový nástroj, objekt uchopím a přesunu na zvolené místo, uchopím ho za rohy a změním jeho velikost
27
![Page 7: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/7.jpg)
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
zakončení (šipky…)
U textu nastavujeme vlastnosti známé z textového editoruTedy: písmo, velikost, styl, barvu (obrysu i výplně) a vlastnosti odstavce.
![Page 8: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/8.jpg)
Zarovnání objektů vůči sobě
Vybereme dva objekty a necháme je vůči sobě zarovnat, jak potřebujeme
28
![Page 9: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/9.jpg)
Zařazení objektů Objekt může být v popředí nebo v pozadí
![Page 10: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/10.jpg)
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.
![Page 11: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/11.jpg)
Oříznutí, průnik a sloučení objektů
Těmto akcím se také říká logické operace Většinou vybereme objekt, kterým chceme jiný oříznout
(sloučit, udělat průnik) a zvolíme tuto volbu. Pak klepneme na druhý objekt, se kterým chceme operaci provést. (Corel Draw, obr. vlevo.)
Při sloučení a průniku je potřebavybrat oba objekty najednou.
![Page 12: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/12.jpg)
Text Text vytvoříme pomocí nástroje text Lze vytvořit řetězcový nebo odstavcový text Možnost převodu textu na křivky
![Page 13: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/13.jpg)
Formátování textu
![Page 14: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/14.jpg)
Vysunutí a průhlednost Na text můžeme použít nástroj "Interaktivní
vysunutí" nebo "Interaktivní průhlednost".
![Page 15: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/15.jpg)
Obrysové pero
![Page 16: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/16.jpg)
EfektyText můžeme dále deformovat např.
pomocí "Obálky" (ctrl+f7), perspektivy a podobně. Tyto nástroje lze nalézt v menu "Efekty".
![Page 17: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/17.jpg)
Přizpůsobení textu Ve vektorových editorech můžeme text přizpůsobit osnově
(tvaru jiného objektu)
29
![Page 18: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/18.jpg)
Nástroj Křivka a čára
![Page 19: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/19.jpg)
Nástroj tužkaVolné kreslení1. Vybereme nástroj Tužka2. Stiskneme a držíme levé tlačítko myši3. Pohybem myši kreslíme čáru
Kreslení úseček1. Vybereme nástroj Tužka2. Klikneme levým tlačítkem myši3. Přesuneme myš a znovu klikneme (jednou pro
ukončení čáry, dvakrát pro pokračování)
V daném uzlu můžeme vždy navázat na kreslení.
![Page 20: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/20.jpg)
Nástroj obdélník a elipsa Jsou to uzavřené objekty Lze kreslit z rohů nebo s klávesou
"shift" ze středu S klávesou "ctrl" lze kreslit čtverec
nebo kružnici
![Page 21: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/21.jpg)
Výseče a kruhové oblouky U kružnic a elips lze pomocí panelů
vlastností vytvořit výseč nebo oblouk
![Page 22: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/22.jpg)
Editace křivek Objekty musíme převést na křivky Zvolíme nástroj "Tvar" Vybereme požadovaný uzel a měníme tvar S klávesou shift můžeme vybrat více uzlů Nový uzel vložíme dvojitým kliknutím
levého tlačítka myši, klávesou + nebo z plovoucí nabídky
Odebrat uzel můžeme klávesou - nebo z plovoucí nabídky
![Page 23: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/23.jpg)
Pro úpravu křivek lze také využít nástroj "Nůž" a "Guma".
![Page 24: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/24.jpg)
Nástroje pro precizní polohování objektů
Pravítka Mřížka Vodící linky
Je dobré mít zapnuté okno "Správce objektů)
Tyto nástroje lze nastavit v menu "Nástroje", "Možnosti".
![Page 25: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/25.jpg)
Příklady Hrací kostka procvičí zarovnání
Visačka zase řazení objektů
Zajímavěji řešená vizitka
30
![Page 26: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/26.jpg)
Klipárty Klipárty jsou vektorové obrázky dodávané většinou s
vektorovými programy Jsou vektorové, dají se proto libovolně zvětšovat,
zmenšovat i měnit Bývají většinou volně využitelné, takže je můžeme bez
obav používat ve svých dokumentech Mají rozdílnou úroveň a tím i využitelnost
![Page 27: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/27.jpg)
Barvy a kompozice obrazu
Jakou barvu vybrat a kam objekt umístit – to jsou pro vzhled naší práce zásadně důležité věci. To, jak se barvy v určitém programu vybírají a jak se v něm pracuje s objekty jsou (podružné) pomocné informace, mírně se měnící program od programu.
![Page 28: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/28.jpg)
Barevná schémata je možné si vyzkoušet na Internetu: Existují generátory barevných schémat (např. www.pixy.cz
odkaz Barevná schémata). Vlevo vybereme základní barvu a v poli Schéma pak jedno z nabízených schémat. Vlevo dole můžeme ladit odstín, sytost a jas použité barvy
31
![Page 29: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/29.jpg)
Základní pravidla kompozice
Několik základních zásad: Spodní řádek víceřádkového nadpisu musí být nejkratší
Optický střed je mírně nad středem geometrickým
Používáme zlatý řez
![Page 30: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/30.jpg)
Obrázky pro www stránky
Pro použití na webu si musíme obrázky připravit ve formátu JPG (fotografie) nebo GIF (grafické prvky)
Začíná se používat nový formát PNG.
Při použití na webu velmi závisí na velikosti souboru s obrázkem a tedy na stupni komprese
Protože obrázek vždy vymezí prostor přesně podle své
velikosti, záleží při návrhu stránky na každém pixelu Grafické prvky můžeme vytvořit ve vektorovém programu a
potom exportovat do formátu GIF
32
![Page 31: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/31.jpg)
Animované obrázky Jednoduché animace jsou vlastně postupně vyměňované
obrázky. Používá se tzv. animovaný GIF.
33
![Page 32: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/32.jpg)
PDF soubory PDF 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 Acrobat Reader.
– Uložit dokument v PDF formátu (tzv. exportovat) umí některé (hlavně grafické) programy přímo. Umí to i zdarma šířený kancelářský balík OpenOffice.org.
– Existují (i volně šiřitelné - pdf95) 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.
![Page 33: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/33.jpg)
Čtení PDF souborů Soubor v PDF formátu můžeme přečíst ve zdarma šířeném
prohlížeči 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. (Také 1b vlevo dole.)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ě.
34
![Page 34: Základy počítačové grafiky IV](https://reader035.vdocuments.pub/reader035/viewer/2022062218/56816356550346895dd405d4/html5/thumbnails/34.jpg)
Kam dále? Zvládnutí ovládání (jednoho) programu se nerovná
zvládnutí grafiky. Pokud máte chuť získávat další informace, zkuste
minimálně následující weby: Server o typografii, písmu a všem okolo tvorby tiskoviny:
www.typo.cz Server o grafice a zpracování obrázků:
www.grafika.cz Fotografování a digitální fotografii se věnuje více serverů,
např.: www.fotografovani.cz www.digineff.cz www.afg.cz
Přeji vytrvalost, trpělivost a hlavně radost z vlastní tvorby.