SlideShare a Scribd company logo
Сьогодні
03.09.2019
Урок 1
1. Де в повсякденному житті ви зустрічаєте графічні зображення?
2. Де ви можете побачити комп'ютерну графіку?
Комп'ютерна графіка завдяки розвитку інформаційних технологій
набуває дедалі більшого поширення в усьому світі. Сьогодні її
застосовують у різних сферах людської діяльності: у науці, медицині,
рекламі, поліграфії, на виробництві та ін.
Добре відомі здобутки комп'ютерної графіки у створенні спецефектів у
кінофільмах, комп'ютерних іграх тощо.
Комп'ютерна графіка – це розділ інформатики, у якому вивчаються
методи створення й опрацювання зображень за допомогою комп'ютера.
Уся інформація, опрацьована комп'ютером, кодується за допомогою
чисел. Але як закодувати числами малюнок?
Для цього є два способи: растровий і векторний.
Намалюйте на аркуші в клітинку квітку, зафарбовуючи певним
кольором лише цілі клітинки. Ви отримаєте зображення, схоже на те,
що наведено на малюнку.
Подібну структуру має зображення на
екрані монітора: воно складається з
окремих крапок, які називають
пікселями.
Пікселі малі, тому на екрані ми бачимо
суцільне зображення.
Зображення, подане як набір пікселів, називається растровим, або
точковим. Піксель є найменшим елементом растрового зображення.
Кожен піксель може набувати тільки одного кольору. Змінити колір
частини пікселя неможливо.
Растрове зображення нескладно закодувати числами.
Позначимо кожен колір числом і отримаємо кодову таблицю:
Колір Код Колір Код Колір Код Колір Код
Чорний 0 Зелений 2 Червоний 4 Жовтий 6
Синій 1 Коричневий 3 Фіолетовий 5 Білий 7
Тоді кодом растрового зображення буде послідовність чисел: перші два
числа – кількість пікселів по довжині і ширині малюнка, наступні –
коди кольорів пікселів, перелічені зліва направо рядок за рядком:
30 22 2 2 7 7 7 7 4 4 4 4 4 4 4 4 7 7 7 7 6 6 6
Растровий спосіб кодування використовується для опрацювання
фотографій, малюнків, сканованих зображень тощо.
Для роботи з растровою графікою є багато програм. Вони відрізняються
набором засобів для опрацювання зображень: для початківців – Paint,
KolourPaint; для професіоналів – Adobe Photoshop, GIMP та ін.
Растрова графіка має як переваги, так і недоліки. Основною перевагою є
можливість працювати з фотографічними та сканованими
зображеннями, недоліком – погіршення якості зображення в разі
змінення його розмірів або обертання на певний кут.
Розміри растрового зображення визначає кількість пікселів по
горизонталі й вертикалі. Від кількості пікселів залежить якість
зображення, адже чим більше пікселів, тим більше окремих деталей за
їх допомогою можна зобразити.
Типові розміри екрана монітора в пікселях такі: 800 × 600, 1024× 768,
1240 × 1024 і більше. Цифрове фото може мати розміри 2048 × 1536,
4320 × 3240 пікселів тощо.
Надруковане зображення повинно бути якісним, а отже, пікселі –
якомога меншими за розмірами.
Величину, що показує, скільки пікселів розміщується на одиниці
довжини зображення, називають його роздільною здатністю, або
роздільністю, і найчастіше вимірюють у «точках на дюйм».
Окрім розміру, зображення можна охарактеризувати кількістю
можливих кольорів. Чим більше кольорів використано в зображенні,
тим краще воно може відтворювати вигляд реальних об'єктів.
Нескладні малюнки зручно створювати за допомогою простого
графічного редактора, наприклад Paint. Проте є програми, наприклад
GIMP, що мають більше можливостей і дозволяють опрацьовувати
значно складніші зображення.
Графічний редактор GIMP розробляється інтернет-спільнотою, вільно
розповсюджується і має різноманітні засоби для опрацювання
растрових зображень. Програма є багатоплатформною, тобто
одночасно виходять версії для різних операційних систем (Windows,
Linux та ін.).
GIMP дозволяє створювати й опрацьовувати растрові малюнки,
покращувати якість фотографій та сканованих зображень,
розробляти колажі.
Для того щоб запустити графічний редактор GIMP, потрібно двічі
клацнути його піктограму. Після цього з’явиться головне вікно
програми.
Рядок
заголовку
Рядок меню
Панель
інструментів
Вибір
кольорів
Параметри
інструментів
Діалогові
вікна
Робоче поле
Рядок стану
Щоб вибрати потрібний інструмент, слід
клацнути відповідну кнопку. У вікні
параметрів, яке розміщено під панеллю
інструментів, можна переглядати і
змінювати властивості активного
інструмента.
Для більш зручного перегляду зображення, відшукування дрібних
дефектів іноді доцільно збільшити чи зменшити масштаб, натиснувши
клавішу Ctrl і прокрутивши коліщатко миші.
Інструменти GIMP за призначенням можна поділити на інструменти
малювання, виділяння, заповнення, перетворення та ін.
Розглянемо детальніше інструменти малювання.
Інструмент Пензель дозволяє малювати за
допомогою «пензлів» різної форми.
Інструменти Пензель, Олівець, Аерограф і Гумка використовують
спільний набір «пензлів»:
Значок Інструмент Опис
Олівець
Відрізняється тим, що накреслені лінії не мають
напівпрозорих ділянок
Аерограф
Діє аналогічно Пензлю, але щільність його сліду
залежить від тривалості утримання кнопки миші
Гумка
Дозволяє стирати ділянки малюнка. Якщо для
шару увімкнено прозорість, то слід Гумки стане
прозорим, інакше він буде зафарбований
кольором тла
Графічний редактор GIMP дає змогу кадрувати зображення, тобто дуже
точно обрізати його інструментом Кадрування.
Формат PNG дозволяє зберігати растрові зображення зі стисканням без
втрати якості. Залежно від типу він підтримує від 65 536 до понад 4 млрд
кольорів, а також прозорість. Формат користується популярністю в
Інтернеті.
Формат JPG використовується для стиснення графічних даних за
рахунок втрати якості зображення: менший файл — нижча якість.
Завдяки порівняно невеликим розмірам файлів формат часто
застосовується під час роботи з фотографіями та в Інтернеті.
Формат BMP підтримує повну палітру з 16 млн кольорів. Він
використовується для зберігання даних без стиснення, тому файли
здебільшого мають великий обсяг.
Формат GIF підтримує палітру всього з 256 кольорів, проте дозволяє
зберігати прозорість окремих ділянок зображення та анімацію.
1. Що таке комп’ютерна графіка?
2. У чому полягає растрове кодування зображень? Які його переваги
та недоліки?
3. До яких зображень застосовують растрове кодування?
4. Для роботи з якими зображеннями призначено графічний редактор
GIMP?
5. Опишіть, як користуватися інструментом Пензель.
6. Які особливості роботи з інструментом Заповнення?
7. Як вилучити зайві фрагменти малюнка?
8. Опишіть особливості форматів файлів растрових зображень.
С. 7 – 15 - опрацювати

More Related Content

What's hot

5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.
5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.
5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.
StAlKeRoV
 
Презентація:Додавання, редагування та форматування таблиць
Презентація:Додавання, редагування та форматування таблицьПрезентація:Додавання, редагування та форматування таблиць
Презентація:Додавання, редагування та форматування таблиць
sveta7940
 
6 клас урок 5
6 клас урок 56 клас урок 5
6 клас урок 5
Марина Конколович
 
редагування даних таблиці 7 клас
редагування даних таблиці 7 класредагування даних таблиці 7 клас
редагування даних таблиці 7 клас
aniadania
 
3 клас урок 3 способи подання повідомлень. носії повідомлень.
3 клас урок 3 способи подання повідомлень. носії повідомлень.3 клас урок 3 способи подання повідомлень. носії повідомлень.
3 клас урок 3 способи подання повідомлень. носії повідомлень.
Сокальська ЗШ І-ІІІ ступенів №2
 
Векторна графіка у середовищі офісних програм Microsoft
Векторна графіка у середовищі офісних програм MicrosoftВекторна графіка у середовищі офісних програм Microsoft
Векторна графіка у середовищі офісних програм Microsoft
Georgii Zhabieiev
 
7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...
7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...
7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...
StAlKeRoV
 
Інформатика-5. Урок 5. Персональний комп'ютер та його складові
Інформатика-5. Урок 5. Персональний комп'ютер та його складовіІнформатика-5. Урок 5. Персональний комп'ютер та його складові
Інформатика-5. Урок 5. Персональний комп'ютер та його складові
Володимир Бондар
 
Урок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖД
Урок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖДУрок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖД
Урок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖД
Nikolay Shaygorodskiy
 
презентація діаграми в Excel
 презентація діаграми в Excel презентація діаграми в Excel
презентація діаграми в Excel1cana1
 
комп’ютерні програми і мови програмування
комп’ютерні програми і мови програмуваннякомп’ютерні програми і мови програмування
комп’ютерні програми і мови програмування
Захарова Олена
 
6 клас урок 17
6 клас урок 176 клас урок 17
6 клас урок 17
Марина Конколович
 
9 клас урок 14
9 клас урок 149 клас урок 14
9 клас урок 14
Марина Конколович
 
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
VsimPPT
 
Команди і виконавці
Команди і виконавціКоманди і виконавці
Команди і виконавці
AllaGureva
 
Презентація Бази даних Урок 1.pptx
Презентація Бази даних Урок 1.pptxПрезентація Бази даних Урок 1.pptx
Презентація Бази даних Урок 1.pptx
ssuserceb60a
 
створення зв’язків між таблицями
створення зв’язків між таблицямистворення зв’язків між таблицями
створення зв’язків між таблицями
Ольга Казанцева
 
векторна і растрова графіка
векторна і растрова графікавекторна і растрова графіка
векторна і растрова графіка
Алина Тихоненко
 
Схеми та діаграми
Схеми та діаграмиСхеми та діаграми
Схеми та діаграми
Olga Barna
 
1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...
1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...
1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...
Оксана Миколаївна Хоровець
 

What's hot (20)

5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.
5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.
5 клас 29 урок. Графічні об’єкти слайдів. Вставляння зображень.
 
Презентація:Додавання, редагування та форматування таблиць
Презентація:Додавання, редагування та форматування таблицьПрезентація:Додавання, редагування та форматування таблиць
Презентація:Додавання, редагування та форматування таблиць
 
6 клас урок 5
6 клас урок 56 клас урок 5
6 клас урок 5
 
редагування даних таблиці 7 клас
редагування даних таблиці 7 класредагування даних таблиці 7 клас
редагування даних таблиці 7 клас
 
3 клас урок 3 способи подання повідомлень. носії повідомлень.
3 клас урок 3 способи подання повідомлень. носії повідомлень.3 клас урок 3 способи подання повідомлень. носії повідомлень.
3 клас урок 3 способи подання повідомлень. носії повідомлень.
 
Векторна графіка у середовищі офісних програм Microsoft
Векторна графіка у середовищі офісних програм MicrosoftВекторна графіка у середовищі офісних програм Microsoft
Векторна графіка у середовищі офісних програм Microsoft
 
7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...
7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...
7 клас 4 урок. Практична робота № 1. «Електронне листування з використанням в...
 
Інформатика-5. Урок 5. Персональний комп'ютер та його складові
Інформатика-5. Урок 5. Персональний комп'ютер та його складовіІнформатика-5. Урок 5. Персональний комп'ютер та його складові
Інформатика-5. Урок 5. Персональний комп'ютер та його складові
 
Урок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖД
Урок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖДУрок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖД
Урок №7. Практична робота №2. «Побудова інформаційних моделей» Інструктаж з БЖД
 
презентація діаграми в Excel
 презентація діаграми в Excel презентація діаграми в Excel
презентація діаграми в Excel
 
комп’ютерні програми і мови програмування
комп’ютерні програми і мови програмуваннякомп’ютерні програми і мови програмування
комп’ютерні програми і мови програмування
 
6 клас урок 17
6 клас урок 176 клас урок 17
6 клас урок 17
 
9 клас урок 14
9 клас урок 149 клас урок 14
9 клас урок 14
 
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
Урок 9 для 6 класу - Додавання тексту до графічних зображень та його форматув...
 
Команди і виконавці
Команди і виконавціКоманди і виконавці
Команди і виконавці
 
Презентація Бази даних Урок 1.pptx
Презентація Бази даних Урок 1.pptxПрезентація Бази даних Урок 1.pptx
Презентація Бази даних Урок 1.pptx
 
створення зв’язків між таблицями
створення зв’язків між таблицямистворення зв’язків між таблицями
створення зв’язків між таблицями
 
векторна і растрова графіка
векторна і растрова графікавекторна і растрова графіка
векторна і растрова графіка
 
Схеми та діаграми
Схеми та діаграмиСхеми та діаграми
Схеми та діаграми
 
1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...
1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...
1.2 Двійкове кодування. Одиниці вимірювання довжини двійкового коду. Кодуванн...
 

Similar to Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.

комп’ютерна графіка. м.н.в.
комп’ютерна графіка. м.н.в.комп’ютерна графіка. м.н.в.
комп’ютерна графіка. м.н.в.
maksumchuknatalia
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
mazepa0510
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
bohdanandroshchuk
 
Реташуваня фотографій
Реташуваня фотографійРеташуваня фотографій
Реташуваня фотографій
marunasorokina
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графікиannaeres
 
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
Дмитро Загура
 
Yarmolchuk
YarmolchukYarmolchuk
Yarmolchuk
oleh2706
 
урок 1 засоби перегляду й перетворення графічної інформації
урок 1 засоби перегляду й перетворення графічної інформаціїурок 1 засоби перегляду й перетворення графічної інформації
урок 1 засоби перегляду й перетворення графічної інформаціїmrprizrak
 
graphics_1
graphics_1graphics_1
graphics_1
kalishnatalka
 
графічні редактори
графічні редакториграфічні редактори
графічні редактори
kalishnatalka
 
6 клас урок 3
6 клас урок 36 клас урок 3
6 клас урок 3
Марина Конколович
 
клас 9_урок29 джерела і параметри растрових зображень
клас 9_урок29 джерела і параметри растрових зображеньклас 9_урок29 джерела і параметри растрових зображень
клас 9_урок29 джерела і параметри растрових зображень
Світлана Нич
 
комп графика
комп графикакомп графика
комп графика
Ирина Валериевна
 
4 клас урок 14 як працювати з інструментами виділення
4 клас урок 14 як працювати з інструментами виділення 4 клас урок 14 як працювати з інструментами виділення
4 клас урок 14 як працювати з інструментами виділення
Сокальська ЗШ І-ІІІ ступенів №2
 
комп графика
комп графикакомп графика
комп графика
Ирина Валериевна
 
Графіка
ГрафікаГрафіка
що таке компьютерна графіка
що таке компьютерна графікащо таке компьютерна графіка
що таке компьютерна графікаMaryna Zaharova
 

Similar to Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості. (20)

комп’ютерна графіка. м.н.в.
комп’ютерна графіка. м.н.в.комп’ютерна графіка. м.н.в.
комп’ютерна графіка. м.н.в.
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
Комп'ютерна графіка
Комп'ютерна графікаКомп'ютерна графіка
Комп'ютерна графіка
 
Реташуваня фотографій
Реташуваня фотографійРеташуваня фотографій
Реташуваня фотографій
 
комп'ютерна графыка
комп'ютерна графыкакомп'ютерна графыка
комп'ютерна графыка
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
 
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
5 клас. Морзе. Урок 15. Поняття графічного редактора, його призначення. Серед...
 
Yarmolchuk
YarmolchukYarmolchuk
Yarmolchuk
 
урок 1 засоби перегляду й перетворення графічної інформації
урок 1 засоби перегляду й перетворення графічної інформаціїурок 1 засоби перегляду й перетворення графічної інформації
урок 1 засоби перегляду й перетворення графічної інформації
 
graphics_1
graphics_1graphics_1
graphics_1
 
Graphica rozdil1
Graphica rozdil1Graphica rozdil1
Graphica rozdil1
 
графічні редактори
графічні редакториграфічні редактори
графічні редактори
 
Rozdil1
Rozdil1Rozdil1
Rozdil1
 
6 клас урок 3
6 клас урок 36 клас урок 3
6 клас урок 3
 
клас 9_урок29 джерела і параметри растрових зображень
клас 9_урок29 джерела і параметри растрових зображеньклас 9_урок29 джерела і параметри растрових зображень
клас 9_урок29 джерела і параметри растрових зображень
 
комп графика
комп графикакомп графика
комп графика
 
4 клас урок 14 як працювати з інструментами виділення
4 клас урок 14 як працювати з інструментами виділення 4 клас урок 14 як працювати з інструментами виділення
4 клас урок 14 як працювати з інструментами виділення
 
комп графика
комп графикакомп графика
комп графика
 
Графіка
ГрафікаГрафіка
Графіка
 
що таке компьютерна графіка
що таке компьютерна графікащо таке компьютерна графіка
що таке компьютерна графіка
 

Recently uploaded

KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
Olga Kudriavtseva
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
Olga Kudriavtseva
 
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослинСучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
tetiana1958
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
estet13
 
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
Olga Kudriavtseva
 
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
tetiana1958
 
Симон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежністьСимон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежність
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
ssuser7541ef1
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
Репетитор Історія України
 
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
santomihail264
 

Recently uploaded (11)

KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
 
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослинСучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
 
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
 
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
 
Симон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежністьСимон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежність
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
 
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
 

Урок 1. Поняття комп'ютерної графіки. Растрові зображення, їхні властивості.

  • 2. 1. Де в повсякденному житті ви зустрічаєте графічні зображення? 2. Де ви можете побачити комп'ютерну графіку?
  • 3. Комп'ютерна графіка завдяки розвитку інформаційних технологій набуває дедалі більшого поширення в усьому світі. Сьогодні її застосовують у різних сферах людської діяльності: у науці, медицині, рекламі, поліграфії, на виробництві та ін.
  • 4. Добре відомі здобутки комп'ютерної графіки у створенні спецефектів у кінофільмах, комп'ютерних іграх тощо. Комп'ютерна графіка – це розділ інформатики, у якому вивчаються методи створення й опрацювання зображень за допомогою комп'ютера.
  • 5. Уся інформація, опрацьована комп'ютером, кодується за допомогою чисел. Але як закодувати числами малюнок? Для цього є два способи: растровий і векторний.
  • 6. Намалюйте на аркуші в клітинку квітку, зафарбовуючи певним кольором лише цілі клітинки. Ви отримаєте зображення, схоже на те, що наведено на малюнку. Подібну структуру має зображення на екрані монітора: воно складається з окремих крапок, які називають пікселями. Пікселі малі, тому на екрані ми бачимо суцільне зображення.
  • 7. Зображення, подане як набір пікселів, називається растровим, або точковим. Піксель є найменшим елементом растрового зображення. Кожен піксель може набувати тільки одного кольору. Змінити колір частини пікселя неможливо.
  • 8. Растрове зображення нескладно закодувати числами. Позначимо кожен колір числом і отримаємо кодову таблицю: Колір Код Колір Код Колір Код Колір Код Чорний 0 Зелений 2 Червоний 4 Жовтий 6 Синій 1 Коричневий 3 Фіолетовий 5 Білий 7 Тоді кодом растрового зображення буде послідовність чисел: перші два числа – кількість пікселів по довжині і ширині малюнка, наступні – коди кольорів пікселів, перелічені зліва направо рядок за рядком: 30 22 2 2 7 7 7 7 4 4 4 4 4 4 4 4 7 7 7 7 6 6 6
  • 9. Растровий спосіб кодування використовується для опрацювання фотографій, малюнків, сканованих зображень тощо. Для роботи з растровою графікою є багато програм. Вони відрізняються набором засобів для опрацювання зображень: для початківців – Paint, KolourPaint; для професіоналів – Adobe Photoshop, GIMP та ін.
  • 10. Растрова графіка має як переваги, так і недоліки. Основною перевагою є можливість працювати з фотографічними та сканованими зображеннями, недоліком – погіршення якості зображення в разі змінення його розмірів або обертання на певний кут.
  • 11. Розміри растрового зображення визначає кількість пікселів по горизонталі й вертикалі. Від кількості пікселів залежить якість зображення, адже чим більше пікселів, тим більше окремих деталей за їх допомогою можна зобразити. Типові розміри екрана монітора в пікселях такі: 800 × 600, 1024× 768, 1240 × 1024 і більше. Цифрове фото може мати розміри 2048 × 1536, 4320 × 3240 пікселів тощо.
  • 12. Надруковане зображення повинно бути якісним, а отже, пікселі – якомога меншими за розмірами. Величину, що показує, скільки пікселів розміщується на одиниці довжини зображення, називають його роздільною здатністю, або роздільністю, і найчастіше вимірюють у «точках на дюйм». Окрім розміру, зображення можна охарактеризувати кількістю можливих кольорів. Чим більше кольорів використано в зображенні, тим краще воно може відтворювати вигляд реальних об'єктів.
  • 13. Нескладні малюнки зручно створювати за допомогою простого графічного редактора, наприклад Paint. Проте є програми, наприклад GIMP, що мають більше можливостей і дозволяють опрацьовувати значно складніші зображення.
  • 14. Графічний редактор GIMP розробляється інтернет-спільнотою, вільно розповсюджується і має різноманітні засоби для опрацювання растрових зображень. Програма є багатоплатформною, тобто одночасно виходять версії для різних операційних систем (Windows, Linux та ін.).
  • 15. GIMP дозволяє створювати й опрацьовувати растрові малюнки, покращувати якість фотографій та сканованих зображень, розробляти колажі.
  • 16. Для того щоб запустити графічний редактор GIMP, потрібно двічі клацнути його піктограму. Після цього з’явиться головне вікно програми.
  • 18.
  • 19.
  • 20. Щоб вибрати потрібний інструмент, слід клацнути відповідну кнопку. У вікні параметрів, яке розміщено під панеллю інструментів, можна переглядати і змінювати властивості активного інструмента.
  • 21. Для більш зручного перегляду зображення, відшукування дрібних дефектів іноді доцільно збільшити чи зменшити масштаб, натиснувши клавішу Ctrl і прокрутивши коліщатко миші.
  • 22. Інструменти GIMP за призначенням можна поділити на інструменти малювання, виділяння, заповнення, перетворення та ін. Розглянемо детальніше інструменти малювання. Інструмент Пензель дозволяє малювати за допомогою «пензлів» різної форми.
  • 23. Інструменти Пензель, Олівець, Аерограф і Гумка використовують спільний набір «пензлів»: Значок Інструмент Опис Олівець Відрізняється тим, що накреслені лінії не мають напівпрозорих ділянок Аерограф Діє аналогічно Пензлю, але щільність його сліду залежить від тривалості утримання кнопки миші Гумка Дозволяє стирати ділянки малюнка. Якщо для шару увімкнено прозорість, то слід Гумки стане прозорим, інакше він буде зафарбований кольором тла
  • 24. Графічний редактор GIMP дає змогу кадрувати зображення, тобто дуже точно обрізати його інструментом Кадрування.
  • 25.
  • 26. Формат PNG дозволяє зберігати растрові зображення зі стисканням без втрати якості. Залежно від типу він підтримує від 65 536 до понад 4 млрд кольорів, а також прозорість. Формат користується популярністю в Інтернеті. Формат JPG використовується для стиснення графічних даних за рахунок втрати якості зображення: менший файл — нижча якість. Завдяки порівняно невеликим розмірам файлів формат часто застосовується під час роботи з фотографіями та в Інтернеті.
  • 27. Формат BMP підтримує повну палітру з 16 млн кольорів. Він використовується для зберігання даних без стиснення, тому файли здебільшого мають великий обсяг. Формат GIF підтримує палітру всього з 256 кольорів, проте дозволяє зберігати прозорість окремих ділянок зображення та анімацію.
  • 28. 1. Що таке комп’ютерна графіка? 2. У чому полягає растрове кодування зображень? Які його переваги та недоліки? 3. До яких зображень застосовують растрове кодування? 4. Для роботи з якими зображеннями призначено графічний редактор GIMP? 5. Опишіть, як користуватися інструментом Пензель. 6. Які особливості роботи з інструментом Заповнення? 7. Як вилучити зайві фрагменти малюнка? 8. Опишіть особливості форматів файлів растрових зображень.
  • 29. С. 7 – 15 - опрацювати