Computer graphics - OPBZ1I021B

• Title: Grafika na počítači
• Guaranteed by: Katedra informačních technologií a technické výchovy (41-KITTV)
• Faculty: Faculty of Education
• Actual: from 2025
• Semester: both
• E-Credits: 2
• Hours per week, examination: 0/1, C [HT]
• Capacity: winter:unknown / 99 (unknown); summer:unknown / unknown (unknown)
• Min. number of students: unlimited
• 4EU+: no
• Virtual mobility / capacity: no
• State of the course: taught
• Language: Czech
• Teaching methods: full-time
• Note: course can be enrolled in outside the study plan; enabled for web enrollment; priority enrollment if the course is part of the study plan; you can enroll for the course in winter and in summer semester
• Guarantor: PhDr. Jiří Štípek, Ph.D.
• Teacher(s): Ing. Jaroslav Novák, Ph.D.; PhDr. Jiří Štípek, Ph.D.

Annotation

English

The mission of the course Computer Graphics is to develop students' ability to use the acquired knowledge and user skills in computer work in the direction of their own creative activity, respectively. professional creativity in the creation of graphically oriented didactic materials and documents. The objective of the study subject is to adopt relevant knowledge and, above all, skills in computer graphics, to understand basic principles and ways of processing graphic data, to master the basics of graphic data work, and to use graphic information with computer support, to adopt different ways of retrieving and editing graphic data, including by choosing and mastering graphics work programs and knowing their specifics and functional options, structuring graphic information.

Last update: Battistová Eva, PaedDr. (07.01.2024)

Czech

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.

Last update: Štípek Jiří, PhDr., Ph.D. (01.01.2024)

Aim of the course

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).

Last update: Battistová Eva, PaedDr. (07.01.2024)

Course completion requirements

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).

Last update: Štípek Jiří, PhDr., Ph.D. (17.12.2025)

Literature

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.

Last update: Chalupová Veronika, Mgr. (13.02.2024)

Syllabus

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ů

Last update: Kucharská Anna, doc. PhDr. PaedDr., Ph.D. (14.01.2024)

Learning resources

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

heslo pro přístup hosta: akreditace2024

Last update: Štípek Jiří, PhDr., Ph.D. (11.03.2024)

Learning outcomes

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

 

Last update: Battistová Eva, PaedDr. (19.09.2024)