Mandyse - Pedagogická fakulta MU · okamžiku, kdy potřebujete obrázek, skicu použít jako logo...
Transcript of Mandyse - Pedagogická fakulta MU · okamžiku, kdy potřebujete obrázek, skicu použít jako logo...
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Š