na ZŠ

Ing. Martin Dosedla

S využitím závěrečné práce Mgr. Jiřího Mandyse

Proč grafika?

• Dovednosti zpracovávat vizuální informaci se musí učit (informace z grafů a diagramů, orientace v mapách, grafické symboly, informace za obrázkem, …)

• PC grafika = počítačová gramotnost + tradiční dovednost čtení a zpracování vizuální informace

• Výhody a vlastnosti:– Vhodná motivace (barevnost, líbivost, originalita, ..)– Uplatnění v praxi (zábavě, volném čase, designu, reklamě,

architektuře, stavebnictví, projektování, výukových programech, umění, …)

• Učit co nejdříve– Nejprve vnímá dítě vizuálně, pak teprve rozumí slovům– Koordinace pohybů při práci s myší– Zajímavé

Způsoby výuky…

• Častý začátek práce s PC na ZŠ

• Jednoduché nástroje místo profesionálních –snazší pochopení

• Složité aplikace

– Zkoumání množství nástrojů, ale ne do hloubky

– Vybírání mocných nástrojů bez pochopení principů

– Ztráta orientace v prostředí vedoucí v pouhou reprodukci činností

• Přechod ke složitějším aplikacím od jednodušších

Některé náměty pro žáky• - kreslení souměrných obrázků (motýl, obličej, letadlo zepředu, větrník…)• - logo školy, města, obce, firmy• - vlajky států (možnost použití kopírování pro podobné typy vlajek)• - vlastní monogram (stínové písmo, podpis psaný křivkami)• - ilustrace (pohádky, příběhu, odborné knihy)• - vlastní vizitka (s fotografií, adresou)• - plakát (hudební skupiny, fotbalového klubu, filmového představení)• - pozvánka (na maturitní ples, na školní besídku či výlet, na narozeniny či párty)• - diplom (školní soutěže: sportovní, vědomostní, dopravní, olympiády)• - koláž (z fotek oblíbené skupiny, sportovního týmu, aut, květin, zvířat)• - plán školy či jejího okolí, plán bytu či vlastního pokoje• - geometrické konstrukce• - krásné pozadí plochy do Windows (s opakujícími se motivy)• - obrázková galerie jako spořič obrazovky• - obrázek pro puzzle• - titulní stránka knihy, obal na CD• - kreslený vtip• - vlastní erb (znak vyjadřující charakterové vlastnosti nebo záliby)• - skupinové foto třídy (party) – koláž• - reklama na určitý výrobek• - design výrobku nebo obalu na výrobek (hodinky, krabice od vysavače, mobil...)• - příprava obrázků pro www stránku (osobní, školní, na dané téma)• - elektronické album (skenování a úprava starších fotografií)• - tvorba informační brožurky školy (+ fotografování)• - pohyblivé obrázky (gif, proužková reklama nebo comics)• - pohyblivé obrázky (prezentace s vlastními animacemi)

Předmět počítačové grafiky na ZŠ

• Aplikace počítače NE výuka ovládání počítače – témata mimo oblast PC

• Cíle:– Orientace v problematice počítačové grafiky– Technické prostředky a grafické programy– Porozumění základním teoretickým pojmům (rastr, vektor, rozlišení,

bar. hloubka, … )– Získat digitální obrázek – skener, fotoaparát– Publikovat a tisknout– Vytvářet samostatně různé grafické výstupy (koláž, vizitku, leták, …)

• Odlišit při hodnocení obecné grafické nadání vs. počítačové grafické schopnosti

• Soulad s výtvarnou výchovou – výtvarné cítění

Způsob výuky

• Ideálně malé skupinky (max. 15 žáků), každý vlastní PC

• Využívání technických možností (tiskárna, skener, tablet, projektor, …)

• Metody výuky– „hození do vody“ – vhodné na začátek jednoduššího

tematického celku (Malování, Callisto, …)

– Postupný výklad – probrání funkcí nástroje – žáci jej pak využijí při práci

– Individuální práce žáku (podle předlohy (i slovní), … )

– Projekty (+rozvržení prostředků na projekt) – různé typy projektů …

Vhodný grafický SW

• Nezbytná součást vybavení PC a výuky• Komerční X „freeware“ (výhody a nevýhody)

• Grafický software komerční:– Bitmapový: Adobe Photoshop, Corel Paintshop Pro, Zoner Photo Studio– Vektorový: Corel, Adobe Illustrator, Zoner Callisto

• Grafický software freeware:– Bitmapový: Gimp, PhotoFiltre, PaintNet– Vektorový: Inkscape

• Balíčky pro vektorovou i bitmapovou grafiku:– CorelDRAW Graphics Suite X3 EDU– Creative Suite 3 Design Premium CZ Win

• Celá řada dalších• Online aplikace?

ArtRagehttp://www.ambientdesign.com/

• Kreslíme strom• - Úkolem je nakreslit postupně různými výtvarnými technikami (tužka,

patel, tempera….) strom. V průběhu cvičení se seznámit s možnostmi programu,

• - žák se naučí nastavit velikost a druh papíru,• - vyzkouší si pracovní nástroje a naučí se měnit jejich vlastnosti,• - náročnější varianta – nakreslit pomocí jedné výtvarné techniky krajinu se

stromy a nezapomenout okolí.

• Domeček pejska a kočičky• - Úkolem je nakreslit postupně různými výtvarnými technikami (tužka,

pastel, tempera…) domeček z Čapkovy knížky „O pejskovi a kočičce“. Během cvičení si prohloubíte znalosti práce s aplikací,

• - žák si nastaví velikost a druh papíru,• - pomocí libovolné výtvarné techniky namaluje domeček spolu s okolím,• - náročnější varianta – nakreslit pomocí jedné výtvarné techniky domeček

usazený• v horské krajině.

• Omalovánka• - Na internetu najít jednoduchý obrázek, který bude sloužit jako předloha

pro omalovánku. Použít nejoblíbenější výtvarnou techniku při realizaci úkolu (obkreslit

• kontury obrázku a pak pokračovat s jeho vybarvováním),• - velice obsáhlá stránka s tematicky řazenými obrázky například pro

WindowArt najdeš http://uschis-window-color.th-w.com/html/window_color.html

• - cvičení má za cíl prohloubit schopnosti pracovat s myší nebo tabletem,• - žák se naučí vložit obrázek na pozadí pracovní plochy,• - náročnější varianta – zaplnit podle vlastní fantazie prostor okolo obrázku.

• Kreslíme podle předlohy• - Na internetu najít obrázek, který bude sloužit jako předloha pro kreslení

a použít nejoblíbenější výtvarnou techniku při jeho realizaci,• - nevybírat obrázky s velkým množstvím detailů,• - cvičení má za cíl prohloubit schopnosti pracovat s myší nebo tabletem,• - žák si nastaví velikost, druh papíru, vloží obrázek na pozadí,• - pomocí kombinací různých výtvarných technik nakreslí nejprve kontury

obrázku a pak pokračuje s jeho dokreslováním.

• Vánoční přání• - Nakreslit vánoční přání podle vlastní fantazie nebo předlohy, kterou si žák

najde na internetu,• - cvičení prohlubuje schopnosti pracovat s myší nebo tabletem,• - žák si nastaví velikost, druh papíru, vloží obrázek na pozadí,• - pomocí kombinací různých výtvarných technik namaluje přání,• - zhotovená přáníčka pak mohou sloužit jako drobné dárky pro rodinu,

kamarády…

• Kreslíme Mandalu• - Na internetu vyhledat informace o mandalách, prohlédnout si jejich

návrhy a najít si význam barev• - udělat pomocí tužky jednoduchý náčrt své mandaly a vybarvit ji

oblíbenými barvami,• - cvičení má za cíl prohloubit schopnosti pracovat s myší nebo tabletem,• - žák si musí promyslet a rozvrhnout svůj obrázek ve správných proporcích,• - pomocí kombinací různých výtvarných technik nakreslí nejprve kontury

obrázku• a pak pokračuje s jeho dokreslováním obrázek.

• Vánoční přání• - Nakreslit vánoční přání podle vlastní fantazie nebo předlohy, kterou si žák

najde na internetu,• - cvičení prohlubuje schopnosti pracovat s myší nebo tabletem,• - žák si nastaví velikost, druh papíru, vloží obrázek na pozadí,• - pomocí kombinací různých výtvarných technik namaluje přání,• - zhotovená přáníčka pak mohou sloužit jako drobné dárky pro rodinu,

kamarády…

• Kreslíme Mandalu• - Na internetu vyhledat informace o mandalách, prohlédnout si jejich

návrhy a najít si význam barev• - udělat pomocí tužky jednoduchý náčrt své mandaly a vybarvit ji

oblíbenými barvami,• - cvičení má za cíl prohloubit schopnosti pracovat s myší nebo tabletem,• - žák si musí promyslet a rozvrhnout svůj obrázek ve správných proporcích,• - pomocí kombinací různých výtvarných technik nakreslí nejprve kontury

obrázku• a pak pokračuje s jeho dokreslováním obrázek.

Malování

• Jmenovka• - Zadání úkolu: Na škole začal učit nový učitel, který se potřebuje rychle

naučit vaše jména, proto si na jeho hodiny připravíte jmenovku.• - Během cvičení se seznamte se s možnostmi programu,• - žák se naučí nastavit velikost papíru,• - vyzkouší si pracovní nástroje a naučí se měnit jejich vlastnosti.

• Hrad• - Nakreslit středověký hrad pomocí obdélníků, čtverců nebo

mnohoúhelníků, bude mít jednu nebo dvě věže, vstupní bránu a dokreslete okolí hradu,

• - cílem cvičení je naučit žáka používat pravidelné tvary a vzájemně je kombinovat,

• - žák se naučí nastavit velikost – atributy obrázku např. 800 x 600 px,• - vyzkouší si pracovní nástroje a naučí se měnit jejich vlastnosti,• - můžete používat kopírování při tvorbě cihel,• - náročnější varianta – nakresli město budoucnosti za použití obdélníků,

čtverců nebo mnohoúhelníků, dokresli pozadí obrázku.

• Hrnečky, skleničky, poháry• - Nakresli hrneček na čaj, skleničku na osvěžující nápoj nebo pohár

na zmrzlinu pomocí kruhů, elips nebo oválů,• - přebývající části obrázku vygumuj, pro větší přesnost použij lupu,• - cvičení má za cíl naučit žáka používat kruhy, elipsy nebo ovály a

navzájem je kombinovat,• - vyzkouší si pracovní nástroje a naučí se měnit jejich vlastnosti.

• Akvárium• - Nakreslit akvárium plné rybiček a vodních rostlin, používat při

kreslení kružnice, elipsy a křivky,• - jednotlivé druhy ryb lze nakopírovat a podle potřeby otočit či

překlopit,• - žák používá základní pracovní nástroje a mění jejich vlastnosti,• - žák si vytvoří a používá vlastní paletu barev,• - náročnější varianta – Mořský svět – na obrázku budou minimálně

dvě velryby a dokreslit okolí.

• Mísa s ovocem• - Nakreslit zátiší s ovocem, které tvoří miska spolu s různým ovocem

(jablko, hruška, víno, rum, pomeranče, meloun….),• - nezapomeň na pozadí jednotlivých druhů ovoce, později je

nepůjde přemístit dozadu,• - žák vhodně kombinuje základní nástroje – kružnice, elipsy,

obdélníky, křivky, používá sprej pro zjemnění vzhledu ovoce,• - přebývající části obrázku vygumuj, pro větší přesnost použij lupu,• - žák si vytvoří a používá vlastní paletu barev.

• Květiny ve váze• - Nakreslit vázu plnou květin,• - jednotlivé lístky se kreslí pomocí nástroje Křivka, pak je vybíráme a

podle potřeby otáčíme či překlápíme a přetažením sestavíme květ,• - žák kombinuje postupy z předešlých cvičení,• - používá všechny pracovní nástroje a mění jejich vlastnosti,• - vytváří si a používá vlastní paletu barev.

IrfanViewwww.stahuj.centrum.cz

• Náměty na úkoly• Základní ovládání programu a zobrazení informací• Změna velikosti, otáčení, překlopení, oříznutí• Práce s miniaturami• Vytváření prezentace• Přidávání efektů

PhotoFiltrehttp://photofiltre.free.fr/

• Náměty na úkoly

• Změny velikosti a ořez fotografií

• Retuš obrázku – využití klonovacího štětce

• Pohlednice 10x15 z několika fotografií

• Jednoduchá koláž (fotomontáž)

• Plakát na libovolnou akci

• Kolorování (klonovací štětec – volba vzor)

Zoner Callisto

• Tvarujeme základní tvary

• - Vyzkoušejte si vkládání různých geometrických tvarů – všímejte si při tom nabídek na alternativním panelu,

• - u obdélníku můžete například zaoblit rohy, u kružnice a elipsy můžete malovat výseče, u dalších tvarů můžeš měnit počet cípů, tvary můžeš vkládat podle obdélníku, od středu nebo podle úhlu, atd.,

• - projděte si možnosti Alternativního panelu – rotace, překlopení podle osy x a y, pořadí objektů,

• - vyzkoušejte si práci s panely Galerie – Výplň, Pero, Průhlednost, Transformace…,

• - při práci s objekty používejte nástroje Výběr a editace tvarů a Tvarování objektů.

• Nebe plné balónů

• - Za pomocí tvarování objektů vytvořte krajinu, nad kterou se budou vznášet horkovzdušné balóny,

• - nastavte si orientace papíru na šířku – velikost A4,

• - na obrázku budou tři balóny, které můžete nakopírovat a změnit barvy, přechody,

• - krajinu si vymyslete sami, zkuste tvarovat základní tvary – trojúhelník, obdélník, čtverec, elipsu, kružnici…,

• - celou práci si uložte jako balony.zmf a balony.pdf

• Váza s květinami

• - Pomocí tvarování objektů vytvořte vázu a do ní pak vložte kytici květin, na závěr doplňte okolí obrázku,

• - postup „jak vyrobit květiny“ najdete v manuálu na této internetové stránce: http://studium.vos-sps-jicin.cz/zoner/index.php?m=1 – lekce 1-3 (můžete tam nalézt i video ukázky),

• - jiné podobě květin se meze nekladou, jen prosím berte trochu ohled na skutečný vzhled a nevytvářejte žádné nesmysly,

• - ulož pod názvem vaza.zmf

• Plakát cestovní kanceláře

• - Již umíme používat texty, přechody a import bitmapových obrázků, což nyní můžete využít při návrhu plakátu CK nabízející prodej zájezdů po ČR nebo do zahraničí,

• - plakát bude mít rozměry A4 a je jedno, zda se rozhodnete jej umístit na šířku nebo na výšku,

• - na plakátu použijte – ozdobný nadpis, přechody a stíny u objektů, tři obrázky místa, kam zvete turisty (jejich popis a cena), název a adresu vaší fiktivní firmy,

• - použijte dva až tři druhy písma, ale dejte si pozor na to, aby texty byly čitelné,

• - uložte pod názvem plakatCK.zmf

• Vizitka• - Vizitky můžeme rozdělit na více druhů: osobní (soukromé), firemní – podnikové, vizitky pro účely

diplomatické a některé další – podle druhu se liší i obsah vizitek,• - rozmyslete si, co chcete na vizitce propagovat – zda firmu nebo vaši osobnost (Jaké bude moje budoucí

povolání? Která práce je zajímavá?).• - vložte obdélník s přesnými rozměry – šířku: 85 mm výšku: 42,5 mm a do tohoto obdélníku vytvoř vizitku,• - na vizitce bude: logo a název firmy, jméno a příjemní, pracovní zařazení, adresa sídla firmy, telefon, e-

mail, www stránky – vymyšlené údaje,• - použijte pouze jeden druh písma, dbej na to, aby údaje na vizitce byly čitelné!,• - zkopírujte vizitku tak, aby se jich na stránku vešlo co nejvíc – použijte vícenásobné kopírování,• - uložte pod názvem vizitka.zmf

• Vektorizace obrázku• - Vektorizace obrázku je postup, jak převést bitmapovou grafiku na vektorovou, používáme ho hlavně v

okamžiku, kdy potřebujete obrázek, skicu použít jako logo firmy, připravit šablonu pro potisk trička…,• - pro začátek si zvolte jednoduchý obrázek, který si uložte do PC,• - předlohu si vložte na prázdnou stránku a zvětšete si ji, aby se na ni dobře kreslilo, také si zvolte vhodnou

barvu a tloušťku obrysové čáry, aby čára byla dobře vidět,• - vyberte Křivky – spojené křivky, tvar křivky by měl probíhat po okraji obrázku, to se dá ovlivnit délkou

směrnic v bodech na začátku a konci křivky,• - pokud křivka neleží přesně na hraně, zatím si toho nevšímáte a postupně přidáváte další úseky, až

poslední bod vložíte opět do stejného místa, kde jsme začínali,• - tím se celá křivka uzavře a to se projeví také tím, že se vyplní barvou pozadí, barvu pozadí můžeme

nastavit na průhlednou (žádnou), abychom mohli křivku dále lépe upravovat,• - vyberete nástroj Tvarování objektů – tak postupně upravíte všechny úseky křivky (můžete přesouvat i

jednotlivé koncové body úseků, měnit délky směrnic…),• - postup se opakuje do té doby, dokud nemáte hotovy všechny části obrázku,• - následuje složení do výsledné podoby a spojení do skupiny,• - výsledný soubor uložte pod názvem vektorizace.zmf

Další náměty na témata výuky…

Digitální fotografie - fotografování• Digitální fotoaparát – funkce, princip, rozdíly

• Typy a druhy digitálních fotoaparátů

• Držení a práce s přístrojem

• Základní znalosti pro pořízení snímku

• Motivové programy a režimy focení

• http://www.jsi.cz/grafika/zaklady_grafiky/foto.htm

• http://www.fotoradce.cz/ovladani-digitalnich-fotoaparatu.php

On-line úpravy fotografií a publikace na internetu

• http://www.picnik.com/

• http://fotoflexer.com/

• https://www.photoshop.com/

• http://www.rajce.net.

• http://picasa.google.com/

• http://www.flickr.com/

• …

Příklad učebního plánu počítačové grafiky na ZŠ