Grafika na počítači - OPBZ1I021B
Anglický název: Computer graphics
Zajišťuje: Katedra informačních technologií a technické výchovy (41-KITTV)
Fakulta: Pedagogická fakulta
Platnost: od 2025
Semestr: oba
E-Kredity: 2
Rozsah, examinace: 0/1, Z [HT]
Počet míst: zimní:neurčen / 99 (neurčen)
letní:neurčen / neurčen (neurčen)
Minimální obsazenost: neomezen
4EU+: ne
Virtuální mobilita / počet míst pro virtuální mobilitu: ne
Stav předmětu: vyučován
Jazyk výuky: čeština
Způsob výuky: prezenční
Poznámka: předmět je možno zapsat mimo plán
povolen pro zápis po webu
při zápisu přednost, je-li ve stud. plánu
předmět lze zapsat v ZS i LS
Garant: PhDr. Jiří Štípek, Ph.D.
Vyučující: Ing. Jaroslav Novák, Ph.D.
PhDr. Jiří Štípek, Ph.D.
Výsledky anket   Rozvrh ZS   Rozvrh LS   Nástěnka   
Anotace -
Hlavním posláním předmětu Grafika na počítači je rozvinout u studentů způsobilost ve směru vlastní tvůrčí aktivity, resp. profesní kreativity při tvorbě především graficky orientovaných didaktických materiálů a dokumentů. Cíl studijního předmětu spočívá v osvojení příslušných poznatků a pochopení základních principů a způsobů zpracování grafických dat, a zejména zvládnutí základů práce ve vybraných grafických editorech.
Poslední úprava: Štípek Jiří, PhDr., Ph.D. (01.01.2024)
Cíl předmětu

1. Vybrané základní principy počítačové grafiky
    - Je schopen vysvětlit podstatu počítačové grafiky a definovat základní pojmy (rozlišení, barevná hloubka, RGB, ...).
    - Popíše a zdůvodní specifika a oblasti aplikace bitmapové a vektorové grafiky.
    - Vysvětlí princip komprese a rozdíly mezi ztrátovou a neztrátovou kompresí grafických formátů.
    - Z uživatelského hlediska popíše vlastnosti a oblasti (vhodný účel) použití formátů (JGP, GIF, PNG, SVG, PDF, EPS).
2. Základy práce s bitmapovou počítačovou grafikou - úpravy
    - Ve vybrané SW dokáže upravovat bitmapovou grafiku (změny velikosti, orientace, rozlišení a pořizování výřezů, ...).
    - Ve vybrané SW dokáže realizovat korekce fotografií (vyvážení barev, jas, kontrast, gama korekce,...).
    - Ve vybrané SW dokáže využít nástroje pro hromadnou úpravu a hromadnou konverzi bitmapové grafiky.
3. Práce s vektorovým grafickým editorem
    - Je schopen ovládat nástroje pro tvorbu objektů, manipulace s objekty, úpravy (výplň, obrys, ...) a transformaci objektů (úprava rozměrů, otočení, překlápění, ...), tvarování objektů a kombinování objektů (slučování, průniky, ...).
    - Umí využít možností editoru pro zefektivnění práce (výběr více objektů, kopírování, duplikace, opakování transformací, kopírování vlastností,...).
    - Dokáže využít využít nástroje pro zarovnávání a rozmísťování objektů, využít možností přichytávání objektů a pomocných prostředků (vodící linky, mřížky).
    - Je schopen ovládat nástroje pro tvorbu a editace křivek.
    - Dovede využít nástroje pro text, resp. práci s textem ve vektorovém grafickém editoru, a to samostatně, i ve spojení s grafickými objekty.
    - Získané dovednosti je schopen kombinovat a aplikovat za účelem vytvoření jednodušší vektorové grafiky (viz ukázky představené během výuky).

Poslední úprava: Battistová Eva, PaedDr. (07.01.2024)
Podmínky zakončení předmětu
Zápočet je udělen na základě kvality zpracování úloh zadaných na poslední hodině, případně ve vypsaných termínech během zkouškového období. Úlohy jsou orientovány na ověření úrovně osvojených dovedností a znalostí, v rozsahu odpovídajícím obsahu výuky. Pokud studující u zápočtu neuspěje, má možnost nejvýše dvou opravných termínů (celkem tedy 3 pokusy).
Poslední úprava: Štípek Jiří, PhDr., Ph.D. (17.12.2025)
Literatura

BAH, T. Inkscape: Guide to a Vector Drawing Program, 5th edition. Dostupné z URL: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php
HOOFT, B. Inkscape 1.3: Up and running with Inkscape. ISBN 979-8863735924. 2023.
HUGHES, J. et al. Computer graphics - principles and practice, 3rd edition. B, Addison-Wesley Publishing, 2012.
KLAWONN, F. Introduction to Computer Graphics, 2nd edition. London : Springer-Verlag London Ltd, 2012.
KOLINGEROVA, I. Krásy počítačové grafiky. Dostupné z URL: http://iason.zcu.cz/~kolinger/vyukaZCU.html#KPG
SHIRLEY, P., MARSCHNER, S. Fundamentals of Computer Graphics , 4th edition. Boston : A K Peters, 2015.
SORTHAW, H. Inkscape Drawing Complete 2024 Guide for Beginners: Mastering Vector Graphics from Basics to Advanced Techniques. ISBN 979-8870166117. 2023.

Poslední úprava: Chalupová Veronika, Mgr. (13.02.2024)
Sylabus

Světlo, fyzikální podstata světla, vnímání světla (oko)
Rastrové a vektorové prostředí a nástroje
Princip monitoru (LCD), zobrazování barev, princip bitmapové grafiky (formát BMP)
Komprese grafických dat, základní parametry obrazu (rozlišení, barevná hloubka, ...)
Práce ve vektorovém grafickém editoru

  • princip vektorové grafiky
  • uživatelské prostředí vektorového grafického editoru InkScape
  • nástroje pro tvorbu základních tvarů a kontextová nabídka
  • úprava a transformace objektů
  • paleta barev (parametry výplně a obrysu)
  • přichytávání objektů
  • seskupování objektů
  • slučování objektů, průnik, rozdíl apod.
  • zarovnání a rozmístění objektů
  • křivky - převod objektu na křivky
  • princip Bézierovy křivky, nástroje pro tvorbu a úpravu křivek
  • vodící linky a mřížka
  • převod bitmapové grafiky na vektorovou
  • vrstvy

Úprava bitmapové grafiky

  • úprava rozměrů a DPI
  • úprava barev
  • dávkové (hromadné) úpravy
  • vybrané další postupy pro práci s bitmapovou grafikou

Základní formáty souborů

Poslední úprava: Kucharská Anna, doc. PhDr. PaedDr., Ph.D. (14.01.2024)
Studijní opory

 https://moodle.it.pedf.cuni.cz/course/view.php?id=2281

heslo pro přístup hosta: akreditace2024

Poslední úprava: Štípek Jiří, PhDr., Ph.D. (11.03.2024)
Výsledky učení

Studující

·         seznámí se s fyzikální podstatou světla a způsobem, jakým lidské oko vnímá světlo

·         pochopí rozdíl mezi rastrovým a vektorovým grafickým prostředím a nástroji

·         seznámí se s principem fungování monitorů (LCD), zobrazováním barev a principem bitmapové grafiky (formát BMP)

·         dozví se o kompresi grafických dat a základních parametrech obrazu, jako jsou rozlišení a barevná hloubka

·         naučí se pracovat ve vektorovém grafickém editoru

·         pochopí princip vektorové grafiky a její využití

·         osvojí si uživatelské prostředí vektorového grafického editoru Inkscape

·         ovládne nástroje pro tvorbu základních tvarů a využití kontextové nabídky

·         procvičí si úpravu a transformaci objektů ve vektorové grafice

·         naučí se pracovat s paletou barev, nastavovat parametry výplně a obrysu

·         bude využívat přichytávání objektů pro přesné umístění a zarovnání

·         osvojí si techniky seskupování objektů a operace jako slučování, průnik či rozdíl

·         naučí se zarovnávat a rozmísťovat objekty efektivně v rámci kompozice

·         pochopí práci s křivkami, včetně převodu objektů na křivky

·         seznámí se s principem Bézierovy křivky a nástroji pro tvorbu a úpravu křivek

·         bude využívat vodící linky a mřížku pro přesné umístění a vyrovnání prvků

·         naučí se převádět bitmapovou grafiku na vektorovou formu

·         bude schopen práce s vrstvami ve vektorovém editoru pro lepší organizaci projektu

·         seznámí se s metodami úpravy bitmapové grafiky, včetně změny rozměrů a DPI

·         naučí se provádět barevné úpravy a aplikovat efekty na bitmapové obrázky

·         osvojí si postupy pro dávkové (hromadné) úpravy grafických souborů

·         rozliší základní formáty grafických souborů a vhodně je použije

·         pochopí, jak strukturovat grafickou informaci, například při tvorbě map

 

Poslední úprava: Battistová Eva, PaedDr. (19.09.2024)