Grafické zpracování výukových materiálů

Mgr. Dagmar Chytková

Proč grafika

• Lepší čitelnost materiálů• Větší přehlednost• Vyšší zapamatovatelnost• Menší únava očí• Vyšší pravděpodobnost pochopení

Materiály

• letáky• brožury• loga • symboly• webové stránky• školící materiály• výstupy studentů• propagační předměty

Rozdíly

grafikabitmapová x vektorová

VEKTOR - obraz reprezentován geometrickými objekty; matematické výpočty; souřadnice počátečního a koncového bodu

– loga– diagramy– jednoduché ilustrace– animace

grafikabitmapová x vektorová

BITMAPA = bitová mapa; obrazové body v mřížce (rastru), komprese (snížení datového toku)

– fotografie– televize

Rozdíly

Nástroje desktopové

Vektor• Adobe Illustrator• Inkscape• CorelDraw• DrawPlus• Sketch (Mac)

• .ai, .cdr, .ps, .eps, .svg

Bitmapa• Adobe Photoshop • Gimp • Zoner PhotoStudio• IrfanView• PaintBrush (Mac)

• .bmp, .jpg, .gif, .png, .tif

Nástroje online

Vektor• http://www.posterini.com/

(kombinace s bitmapovou grafikou)

• https://infogr.am/• http://www.janvas.com/• https://www.draw.io/

Bitmapa• http://www.posterini.com/

(kombinace s vektorovou grafikou)

• http://picmonkey.com• https://pixlr.com/editor/• http://www.fotor.com/

Tipy

Fonty

Barvy

Barevné kolo Alberta Munsella

Nástroje

• http://www.colorblender.com

• https://color.adobe.com/cs/create/color-wheel

• http://labs.tineye.com/color

Ukázky špatné práce

Ukázky dobré práce

Další možnosti

Obrázky ke stažení

• http://www.freepik.com• https://pixabay.com• https://www.dreamstime.com• https://www.pexels.com

Nástroje pro tvorbu hotových děl

• http://www.posterini.com• https://www.canva.com• http://www.postermywall.com• http://infogr.am

Jak se dále vzdělávat

• Ukládat si inspiraci– https://cz.pinterest.com

• Získat základy– typografie– grafického designu

d.chytkova@gmail.com

https://www.linkedin.com/in/dagmach