Kreslíme do webu. Canvas

Save this PDF as:
 WORD  PNG  TXT  JPG

Rozměr: px
Začít zobrazení ze stránky:

Download "Kreslíme do webu. Canvas"

Transkript

1 Kreslíme do webu Canvas

2 Počítačová grafika Bitmapy vs Vektory Bitmapy: - obraz je složen z bodů (pixelů), které mají definované vlastnosti Vektory: - obraz je složen z grafických prvků (primitiv), které mají definované vlastnosti

3 Počítačová grafika Bitmapová grafika Obraz je tvořen maticí barevných bodů

4 Počítačová grafika Bitmapová grafika při změně velikosti dochází k degradaci obrazu

5 Počítačová grafika Bitmapová grafika Degradace je nevratná: zmenšením ztratíme data...

6 Počítačová grafika Bitmapová grafika...po opětovném zvětšení je obraz nekvalitní.

7 Počítačová grafika Bitmapová grafika... ALE JE RYCHLÁ! a dobře se s ní pracuje (programátorsky to je "matice bodů" dvojrozměrné pole) Formáty: GIF, PNG, BMP, JPG (ztrátová komprese) Editory: Photoshop, Gimp, Paint.NET atd.

8 Počítačová grafika Vektorová grafika Pracuje s elementy jako je "čára", "elipsa", "obdélník", "křivka", kterým definuje vlastnosti (průhlednost, barvu výplně, barvu obrysu, sílu obrysu...)

9 Počítačová grafika Vektorová grafika při změně velikosti zůstává obraz stále stejně kvalitní

10 Počítačová grafika Vektorová grafika je pomalejší nehodí se pro fotografie, obrazy apod., spíš pro diagramy či kresby, složené z objektů Formáty: SVG, AI, CDR Editory: CorelDRAW, Adobe Illustrator, Inkscape

11 Canvas Bitmapový nástroj HTML5, který umožňuje kreslit přímo do stránky 2D/3D obrazy. Kreslení (manipulace s obrazem) probíhá pomocí JavaScriptu. Jak na to?

12 Canvas Canvas je prostý blokový element: <canvas id="mycanvas" width="300" height="150"> Náhradní obsah pro prohlížeče, které canvas nepodporují. </canvas> canvas1.html

13 Canvas V JS získáme nejprve objekt pro manipulaci s tímto elementem: var elem = document.getelementbyid('mycanvas'); if (elem && elem.getcontext) {... }

14 Canvas... a pak požádáme o kontext tedy o "přístup k canvasu": var elem = document.getelementbyid('mycanvas'); if (elem && elem.getcontext) { var context = elem.getcontext('2d'); if (context) {... } }

15 Canvas Kontext inicializujeme a získáme pomocí getcontext(). Parametr je "2d" nebo "3d", to podle toho, jestli chceme kreslit 2D nebo 3D grafiku. Každý canvas může mít jen jeden kontext!

16 Canvas Máme kontext, tak něco nakreslíme: var context = elem.getcontext('2d'); if (context) { context.fillrect(0, 0, 150, 100); } Kreslí se pomocí metod kontextu. fillrect(x, y, w, h) levý horní roh, výška, šířka canvas2.html

17 Přidáme barvu výplně: Canvas var context = elem.getcontext('2d'); if (context) { context.fillstyle = "#0000FF"; context.fillrect(0, 0, 150, 100); }

18 Canvas Nakreslíme si prázdný obdélník, jen s obrysem nadefinujeme si barvu a tloušťku čáry: var context = elem.getcontext('2d'); if (context) { context.strokestyle = "#FF0000"; context.linewidth = 7; //v pixelech context.strokerect(0, 0, 150, 100); }

19 Canvas Prázdný obdélník ("průhledný") vytvoříme pomocí clearrect: var context = elem.getcontext('2d'); if (context) { context.clearrect(40, 40, 30, 30); }

20 Spojíme vše dohromady Canvas context.fillstyle = "#0000FF"; context.strokestyle = "#FF0000"; context.linewidth = 7; context.fillrect(0, 0, 100, 100); context.strokerect(20, 20, 100, 100); context.clearrect(40, 40, 30, 30); canvas3.html

21 Vida! A co třeba toto? Canvas context.fillstyle = "#FFFF00"; context.strokestyle = "#000000"; context.linewidth = 7; context.fillrect(10, 10, 100, 100); context.strokerect(10, 10, 100, 100); context.fillstyle = "#000000"; context.fillrect(30, 30, 20, 30); context.fillrect(70, 30, 20, 30); context.fillrect(30, 80, 60, 10); canvas4.html

22 Hranatý smajlík? Canvas Chceme kulatý!

23 Canvas Kruh v 2D canvasu není! Překvápko! Máme čáry, křivky a oblouky a můžeme je spojovat. moveto(x,y) přesune pero na zadanou pozici lineto(x,y) nakreslí čáru z poslední pozice na zadanou

24 moveto(10, 10) Canvas lineto(100, 10) lineto(10, 40)

25 Canvas Cesty: začneme beginpath(); pak kreslíme jak potřebujeme na konci zavoláme buď stroke(); nebo fill(); (nebo obojí), čímž vykreslíme obrys / výplň cestu uzavřeme pomocí closepath()

26 Canvas context.beginpath(); context.moveto(10, 10); context.lineto(100, 10); context.lineto(10, 100); context.fill(); context.stroke(); context.closepath(); canvas5.html

27 Canvas Co ten kruh? "Circle" není, ale je oblouk (arc) arc(x, y, poloměr, počáteční úhel, koncový úhel, směr)

28 Canvas arc (50, 50, 40, 0, 1, false); arc (50, 50, 40, 0, 2, false); arc (50, 50, 40, 0, , false); Math.PI arc (50, 50, 40, 0, 2*Math.PI, false);

29 Canvas Křivky quadraticcurveto (cx, cy, x, y) beziercurveto (c1x, c1y, c2x, c2y, x, y)

30 Canvas context.arc(50, 50, 40, 1, 4, false); context.moveto(150,50); context.quadraticcurveto(200,0,250,50); context.moveto(300,10); context.beziercurveto(350,0,250,80, 300, 100); canvas6.html

31 Všechno dohromady... Canvas canvas7.html

VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod

VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod VY_32_INOVACE_INF4_12 Počítačová grafika Úvod Základní rozdělení grafických formátů Rastrová grafika (bitmapová) Vektorová grafika Základním prvkem je bod (pixel). Vhodná pro zpracování digitální fotografie.

Více

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1 Počítačová grafika 1 POČÍTAČOVÁ GRAFIKA Gymnázium Jiřího Wolkera v Prostějově Výukové materiály z matematiky pro nižší gymnázia Autoři projektu Student na prahu 21. století - využití ICT ve vyučování matematiky

Více

aneb Malířem snadno a rychle

aneb Malířem snadno a rychle MALUJEME V MALOVÁNÍ aneb Malířem snadno a rychle Počítačová grafika nás dnes obklopuje na každém kroku veškeré tiskoviny, noviny, časopisy, knihy, letáky, billboardy apod. už se dnes bez retušování a úprav

Více

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice

Více

Technologie SVG a HTML5 objekt Canvas jako perspektivní metody vkládání dynamické grafiky do www stránek SVG technology and HTML5 Canvas object as

Technologie SVG a HTML5 objekt Canvas jako perspektivní metody vkládání dynamické grafiky do www stránek SVG technology and HTML5 Canvas object as Technologie SVG a HTML5 objekt Canvas jako perspektivní metody vkládání dynamické grafiky do www stránek SVG technology and HTML5 Canvas object as perspective methods for inserting dynamic graphics into

Více

Rastrová grafika. Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou

Rastrová grafika. Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou Rastrová grafika Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou Kvalita je určena rozlišením mřížky a barevnou hloubkou (počet bitů

Více

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO 1 Základní dělení 3D grafika 2D grafika vektorová rastrová grafika 2/29 Vektorová grafika Jednotlivé objekty jsou tvořeny křivkami Využití: tvorba diagramů,

Více

Grafické editory. Ing. Jan Steringa 2008

Grafické editory. Ing. Jan Steringa 2008 Grafické editory Ing. Jan Steringa 2008 Grafický editor aplikace určená pro tvorbu nebo úpravu grafických dat (obrázky, výkresy) rozdělení grafických editorů vektorové rastrové jednoúčelové komplexní pro

Více

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely Počítačová grafika OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely Vektorová grafika Vektorová grafika Příklad vektorové grafiky Zpět na Obsah Vektorová grafika Vektorový

Více

Jak namalovat obraz v programu Malování

Jak namalovat obraz v programu Malování Jak namalovat obraz v programu Malování Metodický text doplněný praktickou ukázkou zpracovanou pro moţnost promítnutí v prezentačním programu MS PowerPoint PaedDr. Hana Horská 20. 7. 2006, aktualizováno

Více

Vektory a web. Základy práce s vektory. Rozvržení dokumentu

Vektory a web. Základy práce s vektory. Rozvržení dokumentu může evokovat jednoduché zobrazení sestávající ze základních geometrických tvarů a křivek. Pravda je ovšem taková, že pomocí vektorů lze vytvořit i velmi komplikované nebo realistické kresby. Mezi nejrozšířenější

Více

Základy práce v programovém balíku Corel

Základy práce v programovém balíku Corel Základy práce v programovém balíku Corel Mgr. Tomáš Pešina Výukový text vytvořený v rámci projektu DOPLNIT První jazyková základní škola v Praze 4, Horáčkova 1100, 140 00 Praha 4 - Krč Základy počítačové

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

Plnohodnotné kreslení

Plnohodnotné kreslení Plnohodnotné kreslení KAPITOLA 6 V této kapitole: Odbočka (terminologická): Yak Shaving HTML Klíčové slovo this a pseudoprivátní vlastnosti Příprava canvasu a mřížka Buňky a atomy v nich Ostatní

Více

Elektromagnetické záření. Zdroj: http://www.fotografovani.cz/images3/rom_svetlo_1_02.gif

Elektromagnetické záření. Zdroj: http://www.fotografovani.cz/images3/rom_svetlo_1_02.gif Počítačová grafika Elektromagnetické záření Zdroj: http://www.fotografovani.cz/images3/rom_svetlo_1_02.gif Jak vidíme Naše oči vnímají elektromagnetické záření Jsou citlivé na vlnové délky 390 až 800 nm

Více

DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ

DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ UMT Tomáš Zajíc, David Svoboda Typy počítačové grafiky Rastrová Vektorová Rastrová grafika Pixely Rozlišení Barevná hloubka Monitor 72 PPI Tiskárna

Více

Ot. 8. Vektorová grafika

Ot. 8. Vektorová grafika Ot. 8. Vektorová grafika Základní popis Druhou velkou oblastí zpracování obrazu pomocí počítače kromě rastrové grafiky je vektorová grafika. Vektorový způsob zpracování obrazu je výrazně odlišný od zpracování

Více

VY_32_INOVACE_INF.19. Inkscape, GIMP, Blender

VY_32_INOVACE_INF.19. Inkscape, GIMP, Blender VY_32_INOVACE_INF.19 Inkscape, GIMP, Blender Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Jiří Kalous Základní a mateřská škola Bělá nad Radbuzou, 2011 INKSCAPE Inkscape je open source

Více

Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok: 2008-09

Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok: 2008-09 Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok: 2008-09 Studijní obor: Výpočetní technika a informatika Technologie SVG aktuální standard webové vektorové

Více

Grafika vektorová vs. bitmapová

Grafika vektorová vs. bitmapová Vysoká škola ekonomická v Praze Fakulta podnikohospodářská Hlavní specializace: Podniková ekonomika a management Seminář: Manažerská informatika pro pokročilé Semestrální práce: Grafika vektorová vs. bitmapová

Více

Úvod do počítačové grafiky

Úvod do počítačové grafiky Úvod do počítačové grafiky elmag. záření s určitou vlnovou délkou dopadající na sítnici našeho oka vnímáme jako barvu v rámci viditelné části spektra je člověk schopen rozlišit přibližně 10 milionů barev

Více

Grafika a grafický design. Internetové publikování

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Grafika pro web Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače Funkce

Více

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 3 VY 32 INOVACE 0101 0203

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 3 VY 32 INOVACE 0101 0203 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 3 VY 32 INOVACE 0101 0203 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

Grafika a grafický design. Internetové publikování

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

KAPITOLA 11. Kreslení v prohlížeči. Jazyk SVG

KAPITOLA 11. Kreslení v prohlížeči. Jazyk SVG KAPITOLA 11 Kreslení v prohlížeči Možná budete chtít ve svých webových aplikacích dynamicky zobrazovat diagramy, grafy nebo jinou vizuální reprezentaci dat. Samozřejmě můžete data odeslat na server a nechat

Více

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence

Více

DTP1. (příprava textu pomocí počítače) Kapitola 3 / Obrázky a rastrování

DTP1. (příprava textu pomocí počítače) Kapitola 3 / Obrázky a rastrování DTP1 (příprava textu pomocí počítače) Kapitola 3 / Obrázky a rastrování Petr Lobaz, 28. 2. 2007 Digitální grafický výstup složen z bodů bod černá/bílá rozlišení počet bodů na palec, dpi pro text alespoň

Více

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou Datum: 1. 12. 2013 Projekt: Registrační číslo: Číslo DUM: Škola: Jméno autora: Název sady: Název práce: Předmět: Ročník: Obor: Časová dotace: Vzdělávací cíl: Pomůcky: Využití ICT techniky především v uměleckém

Více

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20 Obsah Úvod.............................................................................................. 9 Historie grafického designu a tisku..................................... 10 Od zadání k návrhu..............................................................

Více

Aplikovaná informatika Zajištění optimální konverze grafických informací v prostředí vybraného software ZEMÁNEK, Z. PLUSKAL, D. ŠUBRT, Z.

Aplikovaná informatika Zajištění optimální konverze grafických informací v prostředí vybraného software ZEMÁNEK, Z. PLUSKAL, D. ŠUBRT, Z. Aplikovaná informatika Zajištění optimální konverze grafických informací v prostředí vybraného software ZEMÁNEK, Z. PLUSKAL, D. ŠUBRT, Z. Operační program Vzdělávání pro konkurenceschopnost Název projektu:

Více

Vstupní požadavky, doporučení a metodické pokyny

Vstupní požadavky, doporučení a metodické pokyny Název modulu: Grafika v OSS/FS Označení: B5 Stručná charakteristika modulu Modul je orientován na tvorbu a zpracování rastrové a vektorové grafiky v prostředí otevřeného a svobodného software. Zahrnuje

Více

OKEŠ/MISYS. TISKY v systému KOKE. příprava tisku nastavení programu postupy při tisku problémy WKOKEŠ - TISKY. www.gepro.cz

OKEŠ/MISYS. TISKY v systému KOKE. příprava tisku nastavení programu postupy při tisku problémy WKOKEŠ - TISKY. www.gepro.cz TISKY v systému KOKE OKEŠ/MISYS příprava tisku nastavení programu postupy při tisku problémy Obsah Obecná pravidla: 1. technologie tvorby výkresu a zobrazovací tabulky 2. vektorová kresba, rastry a jejich

Více

1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY

1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY 1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY Pixel: je zkratka anglického PICture Element, tedy obrazový bod. Velikost obrázku: na monitoru v obrazových bodech - počet obrazových bodů, ze kterých je obrázek sestaven

Více

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Číslo projektu: Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Číslo šablony: 8 Název materiálu: Ročník: Identifikace materiálu: Jméno autora: Předmět: Tématický celek: Anotace: CZ.1.07/1.5.00/34.0410

Více

2.5 Nejčastěji používané formáty souborů s obrázky

2.5 Nejčastěji používané formáty souborů s obrázky 2.5 Nejčastěji používané formáty souborů s obrázky V oblasti grafických formátů je asi největší nepořádek ve formátech vůbec existuje nesčetně velké množství druhů těchto datových souborů. Skoro každý

Více

aneb malířem svépomocí

aneb malířem svépomocí POČÍTAČOVÁ GRAFIKA aneb malířem svépomocí Počítačová grafika nás dnes obklopuje na každém kroku veškeré tiskoviny, noviny, časopisy, knihy, letáky, billboardy apod. už se dnes bez retušování a úprav pomocí

Více

Obecný úvod, vektorová grafika

Obecný úvod, vektorová grafika Obecný úvod, vektorová grafika Anotace Tato kapitola se bude zabývat počítačovou grafikou obecně, konkrétně pak grafikou vektorovou. Dále bude probráno vytváření grafických útvarů, jejich vrstvení. V další

Více

Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL

Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL mluvnice a sloh: pravopisná cvičení (automatické opravy MS Word) školní a třídní časopis (šablona MS Word) slohové útvary (přednastavené

Více

Rozšířené funkce prezentace

Rozšířené funkce prezentace Rozšířené funkce prezentace Režimy zobrazení Prezentace mají několik režimů zobrazení, včetně předvádění prezentace. Každý má svůj význam. V režimu Řazení snímků (Zobrazit/Zobrazení Řazení snímků) vidíme

Více

Střední vzdělání gymnaziální vzdělání

Střední vzdělání gymnaziální vzdělání Vyoral VY_32_INOVACE_IVT_GRAF1 Tematická oblast - počítačová grafika Program Gimp Otevření obrázku Žák si po osvojení teoretické lekce procvičí otevírání obrázků v různých režimech, pohyby s nimi po pracovní

Více

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence

Více

ŠKOLNÍ VZDĚLÁVACÍ PROGRAM DR. J. PEKAŘE V MLADÉ BOLESLAVI

ŠKOLNÍ VZDĚLÁVACÍ PROGRAM DR. J. PEKAŘE V MLADÉ BOLESLAVI školní vzdělávací program PLACE HERE Název školy Adresa Palackého 211, Mladá Boleslav 293 80 Název ŠVP Platnost 1.9.2009 Dosažené vzdělání Střední vzdělání s maturitní zkouškou Název RVP Délka studia v

Více

Pokyny pro autory. Základní pokyny

Pokyny pro autory. Základní pokyny Pokyny pro autory Základní pokyny Rukopis zašlete v elektronické podobě emailem nebo doneste osobně ke stažení z flash disku na adresu redakce ve formátu DOC (nebo TXT, RTF) v rozsahu maximálně 20 normalizovaných

Více

Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Ing. Jan Boháček [ÚLOHA 27 NÁSTROJE KRESLENÍ]

Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Ing. Jan Boháček [ÚLOHA 27 NÁSTROJE KRESLENÍ] Aplikované úlohy Solid Edge SPŠSE a VOŠ Liberec Ing. Jan Boháček [ÚLOHA 27 NÁSTROJE KRESLENÍ] 1 CÍL KAPITOLY V této kapitole si představíme Nástroje kreslení pro tvorbu 2D skic v modulu Objemová součást

Více

Princip práce ve vektorovém grafickém editoru

Princip práce ve vektorovém grafickém editoru Inkscape Inkscape je open source vektorový grafický editor, schopnostmi podobný programům jako Illustrator, Freehand, CorelDraw, nebo Xara X a to za použití W3C standardu škálovatelné vektorové grafiky

Více

Inkscape v (mojí) praxi. Linux Days 2014

Inkscape v (mojí) praxi. Linux Days 2014 Inkscape v (mojí) praxi Linux Days 2014 Inkscape v (mojí) praxi Používám ho cca 8 let Identity loga, jejich varianty, použití, manuály, QR Pro web ikony, celé www, nestandardní tvary + WF Pro tisk Letáky,

Více

MALUJEME v MALOVÁNÍ. Základní nabídka. a) tažením úchytů umístěných v pravém dolním rohu a na spodním okraji obrázku

MALUJEME v MALOVÁNÍ. Základní nabídka. a) tažením úchytů umístěných v pravém dolním rohu a na spodním okraji obrázku Vytvoření nového obrázku a jeho uložení MALUJEME v MALOVÁNÍ Po otevření programu se automaticky otevře i čistá bílá plocha, na které budeme malovat. Velikost této kreslící čtvrtky si můžeme libovolně změnit.

Více

Reprodukce obrazových předloh

Reprodukce obrazových předloh fialar@kma.zcu.cz Podpořeno z projektu FRVŠ 584/2011 Historie Reprodukční fotografie V reprodukční fotografii se používají různé postupy pro reprodukci pérovek (pouze černá a bílá) jednoduché (viz přednáška

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

2010 Vaculik Advertising pro Asociace provozovatelů mobilních sítí (APMS) plať mobilem manuál pro obchodníky

2010 Vaculik Advertising pro Asociace provozovatelů mobilních sítí (APMS) plať mobilem manuál pro obchodníky Verze 1.0 2010 Vaculik Advertising pro Asociace provozovatelů mobilních sítí (APMS) plať mobilem manuál pro obchodníky Loga jsou dodána na nosiči CD ve formátech určených pro vektorové a bitmapové grafické

Více

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 6. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Petr Tumajer Certifikáty z kurzů a školení

Petr Tumajer Certifikáty z kurzů a školení Petr Tumajer Certifikáty z kurzů a školení Seznam kurzů a školení absolvovaných v letech 2007 až 2014 Kurzy grafiky Kurzy tvorby webu Obsah: Rekvalifikační kurz Pracovník grafického studia...2 InDesign

Více

Skenování. Ing. Jiří Nechvátal. Jihočeská vědecká knihovna v Českých Budějovicích. nechvatal@cbvk.cz

Skenování. Ing. Jiří Nechvátal. Jihočeská vědecká knihovna v Českých Budějovicích. nechvatal@cbvk.cz Skenování Ing. Jiří Nechvátal nechvatal@cbvk.cz Jihočeská vědecká knihovna v Českých Budějovicích Co je skener? elektronické zařízení, které umožňuje převod obrázků, textu, diapozitivu, filmového záznamu

Více

základem rastr pixelů s informací o jejich barvě problémy při změně velikosti (zvětšování):

základem rastr pixelů s informací o jejich barvě problémy při změně velikosti (zvětšování): Rastrové formáty základem rastr pixelů s informací o jejich barvě problémy při změně velikosti (zvětšování): lepší možnosti práce s barvou obvykle náročnější na objem dat BMP Jedná se o interní formát

Více

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu Autor Jazyk Téma sady didaktických materiálů Téma didaktického materiálu Vyučovací předmět Cílová skupina (ročník) Úroveň

Více

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a podpory palivového

Více

Střední škola aplikované kybernetiky s.r.o.: Maturitní okruhy z odborných předmětů 2010

Střední škola aplikované kybernetiky s.r.o.: Maturitní okruhy z odborných předmětů 2010 NAW WEBOVÉ STRÁNKY 1 Barevné modely (nejen v oblasti webdesignu), fyzikální podstata barvy 2 Zacházení s barvou v oblasti webdesignu a její účinek na psychiku 3 Tvar vizuálních prvků webdesignu, vliv na

Více

V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto:

V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto: Vytvoření loga Vítá vás aplikace CorelDRAW, komplexní profesionální program pro grafický návrh a práci s vektorovou grafikou. V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto:

Více

Rastová a vektorová grafika

Rastová a vektorová grafika Rastová a vektorová grafika Ke zlepšení vzhledu dokumentů aplikace Microsoft Word můžete použít dva základní typy grafiky: vektorovou (Nakreslený objekt: Libovolná nakreslená nebo vložená grafika, kterou

Více

Bakalářská práce Vektorový editor v jazyce Java

Bakalářská práce Vektorový editor v jazyce Java Západočeská univerzita v Plzni Fakulta aplikovaných věd Katedra informatiky a výpočetní techniky Bakalářská práce Vektorový editor v jazyce Java Plzeň 2013 Jan Kotalík Prohlašuji, že jsem bakalářskou práci

Více

Vy voj webovy ch aplikacı pro provoz na mobilnı c h telefonech

Vy voj webovy ch aplikacı pro provoz na mobilnı c h telefonech Vysoká škola ekonomická v Praze Fakulta informatiky a statistiky Katedra informačních technologií Studijní program: Aplikovaná informatika Obor: Informatika TÉMA BAKALÁŘSKÉ PRÁCE Vy voj webovy ch aplikacı

Více

1. Tužka. 5 Lupa a a a 6 s j ýb ý výběr. 8 ans a

1. Tužka. 5 Lupa a a a 6 s j ýb ý výběr. 8 ans a Obsah a Tužka a a a a 2 3 s s a a 4 h h h a h a alby a b 5 Lupa a a a 6 s j ýb ý výběr 7 Ob Elipsa 8 ans a 1. Tužka Nástroj Pencil (Tužka) je vhodný pro kreslení náčrtků. Pokud budete chtít nakreslit rovnou

Více

Prostředí Microstationu a jeho nastavení. Nastavení výkresu

Prostředí Microstationu a jeho nastavení. Nastavení výkresu Prostředí Microstationu a jeho nastavení Nastavení výkresu 1 Pracovní plocha, panely nástrojů Seznámení s pracovním prostředím ovlivní pohodlí, rychlost, efektivitu a možná i kvalitu práce v programu Microstation.

Více

Velikosti papíru (mm) A1-594 841 A2-420 594 A3-297 420 A4-210 297

Velikosti papíru (mm) A1-594 841 A2-420 594 A3-297 420 A4-210 297 Komplet otázky: 1. A4, CMYK, 1200 dpi v MiB. + 2. Histogram přeexponované fotky a podexponované fotky. + 3. Histogramy udělat z těch obdélníků s různým jasem. 4. Barvy v RGB a CMYK (černá, bílá, modrá,

Více

POČÍTAČOVÁ GRAFIKA 3D MODELOVÁNÍ ZÁKLADY PROGRAMU SKETCHUP

POČÍTAČOVÁ GRAFIKA 3D MODELOVÁNÍ ZÁKLADY PROGRAMU SKETCHUP POČÍTAČOVÁ GRAFIKA 3D MODELOVÁNÍ ZÁKLADY PROGRAMU SKETCHUP SKETCHUP SketchUp je program pro tvorbu trojrozměrných modelů. Je to jednoduchý, intuitivní a silný nástroj pro modelování. Není žádný problém

Více

Technologie SVG aktuální standard webové vektorové grafiky

Technologie SVG aktuální standard webové vektorové grafiky Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Studijní obor: Výpočetní technika a informatika Technologie SVG aktuální standard webové vektorové grafiky Tereza Skleničková

Více

Základy práce s programem pro interaktivní tabuli SMART notebook

Základy práce s programem pro interaktivní tabuli SMART notebook ZŠ praktická a ZŠ speciální Chodov, okres Sokolov, příspěvková organizace Základy práce s programem pro interaktivní tabuli SMART notebook Metodický materiál k základnímu školení Materiál vznikl v rámci

Více

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou Datum: 1. 12. 2013 Projekt: Registrační číslo: Číslo DUM: Škola: Jméno autora: Název sady: Název práce: Předmět: Ročník: Obor: Časová dotace: Vzdělávací cíl: Pomůcky: Využití ICT techniky především v uměleckém

Více

2D počítačová grafika

2D počítačová grafika je z technického hlediska obor informatiky, který používá počítače k tvorbě umělých grafických objektů a dále také na úpravu zobrazitelných a prostorových informací, nasnímaných z reálného světa (například

Více

GRAFIKA VEKTOROVÁ A RASTROVÁ

GRAFIKA VEKTOROVÁ A RASTROVÁ GRAFIKA VEKTOROVÁ A RASTROVÁ 1. Úvod... 2 2. Základní pojmy... 2 2.1. Rastrová grafika... 2 Výhody rastrové grafiky... 3 Nevýhody rastrové grafiky... 3 2.2. Vektorová grafika... 4 2.2.1. Práce s vektorovou

Více

Postup, jak nakreslit koně pro hru Howrse v grafických programech

Postup, jak nakreslit koně pro hru Howrse v grafických programech Postup, jak nakreslit koně pro hru Howrse v grafických programech Programy, vhodné pro kreslení obrázků jsou Photoshop nebo Gimp. Nebudu zde popisovat, jak přesně nástroje těchto programů fungují. To lze

Více

1. Blok 1 Úvod do Systémů CAD

1. Blok 1 Úvod do Systémů CAD 1. Blok 1 Úvod do Systémů CAD Studijní cíl Tento blok kurzu je věnován problematice tvorby technické dokumentace pomocí počítačové podpory. Doba nutná k nastudování 2 3 hodiny Průvodce studiem Pro studium

Více

TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ. Verze 1.0

TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ. Verze 1.0 TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ Verze 1.0 Obsah První formát Leaderboard... 2 Druhý formát Skycraper... 3 Třetí formát PR článek... 5 Čtvrtý formát Leaderboard ilayer... 6 Leaderboard...

Více

Systém GIMP - tvorba jednoduchých animací a grafiky pro web

Systém GIMP - tvorba jednoduchých animací a grafiky pro web Semestrální práce z předmětu Kartografická polygrafie a reprografie a grafiky pro web Autor: Zdeňka Bílá, Gabriel Gyori Editor: Veronika Myslivečková Praha, duben 2011 Katedra mapování a kartografie Fakulta

Více

Volitelné předměty - Informační a komunikační technologie

Volitelné předměty - Informační a komunikační technologie Vzdělávací oblast : Vyučovací předmět: Volitelné předměty - Informační a komunikační technologie Počítačová grafika Charakteristika předmětu Vzdělávací obsah: Časová dotace: 6. ročník 0 hodin 7. ročník

Více

3) Pomocí tl. Výběr vyber barevnou krabici a přetáhni ji do větší bílé krabice.

3) Pomocí tl. Výběr vyber barevnou krabici a přetáhni ji do větší bílé krabice. Pracovní list Zadání: Pracovní list obsahuje celkem 3 úkoly k programu Malování. Každý úkol má své zadání, podle kterého postupuj, abys dosáhl stejného nebo podobného výsledku. Úkol č. 1 Cílem je vyzkoušet

Více

Systém Gimp Tvorba jednoduchých animací a grafiky pro web

Systém Gimp Tvorba jednoduchých animací a grafiky pro web ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA STAVEBNÍ OBOR GEODÉZIE A KARTOGRAFIE KATEDRA MAPOVÁNÍ A KARTOGRAFIE Systém Gimp Tvorba jednoduchých animací a grafiky pro web semestrální práce Zdeňka Bílá

Více

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl

Více

SYLABUS Digitální fotografie, Úpravy a vylepšení digitálních fotografií 1.0 (DF2)

SYLABUS Digitální fotografie, Úpravy a vylepšení digitálních fotografií 1.0 (DF2) SYLABUS Digitální fotografie, Úpravy a vylepšení digitálních fotografií 1.0 (DF2) Upozornění: Oficiální znění Sylabu Digitální fotografie 1.0 je publikováno na webových stránkách pracovní skupiny ECDL-CZ

Více

AKCIDENČNÍ TISKOVINY

AKCIDENČNÍ TISKOVINY AKCIDENČNÍ TISKOVINY 15. Firemní značka, logo www.isspolygr.cz Vytvořila: Šárka Slavíčková Vytvořeno dne: 16. 10. 2012 Strana: 1/9 Škola Ročník 2. ročník (SOŠ, SOU) Název projektu Interaktivní metody zdokonalující

Více

Rastrové počítačové obrazy (poněkud sporně často označované jako bitmapové) jsou pravděpodobně nejběžnější variantou obrazů v počítači.

Rastrové počítačové obrazy (poněkud sporně často označované jako bitmapové) jsou pravděpodobně nejběžnější variantou obrazů v počítači. Ot 2. Rastrová počítačová grafika 1.1.1 Rastrové obrazy Rastrové počítačové obrazy (poněkud sporně často označované jako bitmapové) jsou pravděpodobně nejběžnější variantou obrazů v počítači. Rastrový

Více

Programy pro zpracování 2D počítačové grafiky

Programy pro zpracování 2D počítačové grafiky UNIVERZITA PALACKÉHO OLOMOUC PEDAGOGICKÁ FAKULTA KATEDRA TECHNICKÉ A INFORMAČNÍ VÝCHOVY Programy pro zpracování 2D počítačové grafiky BAKALÁŘSKÁ PRÁCE Autor práce: Jan Prachař Vedoucí práce: Jan Kubrický,

Více

EU peníze středním školám digitální učební materiál

EU peníze středním školám digitální učební materiál EU peníze středním školám digitální učební materiál Číslo projektu: Číslo a název šablony klíčové aktivity: Tematická oblast, název DUMu: Autor: CZ.1.07/1.5.00/34.0515 III/2 Inovace a zkvalitnění výuky

Více

Práce s programem Malování Mgr. Petr Koníř

Práce s programem Malování Mgr. Petr Koníř Práce s programem Malování Mgr. Petr Koníř konir@zsjesenice.cz 1. Téma: program malování Cíl: žáci umí používat vybraná tlačítka z panelu nástrojů, smazat obraz, vrátit se o krok zpět, změnit velikost

Více

7 Formátovaný výstup, třídy, objekty, pole, chyby v programech

7 Formátovaný výstup, třídy, objekty, pole, chyby v programech 7 Formátovaný výstup, třídy, objekty, pole, chyby v programech Studijní cíl Tento studijní blok má za cíl pokračovat v základních prvcích jazyka Java. Konkrétně bude věnována pozornost formátovanému výstupu,

Více

Popis základního prostředí programu AutoCAD

Popis základního prostředí programu AutoCAD Popis základního prostředí programu AutoCAD Popis základního prostředí programu AutoCAD CÍL KAPITOLY: CO POTŘEBUJETE ZNÁT, NEŽ ZAČNETE PRACOVAT Vysvětlení základních pojmů: Okno programu AutoCAD Roletová

Více

Osnovy kurzů. pilotního projektu v rámci I. Etapy realizace SIPVZ. Systém dalšího vzdělávání veřejnosti. počítačová gramotnost

Osnovy kurzů. pilotního projektu v rámci I. Etapy realizace SIPVZ. Systém dalšího vzdělávání veřejnosti. počítačová gramotnost Osnovy kurzů pilotního projektu v rámci I. Etapy realizace SIPVZ Systém dalšího vzdělávání veřejnosti počítačová gramotnost Začínáme s počítačem Úvod...5 Co je to počítač, informace, použití...10 Hlavní

Více

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: 12. 1. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: 12. 1. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 16. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 12. 1. 2013 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Další nutný soubor je laydiv.js, ve kterém jsou uloženy funkce pro zobrazování virů na ploše a funkce pro odkaz na Teachers Guide.

Další nutný soubor je laydiv.js, ve kterém jsou uloženy funkce pro zobrazování virů na ploše a funkce pro odkaz na Teachers Guide. ESCAPE OF VIRUSES Hra Escape of viruses je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra se spouští tlačítkem Start game. Úkolem hráče je eliminovat viry na hrací ploše kliknutím kurzoru

Více

Softwarová konfigurace PC

Softwarová konfigurace PC Softwarová konfigurace PC EU peníze středním školám Didaktický učební materiál Anotace Označení DUMU: VY_32_INOVACE_IT1.20 Předmět: Informatika a výpočetní technika Tematická oblast: Úvod do studia informatiky,

Více

Tisk do souboru se provádí podobně jako tisk na papír, směřování tisku do souboru je dáno nastavením v ovladači tiskárny:

Tisk do souboru se provádí podobně jako tisk na papír, směřování tisku do souboru je dáno nastavením v ovladači tiskárny: Tisk do souboru Tisk do souboru tiskárny Tisk do souboru se provádí podobně jako tisk na papír, směřování tisku do souboru je dáno nastavením v ovladači tiskárny: Vytištěný soubor potom můžete předat k

Více

11. Elektronická prezentace grafika na snímku

11. Elektronická prezentace grafika na snímku 11. Elektronická prezentace grafika na snímku Kvalitní grafická úprava má v PowerPointu (jakožto v prezentačním manažeru) naprosto nezastupitelné místo. Má-li být prezentace opravdu na úrovni a je-li ještě

Více

Produktové documenty (Datum 21.05.2015) Srovnání verzí: pcon.planner 7.1 rozdíly mezi verzemi Standard- a PRO

Produktové documenty (Datum 21.05.2015) Srovnání verzí: pcon.planner 7.1 rozdíly mezi verzemi Standard- a PRO Produktové documenty (Datum 21.05.2015) Srovnání verzí: pcon.planner 7.1 rozdíly mezi verzemi Standard- a PRO Formáty STD PRO Nahrávání a ukládání souborů DWG a DWT Převod a podpora starších DWG formátů

Více

2. cvičení: Základní kroky v programu ArcGIS GIS1 tvorba map

2. cvičení: Základní kroky v programu ArcGIS GIS1 tvorba map Klasifikace dat 1. Změna symbolu Změnu symboliky lze provést dvěma způsoby. Buď klikneme na název vrstvy v části Obsah pravým tlačítkem myši a zvolíme Properties. Zobrazí se nám nová tabulka, kde se přepneme

Více

Fakulta elektrotechniky a informatiky. Zhodnocení open source a freeware produktů v oblasti bitmapové a vektorové grafiky.

Fakulta elektrotechniky a informatiky. Zhodnocení open source a freeware produktů v oblasti bitmapové a vektorové grafiky. Univerzita Pardubice Fakulta elektrotechniky a informatiky Zhodnocení open source a freeware produktů v oblasti bitmapové a vektorové grafiky Jindřich Vacek Bakalářská práce 2009 Prohlašuji: Tuto práci

Více

Popis ovládání aplikace - Mapový klient KÚPK

Popis ovládání aplikace - Mapový klient KÚPK Popis ovládání aplikace - Mapový klient KÚPK Úvodní informace K využívání této aplikace musíte mít ve Vašem internetovém prohlížeči nainstalovaný plugin Adobe Flash Player verze 10 a vyšší. Mapová aplikace

Více

Informatika 7. ročník/08 Rastrová grafika

Informatika 7. ročník/08 Rastrová grafika Rastrová grafika PC grafika rastrová (bitmapová) digitální fotografie (celý obrázek je popsán pomocí hodnot jednotlivých barevných bodů - pixelů, uspořádaných do pravoúhlé mřížky) vektorová obrázky vytvořené

Více

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více