34
Základy počítačové grafiky IV

Základy počítačové grafiky IV

  • Upload
    edith

  • View
    42

  • Download
    0

Embed Size (px)

DESCRIPTION

Základy počítačové grafiky IV. 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. Základní objekty vektorové grafiky. úsečka křivka mnohoúhelník (trojúhelník, obdélník, pětiúhelník atd.) - PowerPoint PPT Presentation

Citation preview

Page 1: Základy počítačové grafiky IV

Základy počítačové grafiky IV

Page 2: Základy počítačové grafiky IV

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

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

Základní objekty vektorové grafiky

Hotová vizitka

Objekty, ze kterých se skládá

Page 5: Základy počítačové grafiky IV

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

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

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

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

Zařazení objektů Objekt může být v popředí nebo v pozadí

                                                      

                                                                                                             

                                                                                                                                                                                                                          

                                                      

                                                                                                             

                                                                                                                                                                                                                          

                                                      

                                                                                                             

                                                                                                                                                                                                                          

Page 10: Základy počítačové grafiky IV

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

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

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

Formátování textu

Page 14: Základy počítačové grafiky IV

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

Obrysové pero

Page 16: Základy počítačové grafiky IV

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

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

Nástroj Křivka a čára

Page 19: Základy počítačové grafiky IV

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

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

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

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

Pro úpravu křivek lze také využít nástroj "Nůž" a "Guma".

Page 24: Základy počítačové grafiky IV

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

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

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

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

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

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

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

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

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

Č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

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.