Інформатика. 6 клас. Тема 1. Комп'ютерна графіка - 1

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

2. Поняття комп’ютерної графіки
Мабуть, ви любите:
Читати
ілюстровані
книжки
Дивитися
анімаційні фільми
Грати в
комп'ютерні ігри
Сьогодні всі вони створюються з використанням комп'ютера.

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

4. Поняття комп’ютерної графіки
У попередніх класах ви вже працювали з графічним
редактором, використовували інструменти для малювання:
Прямих і
кривих ліній
Геометричних
фігур
Заливання
замкнених
частин
зображень
Створення
текстових
написів
Поняття комп’ютерної графіки

5. Поняття комп’ютерної графіки
Ви навчилися:
Переміщувати Копіювати Обертати Вилучати
фрагменти зображення, а також створювати малюнок за
розробленим планом і за власним задумом.
Поняття комп’ютерної графіки

6. Поняття комп’ютерної графіки
Із розвитком інформаційних технологій комп'ютерна графіка
набула поширення у всьому світі.
Сьогодні вона застосовується в різних сферах людської
діяльності:
У науці й
техніці
У медицині й
освіті
Рекламному
бізнесі
Індустрії
розваг тощо
Поняття комп’ютерної графіки

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

8. Поняття комп’ютерної графіки
Сучасні апаратні та програмні засоби значно розширюють
спектр застосування комп'ютерної графіки.
Це зручні інструменти для роботи з графічними
зображеннями,
не лише для
професіоналів,
а й для пересічних
користувачів
Поняття комп’ютерної графіки

9. Засоби комп’ютерної графіки
Апаратні
Відео-карта
Монітор
Принтер
Сканер
Плотер
Цифрова фотокамера
Графічний планшет
Програмні
Програми перегляду
графічних зображень
Графічні редактори
Програми розпізнавання
графічних зображень
Програми спеціалізованого
опрацювання графічних
зображень
Поняття комп’ютерної графіки

10. Растрові та векторні зображення,
їхні властивості

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

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

13. Растрові зображення
Растрове зображення складається з
точок — пікселів відповідних кольорів і
нагадує аркуш паперу в клітинку, на якому
кожна клітинка зафарбована певним
кольором.
Растрові зображення

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

15. Растрові зображення
Піксель є найменшим об'єктом растрового зображення і має
такі властивості:
1) Розташування 2) Колір
яке вказує на місцезнаходження
пікселя в сукупності пікселів
зображення
Растрові зображення ви опрацьовували у
графічному редакторі Paint.
Растрові зображення

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

17. Растрові зображення
Зменшені зображення втрачають деталі, натомість на
збільшених — проявляється їхня мозаїчна структура.
Растрові зображення

18. Растрові зображення
Растрові зображення мають як переваги, так і недоліки.
Переваги
Реалістичність зображень
Природність кольорів
Можливість роботи з
фотографіями та
сканованими зображеннями
Недоліки
Великий обсяг даних
Погіршення якості при
збільшенні й зменшенні
зображення
Складність редагування
Растрові зображення

19. Чи знаєте ви, що...
Сучасні смартфони
мають камери, які
можуть
створювати
фотографії, що
містять від 5 до 20
мільйонів пікселів
(5-20 Мп).

20. Чи знаєте ви, що...
Якщо колір кожного пікселя буде кодуватися
24 бітами, або 3 байтами, то розмір файла
такої фотографії з 15 000 000 пікселів буде 45
000 000 байт, або приблизно 42,9 Мбайт.
Тому більшість пристроїв за замовчуванням
виконує стиснення даних і файл зображення,
наприклад формату має розмір приблизно.
5 Мбайт

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

22. Векторні зображення
Векторне зображення будується з окремих базових об'єктів —
графічних примітивів:
Відрізків
Багато-
кутників
Кривих Овалів тощо
Векторні зображення

23. Векторні зображення
Графічні примітиви характеризуються такими
властивостями:
Кольором і товщиною
контуру
Кольором і способом
заливки внутрішньої
області
Розміром та іншими
Збільшення розмірів зображення не впливає на його якість.
Векторні зображення

24. Векторні зображення
Для побудови круга достатньо вказати:
Координати
центра
Радіус круга
Товщину,
стиль і колір
лінії кола
Колір
заливки
Векторні зображення

25. Векторні зображення
У результаті розмір файла з векторним
зображенням буде набагато меншим, ніж у
растровій графіці. Причому розмір файла
векторного зображення не залежить від
розмірів зображення.
Бо збільшення розмірів зображення
приводить тільки до зміни значень деяких
його властивостей, не збільшуючи
загальної кількості даних.
Векторні зображення

26. Векторні зображення
Недоліком векторної графіки є «неприродність» малюнка.
Природа «уникає» прямих ліній, і не завжди малюнок можна
скласти з кіл і прямих ліній без втрати якості.
Растрове зображення Векторне зображення
Векторні зображення

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

28. Векторні зображення
Основна перевага векторної графіки полягає у можливості
довільно масштабувати й повертати зображення без втрати
якості.
Векторні зображення

29. Переваги та недоліки векторних зображень
Переваги
Невеликі за розміром файли
зображень
Збереження якості після
масштабування
Простота редагування
окремих елементів
зображення
Недоліки
Складність реалістичного
відтворення об'єктів
навколишнього середовища
Відсутність пристроїв для
автоматизованого створення
зображення

30. Для роботи з векторними зображеннями розроблено такі
програми, як:
Inkscape CorelDRAW
Adobe Illustrator
та ін.
Векторні зображення

31. Порівняємо особливості растрового й векторного
зображень
Растрове зображення
Складається з набору пікселів
Більші обсяги файлів. Обсяг залежить
від розмірів зображення
У разі збільшення зображення якість
погіршується
Дозволяють отримати зображення
фотографічної якості
Застосовують для зберігання
фотограффй, творів живопису тощо
Векторне зображення
Складаються з об’єктів, описаних
математично
Менші обсяги файлів. Обсяг залежить
від кількості об’єктів на зображенні
У разі збільшення якість не
погіршується
Не дозволяють точно передати перехід
від одного кольору до іншого
Застосовують для зберігання креслень,
ділової графіки, шрифтів тощо

32. Формати файлів растрових і векторних
зображень
Формат застосовують для збереження растрових зображень
без стиснення, тому файли мають великий обсяг. Він дає змогу
використовувати палітру з близько 16 млн кольорів.
BMP
Формат застосовують для збереження растрових зображень
зі стисненням без втрати якості. Його палітра підтримує від
65536 до понад 4 млрд кольорів, а також прозорість. Колір
зображення в цьому форматі відтворюється однаково на будь-
якому комп'ютері.
PNG
Формат використовується багатьма програмами, зокрема й
векторним графічним редактором Inkscape. Файл може містити
графічні примітиви, растрові малюнки, текст, анімацію,
інтерактивні елементи.
SVG

33. Формати файлів растрових і
векторних зображень
(Продовження…) формати графічних зображень.
Формат застосовують для збереження растрових
зображень зі стисненням за рахунок втрати якості:
менший файл — нижча якість. Зберігши зображення, не
можна відтворити його початковий вигляд. Малий розмір
файлів дозволяє працювати з фотографіями та в
Інтернеті.
JPG
Формат використовують переважно для стиснення
растрових зображень, які містять здебільшого одноколірні
ділянки (логотипи, написи, схеми). Підтримує палітру
всього з 256 вибраних кольорів, проте дозволяє зберігати
прозорість окремих ділянок зображення й анімацію.
GIF
Формати файлів растрових і векторних
зображень

34. Формати файлів растрових і
векторних зображень
Популярні програми для роботи з векторною графікою мають
власні формати:
CDR АІ
Відкритий формат для обміну графічними даними між
програмами
DXF
Підтримують векторну і растрову графіку.CGM, WMF, EPS
CorelDRAW Adobe Illustrator
Формати файлів растрових і векторних
зображень

35. Формати файлів растрових і
векторних зображень
Для розміщення на веб-сторінках в Інтернеті
використовують растрові зображення у форматах:
JPG GIF PNG
Оскільки ці формати передбачають стискання даних і файли
мають менший обсяг, ніж відповідні файли форматів без
стискання.
Формати файлів растрових і векторних
зображень

36. Дякую за увагу!