Поняття комп’ютерної графіки. Кодування графічних даних

1. Поняття комп’ютерної графіки. Кодування графічних даних

8 клас
урок 2
ПОНЯТТЯ
КОМП’ЮТЕРНОЇ
ГРАФІКИ. КОДУВАННЯ
ГРАФІЧНИХ ДАНИХ

2. Повторюємо

Які особливості використання графічного
редактора для створення зображень?
Як створити зображення в середовищі
текстового процесора або редактора
презентацій?
Що таке двійкове кодування?
Як кодуються символи при опрацюванні
комп’ютером?

3. Розгадай ребус

Зображення
Кодування

4. Ти дізнаєшся

Що таке комп’ютерна графіка
Як кодуються графічні, текстові та звукові
дані
Що розуміють під колірною моделлю
Які параметри графічних зображень вплавить
на їх якість

5. Поняття комп’ютерної графіки

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

6. Засоби комп’ютерної графіки

Відеокарта
Графічний
планшет
Цифрова
фотокамера
Монітор
Апартні
Плотер
Сканер
Принтер

7. Засоби комп’ютерної графіки

Графічні
редактори
Програми
опрацювання
графічних
зображень
Програми
перегляду
графічних
зображень
Програми
розпізнавання
графічних
зображень
Програмні

8. Способи кодування зображень

Растровий
Векторний

9. Растровий спосіб

Растрове зображення – це
зображення, що являє собою набір
пікселів, кожний з яких має певний
колір.

10. Властивості растрової графіки

Глибина кольору – це кількість бітів, які
використовуються для кодування певного кольору
пікселя растрового зображення
Роздільна здатність – величина, що показує,
скільки пікселів зображення розміщується на
одиниці довжини (вимірюють в крапках на дюйм dpi)
Розміри – кількість пікселів по горизонталі та
вертикалі

11. Кодування векторної графіки

❑ Для кодування двоколірного (чорно-білого)
зображення досить виділити по одному біту
на подання кольору кожного пікселя.
❑ Виділення одного байта дозволяє закодувати
256 різних колірних відтінків.
❑ Два байти (16 бітів) - 65536 різних кольорів.
Цей режим називають High Color.
❑ Три байти (24 біти) - 16 777 216 кольорів. Цей
режим називають True Color.

12. Характеристики растрової графіки

Реалістичність зображень
Природність кольорів
Можливість отримання зображення з
використанням спеціальних пристроїв
Великі за розміром файли
Пікселізація зображень після збільшення
Складність редагування окремих об’єктів
зображення

13. Векторний спосіб

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

14. Кодування векторної графіки

Кодування у векторній графіці дуже схоже з кодуванням
графічних примітивів мовою програмування.
Для кожного графічного примітива визначається
математична модель його опису. Тобто визначаються,
які дані повинен надати користувач для побудови тієї
чи іншої геометричної фігури.

15. Характеристики Векторної графіки

Невеликі за розміром файли зображень
Збереження якості після масштабування
Простота модифікації зображень
Неприродність кольорів
Схематичність зображення

16. Поняття Колірної моделі

Колірна модель – це спосіб утворення
кольору шляхом змішування кольорів.
Колірні моделі є засобом опису колірних відтінків, які
можуть бути відтворені переважно на екрані монітора чи
за допомогою кольорового принтера.

17. Колірна модель RGB

передбачає, що будь-який
колір вважають складеним з
трьох основних кольорів:
червоного (Red)
зеленого (Green)
синього (Blue).
Яскравість кожної складової
подають цілим числом від 0 до
255, а результат змішування —
трійкою таких чисел.

18. Колірна модель CMYK

Для тих комп'ютерних
зображень, які в подальшому
планується друкувати на
принтері або переглядати на
проекційному екрані у
відбитому світлі,
використовується колірна
модель CMYK.
У цій моделі використовують
чотири базові кольори:
блакитний (Cyan)
пурпурний (Magenta)
жовтий (Yellow)
чорний (blасk).

19. Колірна модель HSB

У моделі HSB цілими числами кодуються такі
характеристики кольору:
❑ відтінок кольору (Hue)
❑ насиченість кольору (Saturation)
❑ яскравість кольору (Brightness).
Регулюючи ці 3 складові, можна отримати так же багато довільних
кольорів, як і при роботі з іншими

20. Повторюємо правила БЖД

21. Працюємо за комп’ютером

Завдання 1
Скільки байтів потрібно для зберігання
растрового зображення розмірами 200 × 100
пікселів, якщо колір кодується 4 бітами?
Завдання 2
Ярлик на робочому столі — це растрове
зображення розмірами 30 × 20 пікселів.
Скільки байтів потрібно для його
двійкового кодування, якщо це зображення
виконано у палітрі з 256 кольорів?

22. Працюємо за комп’ютером

Завдання 3

23. Працюємо за комп’ютером

Завдання 4