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?
ArtRage http://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.thw.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.
IrfanView www.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ů
PhotoFiltre http://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, email, 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Š