INFORMATIKA PRO ZŠ. Ing. Veronika Šolcová

4. Grafika, prohlížeče obrázků, Zoner Callisto.notebook

September 10, 2016

INFORMATIKA PRO ZŠ 4 Ing. Veronika Šolcová 11. 7. 2016

1


September 10, 2016

Anotace: 1.

Rastrová grafika

2. Vektorová grafika 3. Prohlížeče obrázků 4. IrfanView 5. Zoner Callisto

2


September 10, 2016

Citace:

KOVÁŘOVÁ, Libuše. Informatika pro základní školy. Vyd. 2. Kralice na Hané: Computer Media, 2009. ISBN 9788074020162.

3


September 10, 2016

GRAFIKA dva druhy grafických objektů: rastrové (bitmapové) vektorové

4


September 10, 2016

Rastrová grafika • rastrový obrázek je složen z jednotlivých bodů - pixelů • je to vidět při mnohonásobném zvětšení • tato grafika je vhodná pro fotografie

5


September 10, 2016

Velikost obrázku • rozměr obrázku se udává v počítačových jednotkách - pixelech • např. 800 x 600 znamená, že obrázek je 800 pixelů široký a 600 pixelů vysoký; tvoří ho 480 000 bodů • na monitoru s rozlišením 800 x 600 zabere celou obrazovku

6


September 10, 2016

• na monitoru s rozlišením 1 200 x 1 200 zabere asi

plochy

• velikost obrázku = datová objemnost, tj. velikost souboru při uložení na disk • např. 20 kB má nepříliš velký obrázek s málo barvami; 3,7 MB má velká fotka s hodně barvami • obecně mají obrázky mnohem větší velikost než text

7


September 10, 2016

Rastrové formáty a přípony souborů • formátů (způsobů záznamů) je mnoho • soubor s příponou BMP má při plné barevnosti, tj. 32 bitů (= 4 byty) velikost 800 x 600 x 4 byty = 1,9 MB • pro běžnou práci stačí barevnost 16 bitů (= 2 byty); ale i to je pro webovou stránku mnoho

8


September 10, 2016

• proto je nutno soubory komprimovat (zmenšit velikost souboru) • komprimace je buď ztrátová nebo bezeztrátová • typický formát pro ztrátovou komprimaci je JPG (JPEG) - je nejrozšířenější na internetu, komprimuje soubor BMP na řádově desetinu velikosti při zachování rozumné kvality

9


September 10, 2016

• pozor na přehnanou ztrátovou komprimaci (objeví se různé vlny a skvrny) - takto zkomprimovaný obrázek už nikdy nebude mít původní kvalitu • před komprimací se vždy udělej kopii • další přípony rastrových souborů: GIF, TIF, PCX, RAW, WMF, TGA atd. • GIF má zajímavou variantu animovaného GIFu (pohybující se obrázky na internetu)

10


September 10, 2016

1 byte = 8 bitů 1 byte je obvykle nejmenší objem dat, se kterými dokáže procesor přímo pracovat

11


September 10, 2016

Vektorová grafika • vektorový objek vychází z geometrie, z matematického popisu plošných útvarů • objekt je popsán pomocí vektorů (úseček)

12


September 10, 2016

• program si pamatuje data základních objektů a při úpravě upraví rovnici objektu • celkový obrázek se skládá z různých upravených předdefinovaných objektů čar, obdélníků, textu apod. • při zvětšování obrázku je zachována kvalita • tato grafika je vhodná pro kreslení klipartů, obrázků na webové stránky apod.

13


September 10, 2016

Změna grafického formátu • editory rastrových obrázků ukládají obrázky v běžných formátech BMP, TIF, GIF, JPG atd., ale nedokážou převádět na vektorovou grafiku • editory vektorové grafiky převod do rastrové umí (příkaz Export)

14


September 10, 2016

PROHLÍŽEČE OBRÁZKŮ • umožňují pohodlné prohlížení a editaci • lze otevřít jeden snímek a pomocí šipek zobrazovat další obrázky ve složce • lze měnit jas, sytost barev, přidat efekty, odstranit efekt červených očí od blesku, změnit velikost • slouží k převodu mezi formáty

15


September 10, 2016

Prohlížeč obrázků a faxů • součástí Windows je Prohlížeč obrázků a faxů • obvykle nemá v nabídce programů zástupce • spouští se automaticky poklepáním na obrázek (pokud nemáš nainstalovaný jiný prohlížeč) • má jen základní funkce

16


September 10, 2016

IrfanView • volně šiřitelný (www.irfanview.cz) • jednoduché ovládání • v hlavní nabídce Soubor ⇒ Otevřít stačí otevřít první obrázek a každý další se zobrazí šipkou doprava nebo mezerníkem • lze se vracet zpět levou šipkou

17


September 10, 2016

Prohlížeč IrfanView:

18


September 10, 2016

• v nabídce Soubor je mnoho dalších prvků (přejmenovat, přesunout, zkopírovat, smazat atd.) • v nabídce Soubor je příkaz Uložit jako s výběrem celé řady formátů (Uložit jako typ ) • při použití komprimovaného formátu si vždy nejprve obrázek zkopíruj (pro případ nekvalitního výsledku)

19


September 10, 2016

• u JPG nastavuj kvalitu kolem 80 % • když zapomeneš, kam jsi obrázek uložil, můžeš použít v nabídce Soubor příkaz Znovu otevřít

20


September 10, 2016

Ořez obrázku: • nejprve vyber tu část, kterou chceš zachovat (zarámuj kurzorem myši do obdélníku) • v nabídce Úpravy vyber Výběr oříznutí • oříznutý obrázek Uložit jako pod novým názvem

21


September 10, 2016

Odstranění červených očí • obrázek hodně zvětši • označ prostor kolem očí • Obrázek ⇒ Úprava červených očí (výběr) • výsledek ulož

22


September 10, 2016

Změna velikosti obrázku: • Obrázek ⇒ Změnit velikost / Převzorkovat • nejčastěji se nastaví velikost v procentech vůči originálu • k dispozici jsou i předdefinované standardní rozměry

23


September 10, 2016

Úprava jasu, kontrastu a barev: • Obrázek ⇒ Úpravy barev ⇒ položky Jas, Kontrast, Gamma, Barevné vyvážení • změny aplikuj pomocí posuvníků a změny sleduj vpravo v náhledu • Uložit jako (nejlépe pod novým názvem)

24


September 10, 2016

Přidávání efektů: • Obrázek ⇒ Efekty ⇒ Prohlížeč efektů • potvrzením OK se efekt použije • změny Uložit jako (nejlépe pod novým názvem)

• program má řadu dalších funkcí

25


September 10, 2016

ZONER CALLISTO • vektorový grafický editor • u levého okraje okna jsou na panelu Základní nejčastěji používané editační nástroje • první dvě ikony slouží k výběru a editaci • pomocí nich se objekty označují, přesouvají, mění se barva apod.

26


September 10, 2016

• další nástroje vkládají objekty (Křivky, Tvary, Text atd.) • malá černá šipka v pravém dolním rohu znamená další volby (otevře podnabídku) • další skupina nástrojů slouží k nastavování různých pohledů na pracovní plochu editoru

27


September 10, 2016

• v horní části okna jsou panely Text, Standardní a Alternativní (ikony se mění podle toho, jaký nástroj je předvolený v panelu Základní)

28


September 10, 2016

Vkládání objektů • tažením: zvol nástroj a myší nakresli tvar na stránce (pravidelné tvary pomocí klávesy Ctrl) • zadáním číselných rozměrů: je přesný, výhodou je i možnost okamžitého tvaru rohů; zvol nástroj, klepni kurzorem myši do volného místa pracovní plochy objeví se dialogové okno, kde zadáš přesné rozměry, nastavíš tvar rohu, přip. použiješ sražení

29


September 10, 2016

Základní editace • jakýkoli objekt označíš ikonou Výběr (první v pořadí na Základním panelu nástrojů) • klepni levým tlačítkem myši na objekt, kolem objektu se vykreslí úchopné body ke změně velikosti

30


September 10, 2016

• objekt lze přesouvat uchopením za hranu (nikoli za úchopné body) a tažením na jiné místo • k přesouvání lze použít šipky na klávesnici • objektem lze otáčet a zkosit ho: prvním klepnutím objekt označ, druhým klepnutím se úchopné body změní na dvojité šipky (v rozích zaoblené), rohové slouží k rotaci, šipky po stranách slouží ke zkosení

31


September 10, 2016

Tvarování objektů • k úpravám jednotlivých bodů objektů se použije ikona Tvarování objektů (hned pod Výběrem) • objeví se úchopné body ke změně velikosti a středový úchopný bod k rotaci • při vypnutém nástroji Zachovat úhly rámce lze objekt zkosit tak, že posuneš jednu stranu rámce tažením za čtverec v jejím středu

32


September 10, 2016

Základní tvary • čtverec, obdélník • čtverec kresli pomocí nástroje Obdélník se stisknutou klávesou Ctrl nebo použij nástroj Čtverec • v Alternativním panelu nástrojů lze měnit tvar a nastavení objektů i dodatečně po jejich nakreslení (to v Malování nejde)

33


September 10, 2016

Vodicí lišta • pomocná čára pro přesné zarovnávání objektů na stránce • aktivuje se umístěním kurzoru myši do pravítka (levého či horního) • pak stiskni levé tlačítko myši a táhni kurzorem z pravítka směrem do stránky na požadovanou pozici, uvolni tlačítko myši • objekt, který je poblíž, se automaticky zarovná k liště • vodicích lišt může být víc • vodicí lišty lze skrýt i odstranit

34


September 10, 2016

Kružnice, elipsa • u elipsy opět platí, že když podržíš Ctrl, vykreslí se kruh • lze kreslit buď z rohu (Podle obdélníku ) nebo Ze středu - tyto volby jsou na Alternativním panelu nástrojů po aktivaci nástroje Elipsa

35


September 10, 2016

Změna měřítka pracovní plochy • používej co nejčastěji nástroje změny měřítka • ikony jsou vlevo v dolní části Základního panelu (zvětšení, zmenšení, předchozí měřítko, zobrazení celé stránky v co největším zvětšení ...) • můžeš použít kolečko myši - stiskni Ctrl a najeď kurzorem na místo, které chceš zvětšit, pootoč kolečkem - pohyb od sebe zvětšuje, pohyb k sobě zmenšuje

36


September 10, 2016

• pokud "vyjedeš" mimo prostor, kde pracuješ, použij tlačítko Celá stránka

37


September 10, 2016

Mnohoúhelník a hvězda • lze vložit dvěma způsoby • zvol nástroj, na ploše buď klepni myší (vyvoláš okno, kde zadáš rozměry a počet cípů) nebo stiskni levé tlačítko myši a myší táhni • počet cípů lze měnit: Výběr ⇒ označ objekt a v Alternativním panelu nastav požadovaný počet

38


September 10, 2016

• tvar lze kreslit za stálého držení levého tlačítka myši a kolečkem myši plynule měnit počet vrcholů - po uvolnění tlačítka myši se tvar se zvoleným počtem hrotů vloží

39


September 10, 2016

Ostrost vrcholů hvězd • nastavuje se v procentech • udává vzdálenost místa, kde se paprsky setkávají, od středu hvězdy

40


September 10, 2016

Duplikační režim • Výběr ⇒ ikona Duplikační režim v Alternativním panelu • po její aplikaci se při akci s objektem vytvoří další nový objekt • původní objekt zůstane beze změny • objekty lze kopírovat i klasicky pomocí Ctrl+C , po vložení Ctrl+V budou na sobě položeny dva stejné objekty

41


September 10, 2016

Barvy • po označení objektu použij paletu barev v dolní části okna • levým tlačítkem myši nastavíš barvu hraniční čáry objektu (obrysu) • pravým tlačítkem myši nastavíš barvu vnitřku (výplně)

42


September 10, 2016

Pořádí objektů • program skládá nově vytvořené objekty vždy nahoru • Výběr ⇒ panel Pořadí objektů v Alternativním panelu ⇒ několik ikon: Úplně dolů, Úplně nahoru, O jeden nahoru, O jeden dolů • často je při rovnání objektů vhodné použít vodicí linky

43


September 10, 2016

Křivky • křivka může mít tvar zakřivené čáry či úsečky • jednoduché křivky a úsečky jsou tvořeny dvěma koncovými body, křivka má v těchto bodech směrnice • směrnice svým směrem a velikostí udávají směr a hloubku zakřivení • směrnice je tečna ke křivce v daném bodě

44


September 10, 2016

• kreslená úsečka je nejjednodušší tvar (Křivky ⇒ Jednoduchá úsečka ) • lze nastavovat sklon pomocí ikony Po 15 stupních • při práci s křivkami je nejdůležitější natrénovat modelování křivek podle polohy koncových bodů a směrnic

45


September 10, 2016

• nakreslené křivky lze následně tvarovat pomocí nástroje Tvarování objektů pomocí úchopných bodů - prvním klepnutím myší se označí koncové body, druhým klepnutím se křivka zbarví a zobrazí se směrnice • tvar křivky můžeš měnit i tak, že chtneš kurzorem myši křivku - zachytí se bod na křivce - můžeš měnit polohu tohoto bodu a tím tvar křivky

46


September 10, 2016

• pomocí nástroje Spojené úsečky lze kreslit lomené čáry • aby se lépe kreslily rovnoběžky, zapni si nástroj Po 15 stupních • křivku ukončíš tak, že začneš kreslit novou (Nová křivka v Alternativním panelu) • čáry lze napojovat pomocí nástroje Napojit na existující křivku

47


September 10, 2016

• užitečný nástroje k uzavírání křivek je Douzavřít (jen uzavřené křivky lze vybarvovat) • pomocí nástroje Složená křivka můžeš kreslit složitější křivky (např. houslový klíč) • přechod mezi úseky lze upravovat

48


September 10, 2016

• v každém uzlu jsou dvě směrnice, pro předchozí a pro následující úsek • v Alternativním panelu jsou nástroje symetrický, hladký nebo ostrý přechod

49


September 10, 2016

Zrcadlení • používá se u symetrických tvarů • nakresli křivku, označ ji, zapni Duplikační režim a zrcadli podle zvolené osy (svisle, vodorovně, šikmo)

50


September 10, 2016

Text • dva druhy: odstavcový a umělecký • Odstavcový text je ikona s písmenem T v panelu po levé straně • myší vykresli na pracovní plochu obdélník - textové pole je zobrazeno dvěma vodorovnými čarami, nad první čarou je kurzor • text se bude pravděpodobně psát písmem Arial (font lze měnit)

51


September 10, 2016

• s textem lze v programu pracovat stejně jako s kterýmkoliv jiným objektem • Umělecký text má ikonu s písmenem A • po tažení myší po ploše se zobrazí úsečka - podle ní se vkládá text • při změně velikosti textového pole se změní písmena (obdoba WordArt)

52


September 10, 2016

• pomocí palety barev v dolní části lze měnit barvu písmen • po označení textového pole se levým tlačítkem nastavuje barva okrajů a pravým výplň • existují tři režimy editace textuEditace textu, Tvarování základny nebo Tvarování textového rámce

53


September 10, 2016

Vkládání obrázků • Vkládání obrázků - klepni na ikonu, nalistuj cestu k souboru, obrázek vložíš buď klepnutím do pracovní plochy nebo vymodeluješ kurzorem obdélník • pokud vložíš Klipart, můžeš ho upravovat, protože je to vektorový objekt • fotografie lze upravovat pomocí příkazu Bitmapy ⇒ Editovat bitmapu (jas, ostrost, efekty)

54


September 10, 2016

Barevná výplň • objekt lze vybarvit jednou nebo více barvami (přechodová výplň) • označ objekt, klepni na Galerie ⇒ Výplň ⇒ rozbal nabídku u položky Typ a změn na Lineární • výběr barvy musíš pokaždé potvrdit tlačítkem Použít

55

INFORMATIKA PRO ZŠ. Ing. Veronika Šolcová

Recommend Documents