Multimedia ve výuce I (public)

Úvod do grafiky

Prerekvizity pro dané téma

V hodině si vysvětlíme některé pojmy z grafiky, vysvětlíme si rozdíly mezi vektorovou a rastrovou grafikou, ukážeme si barevné modely a pohrajeme si s barvami. Na hodinu není nutné si nic připravovat.

Naučit se graficky zpracovat dokument (školní materiály apod.) vám pomůže vytvářet takové dokumenty, které budou pro žáky/studenty plynule čitelné, přehledné, lépe zapamatovatelné a méně je bude čtení unavovat (úleva očím). Dobrou grafikou můžete také vyjádřit emoce, evokovat určitý stav apod. Špatnou grafikou však můžete docílit opaku. Je proto důležité se v grafickém cítění cvičit a nebát se dávat si (nechat si dávat) zpětnou vazbu.

Grafiku můžeme chápat jako tu počítačovou, nebo i tu, která je řemeslná (sítotisk, linoryt...). My se budeme zabývat tou počítačovou. Dělíme ji ještě na grafiku rastrovou a vektorovou.

Rastrová (či též bitmapová) grafika je založená na pixelech, barevných čtverečcích, z kterých je složen celý obraz (to znáte třeba z fotek). Vektorová je kombinace přímek, čar a bodů (znáte třeba z loga). Postupně se budeme věnovat oběma grafikám.

Výhodou rastrové grafiky je schopnost vykreslit obraz do detailů. Výhodou vektorové grafiky je možnost zvětšovat obraz bez ztráty kvality.

Podívejte se na video, ať si ujasníte rozdíl mezi grafikami.

Video 1: Rozdíl mezi rastrovým a vektorovým obrázkem

Pořád v tom nemáte jasno? Prostudujte si materiály, co vytvořila organizace Czechitas pro školy: úvod do grafiky a vektorová grafika.

Teorie barev

Barvy jsou v grafice důležité. I když budete pracovat s černobílým vzhledem, vždy je to práce s barvami. Barvami můžete zvýraznit nějakou část, evokovat emoční stav, zvýšit čitelnost apod.

V prezentaci najdete několik barevných modelů. Nemusíte jim porozumět do hloubky. Zapamatujte si však, že pro profesionální tisk je lepší pracovat s CMYK modelem, jinak vám postačí RGB. 

Video 2: Teorie barev (CMYK a RGB)

Možná vás zaujme možnost, jak spolu barvy kombinovat. Níže v prezentaci je několik ukázek, jak ke kombinaci dochází (znázorněné černou čarou uvnitř kruhu). Vyzkoušejte si také různé online aplikace, které vám s výběrem vhodné kombinace pomohou. Výčet najdete níže pod prezentací.

Úkoly k procvičení

Užitečné odkazy

Zdroje a literatura

Video 1: Raster (Bitmap) Graphics Versus Vector Graphics: What is the difference?: Youtube [online]. 12.03.2017 [cit. 2021-03-10]. Dostupné z: https://www.youtube.com/watch?v=ASmpPRqPb5I&ab_channel=RockYourBrand%C2%AE. Kanál uživatele Rock Your Brand®.

Video 2: Color Theory Lesson - CMYK vs RGB: Youtube [online]. 21.10.2016 [cit. 2021-03-11]. Dostupné z: https://www.youtube.com/watch?v=YtH9eXWuf3Y&ab_channel=EthanAvery. Kanál uživatele Ethan Avery.

Tomáš Kůrka [online]. Praha: Tomáš Kůrka, © 2022 [cit. 2021-01-19]. Dostupné z: https://tom-kurka.cz/

Vektorova-grafika.cz [online]. Praha: Tomáš Bada, 2018 [cit. 2021-01-19]. Dostupné z: https://vektorova-grafika.cz/

Seznámení s barevnými modely. Corel [online]. Ottawa: Corel, 2012 [cit. 2022-08-23]. Dostupné z: http://product.corel.com/help/CorelDRAW/540240626/Main/CZ/Doc/wwhelp/wwhimpl/common/html/wwhelp.htm?context=CorelDRAW_Help&file=CorelDRAW-Understanding-color-models.html

Cirkumo [online]. Turnov: Martina Vávrová, 2019 [cit. 2021-02-02]. Dostupné z: https://www.cirkumo.cz/