9 клас. Комп’ютерна графіка

Що таке комп’ютерна графіка? Як кодуються графічні дані?Що розуміють під колірною моделлю?Які є формати графічних файлів?У чому переваги та недоліки різних видів графіки?План уроку

Що таке комп’ютерна графіка?

— це сукупність методів, прийомів і засобів створення та опрацювання графічних зображень за допомогою комп’ютера. Комп’ютерна графіка

Залежно від способу побудови та кодування графічного зображення, розрізняють зображення:

Растрова графіка— вид комп’ютерної графіки,  що представляє зображення у вигляді комбінації точок (пікселів), яким притаманні свій колір, яскравість та які певним чином розташовані у координатній сітці.

Векторна графіка— вид комп’ютерної графіки,  що представляє зображення як сукупність геометричних примітивів (точок, ліній, кривих, полігонів), тобто об’єктів які можна описати математичними виразами. растровавекторна

Як кодуються графічні дані?

000000000001110010000001000001101100001100000011111111110000001111011011000000111111111100000011111111111111111001111110111111100001100011000110000000001100011000000001110011100000000111001110 Растровий cпосіб кодування зображень. Малюнок ділиться вертикальними і горизонтальними лініями на крихітні фрагменти – пікселі (від англ. PICture'S ELement — елемент зображення). Колір кожного пікселя кодується двійковим числом.

Розміри растрового зображення зазвичай задають як кількість пікселів по горизонталі та вертикалі, наприклад: 100×100, 1200×800.

1 біт (2 кольори)2 біти (4 кольори)8 біт (256 кольорів)4 біти (16 кольорів)24 біта (16777216 кольорів, «truecolor»)Кількість бітів, що необхідна для кодування кольору пікселя називають глибиною кольору.

Роздільність зображення — величина, що показує, скільки пікселів зображення розміщується на одиниці довжини. Вимірювання найчастіше проводиться в точках на дюйм – dpi (dpi — dots per inch).

Векторний cпосіб кодування зображень. Малюнки будуються за допомогою математичного опису простих об’єктів — ліній, кіл, з яких створюються більш складні.

Прості об’єкти називають графічними примітивами. Для кожного примітиву описують: контур , вигляд лінії (штрих), заливку (заповнення) внутрішніх ділянок контуру.

Що розуміють під колірною моделлю?

Колірна модель— спосіб утворення кольору шляхом змішування кольорів. В комп'ютерній графіці найпоширеніші три моделі: RGB, CMYK і HSB

При цьому способі кодування будь-який колір представлений у вигляді комбінації трьох кольорів: червоного (Red), зеленого (Green) і синього (Blue). RGB-МОДЕЛЬ—для подання об’єктів, що випромінюють світло (адитивна система).

МОДЕЛЬ CMYK—для подання об’єктів, що поглинають світло (субтрактивна модель). Колірними складовими цієї моделі є кольори: блакитний (Cyan), бузковий (Magenta), жовтий (Yellow) і чорний (Black). Ці кольори виходять в результаті віднімання основних кольорів моделі RGB з білого кольору. Чорний колір задається окремо. Збільшення кількості фарби приводить до зменшення яскравості кольору.

МОДЕЛЬ HSBвикористовується для опису кольорів з моделей RGB і CMYK та є найбільш наближеною моделлю до сприйняття кольору оком людини. Модель HSB зручно представляти у вигляді колірного круга. Значення кольору вибирається як точка на крузі (або вектор, що виходить з центру кола і вказує на дану точку). Компонентами моделі HSB є: тон (Hue); насиченість (Saturation); яскравість кольору (Brightness).

Які є формати графічних файлів?

Формати РАСТРОВИХ зображень

стандартний формат файлів редактора векторної графіки Adobe Illustrator. АІ (Adobe Illustrator files) — використовується для зберігання колекції графічних зображень Microsoft Clip Gallery. WMF (Windows Meta. File) — широко використовується як стандартний формат векторних графічних даних у мережі Інтернет. CGM (Computer Graphic Metafile)  — універсальний формат, який дає змогу з високою якістю зберігати у файлі текст, графічне зображення і анімацію. SVG (Scalable Vector Graphics) — стандартний формат файлів векторного графічного редактора Corel. Draw. CDR (Corel. DRaw files) — Формати векторних зображень

У чому переваги та недоліки різних видів графіки?

1 Растрова графіка. Складаються з масивів пікселів Векторна графіка. Складаються з геометричних об'єктів, описаних математично 2

1 Растрова графіка. У разі збільшення  (пікселізації) зображення якість погіршується Векторна графіка. Можна масштабувати без погіршення якості 2 Растровий символ. Векторний символ

1 Растрова графіка. Дає змогу отримати реалістичні зображення фотографічної якостіВекторна графіка. Не дає змогу точно і плавно передати перехід від одного кольору до іншого2

1 Растрова графіка. Складність редагування окремих елементів зображення. Векторна графіка. Простота редагування окремих елементів зображення2

1 Растрова графіка. Відносно більші обсяги файлів. Обсяг залежить від розміру зображення (кількості точок)Векторна графіка. Відносно менші обсяги файлів. Обсяг залежить не від розміру зображення, а від кількості об'єктів у ньому 2

1 Растрова графіка. Застосовується для зберіганняфотографій, творів живопису тощо. Векторна графіка. Застосовується для зберігання креслень, логотипів, ділової графіки, шрифтів тощо 2

1 Растрова графіка. Можливість отримання зображень за допомогою спеціальних пристроїв. Векторна графіка. Відсутність пристроїв для автоматичного створення зображення2

Практична вправа

Порівняйте розміри та якість зображення, збереженого в різних фор­матах растрових графічних файлів.1. Запустіть на виконання програму Paint.2. Відкрийте растрове графічне зображення вправа 1.bmp.3. Збережіть по черзі це зображення у вашій папці у файлах таких форматів:монохромний рисунок - з іменем вправа 1_0.bmp;16-колірний рисунок - з іменем вправа 1_1.bmp;JPEG - з іменем вправа 1_2.jpg;PNG - з іменем вправа 1_3.png;TIFF - з іменем вправа 1_4.tif.

{8799 B23 B-EC83-4686-B30 A-512413 B5 E67 A}Ім’я файла. Тип файла. Розмір файла. Якість зображеннявправа 1bmp  вправа 1_0bmp  вправа 1_1bmp  вправа 1_2jpg  вправа 1_3png  вправа 1_4tif  4. Визначте властивості збережених файлів і заповніть таблицю.5. Зробіть висновок щодо зв’язку глибини кольору та формату файлів з якістю зображень.

Завдання на самостійну підготовку. Дати відповіді на пит. 1-10, ст. 217