SlideShare a Scribd company logo
1 of 36
Поняття комп’ютерної
графіки
Урок 1
Поняття комп’ютерної графіки
Мабуть, ви любите:
Читати
ілюстровані
книжки
Дивитися
анімаційні фільми
Грати в
комп'ютерні ігри
Сьогодні всі вони створюються з використанням комп'ютера.
Поняття комп’ютерної графіки
Малюнки Креслення Графіки Діаграми
При підготовці яких використовується
комп'ютер, називають комп'ютерною графікою,
а програми для створення й редагування
зображень називають графічними редакторами.
Поняття комп’ютерної графіки
Поняття комп’ютерної графіки
У попередніх класах ви вже працювали з графічним
редактором, використовували інструменти для малювання:
Прямих і
кривих ліній
Геометричних
фігур
Заливання
замкнених
частин
зображень
Створення
текстових
написів
Поняття комп’ютерної графіки
Поняття комп’ютерної графіки
Ви навчилися:
Переміщувати Копіювати Обертати Вилучати
фрагменти зображення, а також створювати малюнок за
розробленим планом і за власним задумом.
Поняття комп’ютерної графіки
Поняття комп’ютерної графіки
Із розвитком інформаційних технологій комп'ютерна графіка
набула поширення у всьому світі.
Сьогодні вона застосовується в різних сферах людської
діяльності:
У науці й
техніці
У медицині й
освіті
Рекламному
бізнесі
Індустрії
розваг тощо
Поняття комп’ютерної графіки
Поняття комп’ютерної графіки
Комп'ютерна графіка — це розділ інформатики, у якому
вивчаються методи створення й опрацювання зображень
за допомогою комп'ютера.
Поняття комп’ютерної графіки
Поняття комп’ютерної графіки
Сучасні апаратні та програмні засоби значно розширюють
спектр застосування комп'ютерної графіки.
Це зручні інструменти для роботи з графічними
зображеннями,
не лише для
професіоналів,
а й для пересічних
користувачів
Поняття комп’ютерної графіки
Засоби комп’ютерної графіки
Апаратні
Відео-карта
Монітор
Принтер
Сканер
Плотер
Цифрова фотокамера
Графічний планшет
Програмні
Програми перегляду
графічних зображень
Графічні редактори
Програми розпізнавання
графічних зображень
Програми спеціалізованого
опрацювання графічних
зображень
Поняття комп’ютерної графіки
Растрові та векторні зображення,
їхні властивості
Растрові та векторні зображення
Залежно від способу побудови та кодування графічного
зображення, розрізняють зображення:
Растрові Векторні
Растрові зображення
Растрове зображення — це зображення, що являє собою
набір пікселів, кожний із яких має певний колір.
Растрові зображення
Растрові зображення
Растрове зображення складається з
точок — пікселів відповідних кольорів і
нагадує аркуш паперу в клітинку, на якому
кожна клітинка зафарбована певним
кольором.
Растрові зображення
Растрові зображення
Під час перегляду растрового зображення у звичайному
масштабі розміри пікселів такі малі, що зображення здається
суцільним.
Але після збільшення масштабу перегляду графічного
зображення або його розмірів стає помітна мозаїчна структура
зображення.
Це явище називають
пікселізацією
зображення.
Растрові зображення
Растрові зображення
Піксель є найменшим об'єктом растрового зображення і має
такі властивості:
1) Розташування 2) Колір
яке вказує на місцезнаходження
пікселя в сукупності пікселів
зображення
Растрові зображення ви опрацьовували у
графічному редакторі Paint.
Растрові зображення
Растрові зображення
Растрова графіка дає можливість одержати високу якість
зображення, тому за її допомогою можна ефективно
відтворювати реальні образи.
Переваги растрових зображень:
1) Добре відтворюють
напівтіні
2) Плавні переходи між
кольорами
Растрові зображення
Растрові зображення
Зменшені зображення втрачають деталі, натомість на
збільшених — проявляється їхня мозаїчна структура.
Растрові зображення
Растрові зображення
Растрові зображення мають як переваги, так і недоліки.
Переваги
Реалістичність зображень
Природність кольорів
Можливість роботи з
фотографіями та
сканованими зображеннями
Недоліки
Великий обсяг даних
Погіршення якості при
збільшенні й зменшенні
зображення
Складність редагування
Растрові зображення
Чи знаєте ви, що...
Сучасні смартфони
мають камери, які
можуть
створювати
фотографії, що
містять від 5 до 20
мільйонів пікселів
(5-20 Мп).
Чи знаєте ви, що...
Якщо колір кожного пікселя буде кодуватися
24 бітами, або 3 байтами, то розмір файла
такої фотографії з 15 000 000 пікселів буде 45
000 000 байт, або приблизно 42,9 Мбайт.
Тому більшість пристроїв за замовчуванням
виконує стиснення даних і файл зображення,
наприклад формату має розмір приблизно.
5 Мбайт
Якщо растрова графіка описує зображення з використанням
кольорових крапок — пікселів, то у векторній графіці базовим
елементом є лінія.
Векторне зображення — це зображення, що складається
з геометричних об'єктів (ліній, кіл, кривих тощо), які
описуються математичними рівняннями, — графічних
примітивів.
Векторні зображення
Векторні зображення
Векторне зображення будується з окремих базових об'єктів —
графічних примітивів:
Відрізків
Багато-
кутників
Кривих Овалів тощо
Векторні зображення
Векторні зображення
Графічні примітиви характеризуються такими
властивостями:
Кольором і товщиною
контуру
Кольором і способом
заливки внутрішньої
області
Розміром та іншими
Збільшення розмірів зображення не впливає на його якість.
Векторні зображення
Векторні зображення
Для побудови круга достатньо вказати:
Координати
центра
Радіус круга
Товщину,
стиль і колір
лінії кола
Колір
заливки
Векторні зображення
Векторні зображення
У результаті розмір файла з векторним
зображенням буде набагато меншим, ніж у
растровій графіці. Причому розмір файла
векторного зображення не залежить від
розмірів зображення.
Бо збільшення розмірів зображення
приводить тільки до зміни значень деяких
його властивостей, не збільшуючи
загальної кількості даних.
Векторні зображення
Векторні зображення
Недоліком векторної графіки є «неприродність» малюнка.
Природа «уникає» прямих ліній, і не завжди малюнок можна
скласти з кіл і прямих ліній без втрати якості.
Растрове зображення Векторне зображення
Векторні зображення
Векторні зображення
Через це векторну графіку використовують здебільшого для
побудови:
Креслень
Технічних та
стилізованих
малюнків
Шрифтів Карт
Крім того, у векторних малюнках нечітко
відтворюється колористичність відтінків.
Векторні зображення
Векторні зображення
Основна перевага векторної графіки полягає у можливості
довільно масштабувати й повертати зображення без втрати
якості.
Векторні зображення
Переваги та недоліки векторних зображень
Переваги
Невеликі за розміром файли
зображень
Збереження якості після
масштабування
Простота редагування
окремих елементів
зображення
Недоліки
Складність реалістичного
відтворення об'єктів
навколишнього середовища
Відсутність пристроїв для
автоматизованого створення
зображення
Для роботи з векторними зображеннями розроблено такі
програми, як:
Inkscape CorelDRAW
Adobe Illustrator
та ін.
Векторні зображення
Порівняємо особливості растрового й векторного
зображень
Растрове зображення
Складається з набору пікселів
Більші обсяги файлів. Обсяг залежить
від розмірів зображення
У разі збільшення зображення якість
погіршується
Дозволяють отримати зображення
фотографічної якості
Застосовують для зберігання
фотограффй, творів живопису тощо
Векторне зображення
Складаються з об’єктів, описаних
математично
Менші обсяги файлів. Обсяг залежить
від кількості об’єктів на зображенні
У разі збільшення якість не
погіршується
Не дозволяють точно передати перехід
від одного кольору до іншого
Застосовують для зберігання креслень,
ділової графіки, шрифтів тощо
Формати файлів растрових і векторних
зображень
Формат застосовують для збереження растрових зображень
без стиснення, тому файли мають великий обсяг. Він дає змогу
використовувати палітру з близько 16 млн кольорів.
BMP
Формат застосовують для збереження растрових зображень
зі стисненням без втрати якості. Його палітра підтримує від
65536 до понад 4 млрд кольорів, а також прозорість. Колір
зображення в цьому форматі відтворюється однаково на будь-
якому комп'ютері.
PNG
Формат використовується багатьма програмами, зокрема й
векторним графічним редактором Inkscape. Файл може містити
графічні примітиви, растрові малюнки, текст, анімацію,
інтерактивні елементи.
SVG
Формати файлів растрових і
векторних зображень
(Продовження…) формати графічних зображень.
Формат застосовують для збереження растрових
зображень зі стисненням за рахунок втрати якості:
менший файл — нижча якість. Зберігши зображення, не
можна відтворити його початковий вигляд. Малий розмір
файлів дозволяє працювати з фотографіями та в
Інтернеті.
JPG
Формат використовують переважно для стиснення
растрових зображень, які містять здебільшого одноколірні
ділянки (логотипи, написи, схеми). Підтримує палітру
всього з 256 вибраних кольорів, проте дозволяє зберігати
прозорість окремих ділянок зображення й анімацію.
GIF
Формати файлів растрових і векторних
зображень
Формати файлів растрових і
векторних зображень
Популярні програми для роботи з векторною графікою мають
власні формати:
CDR АІ
Відкритий формат для обміну графічними даними між
програмами
DXF
Підтримують векторну і растрову графіку.CGM, WMF, EPS
CorelDRAW Adobe Illustrator
Формати файлів растрових і векторних
зображень
Формати файлів растрових і
векторних зображень
Для розміщення на веб-сторінках в Інтернеті
використовують растрові зображення у форматах:
JPG GIF PNG
Оскільки ці формати передбачають стискання даних і файли
мають менший обсяг, ніж відповідні файли форматів без
стискання.
Формати файлів растрових і векторних
зображень
Дякую за увагу!

More Related Content

What's hot

Презентація:Комп"ютери та їх різновиди
Презентація:Комп"ютери та їх різновидиПрезентація:Комп"ютери та їх різновиди
Презентація:Комп"ютери та їх різновиди
sveta7940
 

What's hot (20)

Презентація:Комп"ютери та їх різновиди
Презентація:Комп"ютери та їх різновидиПрезентація:Комп"ютери та їх різновиди
Презентація:Комп"ютери та їх різновиди
 
векторна і растрова графіка
векторна і растрова графікавекторна і растрова графіка
векторна і растрова графіка
 
6 клас урок 17
6 клас урок 176 клас урок 17
6 клас урок 17
 
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
 
презентація сервіси розміщення відео та аудіо
презентація   сервіси розміщення відео та аудіопрезентація   сервіси розміщення відео та аудіо
презентація сервіси розміщення відео та аудіо
 
редагування даних таблиці 7 клас
редагування даних таблиці 7 класредагування даних таблиці 7 клас
редагування даних таблиці 7 клас
 
7 клас 1 урок. Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерно...
7 клас 1 урок. Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерно...7 клас 1 урок. Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерно...
7 клас 1 урок. Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерно...
 
6 клас урок 5
6 клас урок 56 клас урок 5
6 клас урок 5
 
1.1 Поштова служба Інтернету. Електронна скринька та електронне листування. Е...
1.1 Поштова служба Інтернету. Електронна скринька та електронне листування. Е...1.1 Поштова служба Інтернету. Електронна скринька та електронне листування. Е...
1.1 Поштова служба Інтернету. Електронна скринька та електронне листування. Е...
 
Презентація до 19 уроку в 8 класі
Презентація до 19 уроку в 8 класіПрезентація до 19 уроку в 8 класі
Презентація до 19 уроку в 8 класі
 
8 клас урок 4
8 клас урок 48 клас урок 4
8 клас урок 4
 
формати файлів текстових документів
формати файлів текстових документівформати файлів текстових документів
формати файлів текстових документів
 
інформатика. 5 клас. мій конспект. 2018
інформатика. 5 клас. мій конспект. 2018інформатика. 5 клас. мій конспект. 2018
інформатика. 5 клас. мій конспект. 2018
 
6 клас урок 2 дистанція
6 клас урок 2 дистанція6 клас урок 2 дистанція
6 клас урок 2 дистанція
 
Інформатика-5. Урок 26. Комп'ютерна презентація та її об'єкти
Інформатика-5. Урок 26. Комп'ютерна презентація та її об'єктиІнформатика-5. Урок 26. Комп'ютерна презентація та її об'єкти
Інформатика-5. Урок 26. Комп'ютерна презентація та її об'єкти
 
урок 26 5 клас презентация
урок 26 5 клас презентацияурок 26 5 клас презентация
урок 26 5 клас презентация
 
Презентація Бази даних Урок 1.pptx
Презентація Бази даних Урок 1.pptxПрезентація Бази даних Урок 1.pptx
Презентація Бази даних Урок 1.pptx
 
Схеми та діаграми
Схеми та діаграмиСхеми та діаграми
Схеми та діаграми
 
Урок 3: "Етикет електронного листування. Правила безпечного користування елек...
Урок 3: "Етикет електронного листування. Правила безпечного користування елек...Урок 3: "Етикет електронного листування. Правила безпечного користування елек...
Урок 3: "Етикет електронного листування. Правила безпечного користування елек...
 
комп’ютерні програми і мови програмування
комп’ютерні програми і мови програмуваннякомп’ютерні програми і мови програмування
комп’ютерні програми і мови програмування
 

Viewers also liked

Viewers also liked (8)

6 клас урок 3 дистанція
6 клас урок 3 дистанція6 клас урок 3 дистанція
6 клас урок 3 дистанція
 
5 клас урок 1 дист
5 клас урок 1 дист5 клас урок 1 дист
5 клас урок 1 дист
 
урок2 5 клас-дистанція
урок2 5 клас-дистанціяурок2 5 клас-дистанція
урок2 5 клас-дистанція
 
8 i r_2016_ru
8 i r_2016_ru8 i r_2016_ru
8 i r_2016_ru
 
Урок 5 для 6 класу - Практична робота №1. Побудова зображення з графічних при...
Урок 5 для 6 класу - Практична робота №1. Побудова зображення з графічних при...Урок 5 для 6 класу - Практична робота №1. Побудова зображення з графічних при...
Урок 5 для 6 класу - Практична робота №1. Побудова зображення з графічних при...
 
Урок 10 для 7 класу - Алгоритми з повторенням. Базова алгоритмічна структура ...
Урок 10 для 7 класу - Алгоритми з повторенням. Базова алгоритмічна структура ...Урок 10 для 7 класу - Алгоритми з повторенням. Базова алгоритмічна структура ...
Урок 10 для 7 класу - Алгоритми з повторенням. Базова алгоритмічна структура ...
 
9
99
9
 
8 ist r_2016
8 ist r_20168 ist r_2016
8 ist r_2016
 

Similar to 6 клас урок 1 Інформатика

основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
annaeres
 
урок 2 типи графічних файлів
урок 2 типи графічних файлівурок 2 типи графічних файлів
урок 2 типи графічних файлів
mrprizrak
 
D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...
D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...
D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...
Сергій Якуба
 
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
Дмитро Загура
 

Similar to 6 клас урок 1 Інформатика (20)

Rozdil1
Rozdil1Rozdil1
Rozdil1
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
 
клас 9_урок29 джерела і параметри растрових зображень
клас 9_урок29 джерела і параметри растрових зображеньклас 9_урок29 джерела і параметри растрових зображень
клас 9_урок29 джерела і параметри растрових зображень
 
Graphica rozdil1
Graphica rozdil1Graphica rozdil1
Graphica rozdil1
 
урок 2 типи графічних файлів
урок 2 типи графічних файлівурок 2 типи графічних файлів
урок 2 типи графічних файлів
 
Поняття графічного редактора
Поняття графічного редактораПоняття графічного редактора
Поняття графічного редактора
 
урок 15 поняття графічного редактора
урок 15 поняття графічного редактораурок 15 поняття графічного редактора
урок 15 поняття графічного редактора
 
комп графика
комп графикакомп графика
комп графика
 
комп графика
комп графикакомп графика
комп графика
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...
D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...
D0bed181d0bdd0bed0b2d0b8 d180d0b0d181d182d180d0bed0b2d0bed197-d0b3d180d0b0d18...
 
комп’ютерна графіка. м.н.в.
комп’ютерна графіка. м.н.в.комп’ютерна графіка. м.н.в.
комп’ютерна графіка. м.н.в.
 
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
 
комп'ютерна графыка
комп'ютерна графыкакомп'ютерна графыка
комп'ютерна графыка
 
комп'ютерна графіка
комп'ютерна графікакомп'ютерна графіка
комп'ютерна графіка
 
дроботюк юлії
дроботюк юліїдроботюк юлії
дроботюк юлії
 
cавін олександра
cавін олександраcавін олександра
cавін олександра
 
Растрова графіка
Растрова графікаРастрова графіка
Растрова графіка
 
графічні редактори
графічні редакториграфічні редактори
графічні редактори
 
основи комп'ютерної графіки
основи комп'ютерної графікиоснови комп'ютерної графіки
основи комп'ютерної графіки
 

More from Татьяна Ляш

More from Татьяна Ляш (9)

події
подіїподії
події
 
середовище Lazarus
середовище Lazarusсередовище Lazarus
середовище Lazarus
 
поняття мови програмування
поняття мови програмуванняпоняття мови програмування
поняття мови програмування
 
Переклад і переспів. 7 клас
Переклад і переспів. 7 класПереклад і переспів. 7 клас
Переклад і переспів. 7 клас
 
през 5-кл
през 5-клпрез 5-кл
през 5-кл
 
фольклор
фольклорфольклор
фольклор
 
майстер клас бугайова с.ю.
майстер клас бугайова с.ю.майстер клас бугайова с.ю.
майстер клас бугайова с.ю.
 
Природа1
Природа1Природа1
Природа1
 
Звіт про поїздку до Литви
Звіт про поїздку до ЛитвиЗвіт про поїздку до Литви
Звіт про поїздку до Литви
 

Recently uploaded

аналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.pptаналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.ppt
JurgenstiX
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
OlgaDidenko6
 
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ssuser59e649
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
JurgenstiX
 

Recently uploaded (19)

матеріал для 10 класу урок історія України
матеріал для 10 класу урок історія Україниматеріал для 10 класу урок історія України
матеріал для 10 класу урок історія України
 
Супрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptxСупрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptx
 
Проблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішенняПроблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішення
 
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptxоцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
 
Супрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptxСупрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptx
 
psychologistpresentation-230215175859-50bdd6ed.ppt
psychologistpresentation-230215175859-50bdd6ed.pptpsychologistpresentation-230215175859-50bdd6ed.ppt
psychologistpresentation-230215175859-50bdd6ed.ppt
 
Defectolog_presentation_for_website.pptx
Defectolog_presentation_for_website.pptxDefectolog_presentation_for_website.pptx
Defectolog_presentation_for_website.pptx
 
аналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.pptаналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.ppt
 
Хімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класХімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 клас
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
 
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
 
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
 
Бомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяБомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентація
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdf
 
Горбонос 2024_presentation_for_website.pptx
Горбонос 2024_presentation_for_website.pptxГорбонос 2024_presentation_for_website.pptx
Горбонос 2024_presentation_for_website.pptx
 

6 клас урок 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 Оскільки ці формати передбачають стискання даних і файли мають менший обсяг, ніж відповідні файли форматів без стискання. Формати файлів растрових і векторних зображень