Malování ve WindowsMalování ve WindowsPočítačová grafikaPočítačová grafika

Základní škola Jakuba Jana Ryby Rožmitál pod TřemšínemEfektivní výuka pro rozvoj potenciálu žáka

projekt v rámci Operačního programuVZDĚLÁVÁNÍ PRO KONKURENCESCHOPNOST

MalováníMalování

aplikace, která je součástí MS Windows aplikace, která je součástí MS Windows jednoduchý bitmapový (rastrový) grafický jednoduchý bitmapový (rastrový) grafický

program určení ke tvorbě obrázků ručním program určení ke tvorbě obrázků ručním kreslenímkreslením

Spuštění: Spuštění: Start→Všechny programy →Příslušenství → Start→Všechny programy →Příslušenství →

MalováníMalování

Popis prostředí programu:Popis prostředí programu:

Menu (Nabídka): ovládáme myší nebo F10Menu (Nabídka): ovládáme myší nebo F10 Panel nástrojů: výběr myšíPanel nástrojů: výběr myší Panel barev: Lt →obrys (barva popředí)Panel barev: Lt →obrys (barva popředí)

Pt → výplň (barva pozadí) Pt → výplň (barva pozadí) Stavový řádek – stručně informuje o Stavový řádek – stručně informuje o

nástrojích, poloze myši, atd nástrojích, poloze myši, atd

MalováníMalování

Panel nástrojů

Panel barev

Menu (Nabídka)

Stavový řádek

Plátno – plocha na kreslení

Nastavení velikosti obrázkuNastavení velikosti obrázku

Velikost obrázku je dána na pracovní Velikost obrázku je dána na pracovní ploše bílým obdélníkem (plátnem).ploše bílým obdélníkem (plátnem).

Zadání rozměrů:Zadání rozměrů: tažením myši za úchopové body (malé tažením myši za úchopové body (malé

čtverečky na okrajích bílého obdélníku čtverečky na okrajích bílého obdélníku pracovní plochy)pracovní plochy)

zadáním rozměrů v dialogovém okně zadáním rozměrů v dialogovém okně Obrázek Obrázek Atributy Atributy – nastavit Jednotky, – nastavit Jednotky, potom Výška, Šířka, potvrdit OKpotom Výška, Šířka, potvrdit OK

Panel nástrojů Panel nástrojů

Výběr libovolného tvaru

Guma a barevná guma

Výběr libovolného tvaru

Plechovka

Výběr

Lupa

Štětec

Text

Křivka

Mnohoúhelník

Kapátko

Tužka

Sprej

Úsečka

Obdélník

Elipsa

Výběr nástroje – umístíme kurzor myši na nástroj a stiskneme Lt myši

Barva popředí a pozadíBarva popředí a pozadí

Barva popředí = barva nástrojeBarva popředí = barva nástroje používá se pro čáry, okraje tvarů a text používá se pro čáry, okraje tvarů a text Lt myši klikneme na požadovanou barvu v Paletě barevLt myši klikneme na požadovanou barvu v Paletě barev

Barva pozadí Barva pozadí používá se pro výplň vnitřní části uzavřených tvarů, používá se pro výplň vnitřní části uzavřených tvarů,

pozadí textových rámečků a při použití gumypozadí textových rámečků a při použití gumy Pt (pravým tlačítkem) myši klikneme na požadovanou Pt (pravým tlačítkem) myši klikneme na požadovanou

barvu v Paletě barevbarvu v Paletě barev

Barva popředí

Barva pozadí

Nástroj Tužka a ŠtětecNástroj Tužka a Štětec

při vybraném nástroji štětec – stisknutým Lt při vybraném nástroji štětec – stisknutým Lt myši kreslíme červeně (barvou popředí), Pt myši kreslíme červeně (barvou popředí), Pt myši modře (barvou pozadí).myši modře (barvou pozadí).

kreslí tenké čáry

kreslí čáry různých tvarů a tloušťky

- čáry volného tvaru- čáry volného tvaru

Nástroj Guma Nástroj Guma vymaže kresbu tak, že ji překryje barvou pozadívymaže kresbu tak, že ji překryje barvou pozadí různé velikosti, lze nastavit tloušťkurůzné velikosti, lze nastavit tloušťku

Barevná guma Barevná guma Lt myši gumujeme vše (překryje barvou pozadí)Lt myši gumujeme vše (překryje barvou pozadí) Pt myši gumujeme pouze barvu popředí -obrysu Pt myši gumujeme pouze barvu popředí -obrysu

(překryjeme ji barvou pozadí)(překryjeme ji barvou pozadí)

Chceme-li k mazání použít barvu odlišnou od Chceme-li k mazání použít barvu odlišnou od aktuální barvy pozadí, klepneme Pt myši na aktuální barvy pozadí, klepneme Pt myši na požadovanou barvu na Panelu barev.požadovanou barvu na Panelu barev.

Pokud při kreslení uděláme chybu: Pokud při kreslení uděláme chybu:

Vrácení změny (Zpět): Vrácení změny (Zpět): Úpravy → ZpětÚpravy → Zpět (opakovat celkem 3 krát) (opakovat celkem 3 krát)

Vymazání celého obrázku:Vymazání celého obrázku: Obrázek → Vymazat obrázekObrázek → Vymazat obrázek

Úkol : Úkol : Nakreslete nástrojem Štětec květ květiny.Nakreslete nástrojem Štětec květ květiny. Pomocí štětce a jeho tvaru šikmé úsečky Pomocí štětce a jeho tvaru šikmé úsečky

vytvořte tvary písma v japonském stylu nebo vytvořte tvary písma v japonském stylu nebo hieroglify dle vlastní fantazie.hieroglify dle vlastní fantazie.

Vymazání Vymazání malá plocha: nástroj gumamalá plocha: nástroj guma větší plocha: tlačítko Výběr → Vymazat výběr (delete)větší plocha: tlačítko Výběr → Vymazat výběr (delete) celý obrázek: Obraz →Vymazatcelý obrázek: Obraz →Vymazat

Uložení obrázkuUložení obrázku Soubor → UložitSoubor → Uložit

Nastavení pravidelného obrazceNastavení pravidelného obrazce - čtverce, - čtverce, kružnicekružnice

SHIFT + Lt táhnoutSHIFT + Lt táhnout

Nástroj Úsečka Nástroj Úsečka

Postup:Postup: klikneme na nástroj Úsečkaklikneme na nástroj Úsečka na Paletě barev zvolíme barvuna Paletě barev zvolíme barvu zvolíme tloušťku úsečkyzvolíme tloušťku úsečky nastavíme ukazovátko na začátek úsečky a stiskneme nastavíme ukazovátko na začátek úsečky a stiskneme

levé tlačítko myšilevé tlačítko myši tažením myši nakreslíme úsečkutažením myši nakreslíme úsečku+ klávesa SHIFT – svislá, vodorovná, šikmá (pod úhlem + klávesa SHIFT – svislá, vodorovná, šikmá (pod úhlem

45o) úsečka 45o) úsečka

– slouží ke kreslení rovných čar

- různá šířka čáry

ÚsečkaÚsečka pro kreslení čáry Lt myši je automaticky pro kreslení čáry Lt myši je automaticky

používána nastavená barva popředípoužívána nastavená barva popředí pro kreslení čáry Pt myši je automaticky pro kreslení čáry Pt myši je automaticky

používána nastavená barva pozadípoužívána nastavená barva pozadí

Změna barvy existující čáry:Změna barvy existující čáry:1.1. Vybereme nástroj PlechovkaVybereme nástroj Plechovka2.2. Z Palety barev vybereme požadovanou barvu.Z Palety barev vybereme požadovanou barvu.3.3. Klepneme na čáru, kterou chceme změnit.Klepneme na čáru, kterou chceme změnit.

Nástroj Obdélník, Zaoblený Nástroj Obdélník, Zaoblený obdélník a Elipsaobdélník a Elipsa

Nastavení tloušťky obrysové čáry Nastavení tloušťky obrysové čáry u nástroje u nástroje ÚsečkaÚsečka ( (KřivkaKřivka).).

Pravidelný tvar (čtverec, kruh) Pravidelný tvar (čtverec, kruh) s klávesou SHIFT.s klávesou SHIFT.

volba způsobu výplně

jen obrys (bez výplně)s obrysem a výplníjen s výplní

Nástroj MnohoúhelníkNástroj Mnohoúhelník

lze kreslit složitější tvary a zajímavé obrazcelze kreslit složitější tvary a zajímavé obrazce strany mnohoúhelníku jsou spojované úsečkystrany mnohoúhelníku jsou spojované úsečky

volba způsobu výplně

PostupPostup nejprve tažením myši nakreslíme úsečku (1. stranu nejprve tažením myši nakreslíme úsečku (1. stranu

mnohoúhelníku)mnohoúhelníku) klepneme Lt vždy na místo, kde bude další vrchol klepneme Lt vždy na místo, kde bude další vrchol

mnohoúhelníku mnohoúhelníku spojení 1. a posledního vrcholu (uzavření spojení 1. a posledního vrcholu (uzavření

mnohoúhelníku): 2 krát Lt na místo posledního mnohoúhelníku): 2 krát Lt na místo posledního vrcholu nebo 1 krát na 1. vrchol mnohoúhelníku vrcholu nebo 1 krát na 1. vrchol mnohoúhelníku nebo vybrat jiný nástrojnebo vybrat jiný nástroj

při uzavření se mnohoúhelník vybarví, pokud máme při uzavření se mnohoúhelník vybarví, pokud máme vybraný obrys s výplnívybraný obrys s výplní

tloušťku čáry mnohoúhelníku nastavujeme u tloušťku čáry mnohoúhelníku nastavujeme u nástrojů Úsečka nebo křivkanástrojů Úsečka nebo křivka

chceme-li použít strany pod úhly 45o a 90o, držíme chceme-li použít strany pod úhly 45o a 90o, držíme SHIFTSHIFT

Úkol : Úkol : Nakreslete Nakreslete

vlajky některých států, např. Japonsko, vlajky některých států, např. Japonsko, ŠvédskoŠvédsko

dopravní značkydopravní značky

Nástroj VýběrNástroj Výběr

pomocí tohoto nástroje lze přesouvat části obrázkůpomocí tohoto nástroje lze přesouvat části obrázků máme-li výřez obrázku označený tímto nástrojem máme-li výřez obrázku označený tímto nástrojem VýběrVýběr, ,

můžeme měnit jeho velikost, různě ho otáčet, převracet, můžeme měnit jeho velikost, různě ho otáčet, převracet, zkosit, ale i kopírovat do schránkyzkosit, ale i kopírovat do schránky

- označí část obrázku do pravoúhelníku (obdélníku, čtverce)

- výběr libovolného tvaru- část obrázku si vybíráme obkreslením - při označování detailů, malých částí nebo když nám do části obrázku, kterou chceme označit, zasahují jiné.

Mazání části obrázku nástrojem Výběr:Mazání části obrázku nástrojem Výběr: umožní odstranění větší plochyumožní odstranění větší plochy označíme část obrázku a klávesou Delete ji odstranímeoznačíme část obrázku a klávesou Delete ji odstraníme

KopírováníKopírování označíme obrázek nebo jeho část nástrojem označíme obrázek nebo jeho část nástrojem VýběrVýběr Úpravy Úpravy Kopírovat Kopírovat nebo nebo CTRL+CCTRL+C nebo nebo Pt Pt

KopírovatKopírovat Úpravy Úpravy Vložit Vložit nebo nebo CTRL+VCTRL+V nebo nebo Pt Pt Vložit Vložit uchopíme nakopírovaný obrázek v levém horním rohu a uchopíme nakopírovaný obrázek v levém horním rohu a

přetáhneme na místo, kam potřebujemepřetáhneme na místo, kam potřebujeme můžeme opakovatmůžeme opakovat

Překlápění a otáčeníPřeklápění a otáčení

nástrojem Výběr označímenástrojem Výběr označíme Pt do výběru neboPt do výběru nebo

Obrázek Obrázek Překlopit či otočit Překlopit či otočit – – vybrat z možností vybrat z možností OK OK

Režim průhlednosti:Režim průhlednosti: při zapnutém tlačítku Výběr se objeví pod při zapnutém tlačítku Výběr se objeví pod

Panelem nástrojů ikony průhlednosti (1. ikona – Panelem nástrojů ikony průhlednosti (1. ikona – neprůhlednost, 2. ikona – průhlednost)neprůhlednost, 2. ikona – průhlednost)

klikneme Lt myši na ikonuklikneme Lt myši na ikonu

průhlednost zapnutá – průhledná barva průhlednost zapnutá – průhledná barva pozadí, v našem případě je bílápozadí, v našem případě je bílá

Nabídka Obrázek Nabídka Obrázek Kreslit neprůhledně Kreslit neprůhledně pokud chceme kreslit průhledně, nesmí být zatržítkopokud chceme kreslit průhledně, nesmí být zatržítko

Úkol : Úkol : Nakreslete Nakreslete

robotrobot síť krychle, kvádrusíť krychle, kvádru žebříkžebřík

Nástroj PlechovkaNástroj Plechovka

nejprve nakreslíme obrys útvaru a potom ho vybarvíme – nejprve nakreslíme obrys útvaru a potom ho vybarvíme – klikneme myší dovnitř útvaru, barva se vylije do celé klikneme myší dovnitř útvaru, barva se vylije do celé uzavřené plochyuzavřené plochy

klepnutím Lt vyplníme plochu barvou popředí, klepnutím klepnutím Lt vyplníme plochu barvou popředí, klepnutím Pt bude použita barva pozadíPt bude použita barva pozadí

pokud nedotáhneme čáru, vznikne mezera (okraj útvaru pokud nedotáhneme čáru, vznikne mezera (okraj útvaru je přerušen), dojde k rozlití barvy po celé ploše (krok je přerušen), dojde k rozlití barvy po celé ploše (krok Zpět Zpět místo např. tužkou pomocí lupy spojíme) místo např. tužkou pomocí lupy spojíme)

tímto nástrojem nemusíme vybarvovat jen uzavřené tímto nástrojem nemusíme vybarvovat jen uzavřené plochy, ale i obrysy útvarů – myší klikneme na čáru, plochy, ale i obrysy útvarů – myší klikneme na čáru, kterou chceme změnit (u složitějšího tvaru čáry se změní kterou chceme změnit (u složitějšího tvaru čáry se změní barva i připojených čarbarva i připojených čar

k vybarvení uzavřené plochy, popř. obrysu útvaru

Nástroj SprejNástroj Sprej

zmáčkneme tlačítko myši a tažením myši zmáčkneme tlačítko myši a tažením myši kreslíme obrázekkreslíme obrázek

záleží na rychlosti pohybu myšizáleží na rychlosti pohybu myši Lt – barva popředíLt – barva popředí Pt – barva pozadíPt – barva pozadí

nanášíme barevné kapičkynanášíme barevné kapičky 3 možnosti rozptylu kapiček3 možnosti rozptylu kapiček

Nástroj LupaNástroj Lupa ke kreslení detailů ke kreslení detailů k jemné a přesné práci s jednotlivými body k jemné a přesné práci s jednotlivými body

obrazuobrazu

výběr ze 4 možností zvětšenívýběr ze 4 možností zvětšení

nejprve vybereme tu část obrazu, kterou chceme nejprve vybereme tu část obrazu, kterou chceme zvětšit, potom vybereme lupuzvětšit, potom vybereme lupu

ve zvětšeném obrázku můžeme používat všechny ve zvětšeném obrázku můžeme používat všechny nástroje kromě nástroje kromě TextuTextu

chceme-li lupu zrušit, opět ji vybereme a klepneme chceme-li lupu zrušit, opět ji vybereme a klepneme někam do obrázku někam do obrázku

pro lepší a přesnější kreslení v režimu pro lepší a přesnější kreslení v režimu LupaLupa si lze si lze zapnout tzv. zapnout tzv. mřížkumřížku (síť, do které kreslíme jednotlivé (síť, do které kreslíme jednotlivé body):body):

Zobrazit Zobrazit Lupa Lupa Zobrazit mřížku Zobrazit mřížku (CTRL+G) (CTRL+G) zrušení mřížky: zrušení mřížky:

Zobrazit Zobrazit Lupa Lupa zrušíme zaškrtnutí u zrušíme zaškrtnutí u Zobrazit Zobrazit mřížku mřížku nebo nebo

Zobrazit Zobrazit Lupa Lupa Normální velikost Normální velikost můžeme si zapnout tzv. můžeme si zapnout tzv. miniaturuminiaturu (na obrazovce vidíme (na obrazovce vidíme

jak zvětšený náhled, tak samotný celý obrázek, pokud jak zvětšený náhled, tak samotný celý obrázek, pokud provádíme úpravy, jsou vidět i na miniatuřeprovádíme úpravy, jsou vidět i na miniatuře

Zobrazit Zobrazit Lupa Lupa Zobrazit miniaturu Zobrazit miniaturu tento nástroj je vhodný pouze k jemným tento nástroj je vhodný pouze k jemným

úpravám obrázku, není vhodné takto kreslit úpravám obrázku, není vhodné takto kreslit celý obrázek, protože tak nemáme přehled celý obrázek, protože tak nemáme přehled o skutečné velikosti obrázkuo skutečné velikosti obrázku

Nástroj textNástroj text

text se po dopsání stává text se po dopsání stává obrázkem a již nejde znovu upravovat, můžeme obrázkem a již nejde znovu upravovat, můžeme ho pouze označit a přesunoutho pouze označit a přesunout

pokud ho chceme upravit, musíme text vymazat, pokud ho chceme upravit, musíme text vymazat, poopravit původní obrázek a vložit text znovupoopravit původní obrázek a vložit text znovu

pokud máme zapnutou lupu, nelze vložit text, pokud máme zapnutou lupu, nelze vložit text, musíme mít normální zobrazenímusíme mít normální zobrazení

velikost a další parametry psaného textu velikost a další parametry psaného textu můžeme měnit v panelu nástrojů Text můžeme měnit v panelu nástrojů Text pokud se při zvolení nástroje textu nezobrazí, pokud se při zvolení nástroje textu nezobrazí,

zapneme: zapneme:

Zobrazit Zobrazit Panel nástrojů Text Panel nástrojů Text

Zobrazit Panel nástrojů Text

před zahájením psaní myší vyznačíme oblast, do které před zahájením psaní myší vyznačíme oblast, do které se text vepíšese text vepíše

pokud vyznačíme malý obdélník, bude se text zalamovat pokud vyznačíme malý obdélník, bude se text zalamovat do dalšího řádku – zvětšíme za uchopovací boddo dalšího řádku – zvětšíme za uchopovací bod

pokud chceme psát text přes sebe, nastavíme průhledné pokud chceme psát text přes sebe, nastavíme průhledné pozadípozadí

pokud zapomeneme napsat např. háček, můžeme jej pokud zapomeneme napsat např. háček, můžeme jej pomocí lupy (ve zvětšení vybereme z jiného textu) a pomocí lupy (ve zvětšení vybereme z jiného textu) a kopírování umístit na správné místokopírování umístit na správné místo

na text můžeme použít efekty jako překlápění a natáčení na text můžeme použít efekty jako překlápění a natáčení jen po 90jen po 90oo, roztáhnutí a zkosení nebo inverzi barev, roztáhnutí a zkosení nebo inverzi barev

Uložení obrázkuUložení obrázku

v horní části dialogového okna vybereme disk a v horní části dialogového okna vybereme disk a složku, kam chceme obrázek uložitsložku, kam chceme obrázek uložit

v dolní části okna napíšeme název obrázku a v dolní části okna napíšeme název obrázku a zvolíme formát, ve kterém bude obrázek uloženzvolíme formát, ve kterém bude obrázek uložen pokud nenastavíme jinak, je nabídnut formát BMPpokud nenastavíme jinak, je nabídnut formát BMP pro uložení můžeme použít i formát GIF (používaný pro uložení můžeme použít i formát GIF (používaný

pro internet, umožňuje bezeztrátovou kompresi, je pro internet, umožňuje bezeztrátovou kompresi, je ideální hlavně pro obrázky nakreslené v programu ideální hlavně pro obrázky nakreslené v programu Malování) nebo JPEG (často používaný u Malování) nebo JPEG (často používaný u skenovaných obrázků v prostředí Webu)skenovaných obrázků v prostředí Webu)

Soubor → Uložit

Můžeme ještě zvolit úroveň barevnosti: Můžeme ještě zvolit úroveň barevnosti: 24bitový rastr (paleta 16,7 milionů barev, 24bitový rastr (paleta 16,7 milionů barev,

výsledný soubor je největší)výsledný soubor je největší) 256barevný rastr (8-bitová barva – běžná u 256barevný rastr (8-bitová barva – běžná u

programů pro kancelářské aplikace)programů pro kancelářské aplikace) 16barevný rastr (4-bitová barva, paleta 16 16barevný rastr (4-bitová barva, paleta 16

barev – dnes již zastaralá) barev – dnes již zastaralá) černobílý rastr (pouze černá a bílá barva)černobílý rastr (pouze černá a bílá barva)

Otevření obrázku (souboru):Otevření obrázku (souboru): Soubor → Otevřít

Úkol : Úkol : Nakreslete Nakreslete

disketudisketu stonožkustonožku

Nástroj KřivkaNástroj Křivka

nejprve tahem vyznačíme počáteční a koncový nejprve tahem vyznačíme počáteční a koncový bod křivky – vidíme nakreslenou úsečkubod křivky – vidíme nakreslenou úsečku

na úsečku klikneme Lt (body zakřivení) – na úsečku klikneme Lt (body zakřivení) – uchopením a tažením tvarujeme křivku – uchopením a tažením tvarujeme křivku – můžeme nejvýše 2 krát můžeme nejvýše 2 krát

ke kreslení plynulých hladkých křivek (při použití ke kreslení plynulých hladkých křivek (při použití tužky vzniká kostrbatý tvar)tužky vzniká kostrbatý tvar)

můžeme nastavit tloušťku křivkymůžeme nastavit tloušťku křivky

Nástroj KapátkoNástroj Kapátko

Pokud nám při kreslení nestačí přednastavené barvy Pokud nám při kreslení nestačí přednastavené barvy ze základního panelu, lze si zvolit ze základního panelu, lze si zvolit vlastní barvy:vlastní barvy:

v nabídce v nabídce BarvyBarvy Upravit barvyUpravit barvy (nebo 2 krát Lt na (nebo 2 krát Lt na barvu v Paletě barev) barvu v Paletě barev) Definovat vlastní barvy Definovat vlastní barvy – – Lt na paletu barev – změníme odstín a sytost a Lt na paletu barev – změníme odstín a sytost a potom změníme posunutím jezdce světlost barvy potom změníme posunutím jezdce světlost barvy Přidat do vlastních barevPřidat do vlastních barev

můžeme si vybrat barvu (přesný odstín) přímo z obrázku Lt vybereme barvu popředí

Pt vybereme barvu pozadí

Náměty na kreslení: Náměty na kreslení: rybaryba drakdrak motýl motýl

Roztáhnout či zkosit Roztáhnout či zkosit

nástrojem Výběr označímenástrojem Výběr označíme Pt do výběru nebo Pt do výběru nebo

Obrázek Obrázek Roztáhnout či zkosit Roztáhnout či zkosit – – RoztáhnoutRoztáhnout - doplnit velikost v %, - doplnit velikost v %,

ZkositZkosit – úhel ve stupních – úhel ve stupních OK OK

Krychle ve volném rovnoběžném Krychle ve volném rovnoběžném promítánípromítání

zkrátit svisle na 50%, zkosit vodorovně na 45o

Malování ve Windows – Počítačová grafikaMalování ve Windows – Počítačová grafika

Použitý software: držitel licence - ZŠ J. J. Ryby v Rožmitále p.Tř.Použitý software: držitel licence - ZŠ J. J. Ryby v Rožmitále p.Tř. Windows XP ProfessionalWindows XP Professional MS Office MS Office Zoner - České klipartyZoner - České kliparty obrázky z internetuobrázky z internetu obrázky nakreslené v Malování ve Windowsobrázky nakreslené v Malování ve Windows

Autor: Mgr. Bohumila ZajíčkováAutor: Mgr. Bohumila ZajíčkováZŠ J. J. Ryby v Rožmitále p.Tř. (ZŠ J. J. Ryby v Rožmitále p.Tř. (www.www.zsrozmitalzsrozmital..czcz))