§ 1. Растрова графіка. Графічний редактор GIMP

Сьогодні зображення, опрацьовані за допомогою комп’ютера, ми бачимо скрізь: у книжках і журналах, на вебсторінках сайтів, у комп’ютерних іграх тощо. Зазвичай такі зображення називають комп’ютерною графікою.
Працюють із зображеннями за допомогою спеціальних програм — графічних редакторів. Ви вже познайомилися з деякими з них, умієте створювати прості зображення та додавати до них написи; знаєте, як зберігати готовий малюнок на диску.
Для введення зображення в комп’ютер є різні пристрої: сканер, цифровий фотоапарат. Надрукувати малюнок на папері можна за допомогою принтера.


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

1.1. Основні поняття комп’ютерної графіки

Перегляньте слайд-шоу. У яких сферах людської діяльності застосовують комп’ютерну графіку? Які приклади можете навести ви?

Завдяки розвитку інформаційних технологій комп’ютерна графіка набуває дедалі більшого поширення в усьому світі. Її застосовують у різних сферах людської діяльності: у науці, медицині, поліграфії, на виробництві та ін. Відомі здобутки у створенні спецефектів у кінофільмах, комп’ютерних іграх тощо, зокрема й українських митців.


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

Уся інформація, опрацьовувана комп’ютером, кодується за допомогою чисел. Щоб закодувати числами малюнок, існують два способи: растровий і векторний.

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

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

Подібну структуру має зображення на екрані монітора: воно складається з крапок — пікселів (від англ. Рicture Еlement — елемент малюнка).

Піксель — найменший елемент растрового зображення. Пікселі такі малі, що на екрані монітора сприймаються як суцільний малюнок. Кожен піксель може набувати тільки одного кольору. Змінити колір частини пікселя неможливо.


Зображення, подане як набір пікселів, називають растровим, або точковим.

1.2.1. Кодування растрових зображень

Растрове зображення легко закодувати числами.
Позначивши кожен колір числом, отримаємо кодову таблицю.

Тоді кодом растрового зображення буде послідовність чисел:
перші два числа — кількість пікселів за довжиною і шириною малюнка,
наступні — коди кольорів пікселів, перелічені зліва направо рядок за рядком: 30, 22, 2, 2, 7, 7, 7, 7, 4, 4, 4, 4, 4, 4, 4, 4, 7, 7, 7, 7, 6, 6, 6 і т. д.
Растровий спосіб кодування використовується для опрацювання фотографій, сканованих зображень тощо.

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

ЗВЕРНІТЬ УВАГУ! Розміри растрового зображення визначає кількість пікселів за горизонталлю та вертикаллю.

Від кількості пікселів залежить якість зображення: що більша кількість пікселів, то більше окремих деталей за їхньою допомогою можна зобразити.

Типові розміри екрана монітора в пікселях такі: 800 × 600, 1024 × 768, 1240 × 1024 і більше. Цифрове фото може мати розміри 2048 × 1536, 4320 × 3240 пікселів тощо.

Завдання 1

1.3. Растровий графічний редактор GIMP

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

ЗВЕРНІТЬ УВАГУ! Якщо після запуску програми з’явиться кілька окремих вікон, то їх можна об’єднати в одне, скориставшись командою меню Вікна Одновіконний режим.

1.3.1. Огляд засобів керування

На панелі інструментів містяться кнопки інструментів. Щоб вибрати інструмент, слід клацнути відповідну кнопку. У вікні параметрів можна переглядати та змінювати властивості активного інструмента. 
Доступ до більшості засобів для роботи із зображенням відбувається через діалогові вікна. Їх розташування можна змінювати. Якщо потрібного вікна на екрані немає, його слід увімкнути (Вікна Діалоги з підтримкою прикріплення).
Для зручнішого перегляду зображення, відшукування дрібних деталей буває доцільно змінити масштаб, натиснувши клавішу Ctrl і прокрутивши коліщатко миші. Зміна масштабу впливає лише на вигляд зображення на екрані.
Перейти до потрібної частини графічного зображення вам допоможуть смуги прокручування, розташовані внизу та праворуч від робочого поля.

1.3.2. Кадрування зображення

Інструмент Кадрування дає змогу кадрувати зображення, тобто дуже точно обрізати його.
Щоб видалити зайві краї малюнка, потрібно:
1) вибрати інструмент Кадрування;
2) у робочому полі перетягуванням охопити в прямокутник ту частину зображення, яку слід залишити;
3) уточнити розміри та положення прямокутника, перетягуючи бічні смуги або весь прямокутник;
4) клацнути всередині прямокутника.

ЗВЕРНІТЬ УВАГУ! Щоб скасувати останню дію, слід вибрати команду меню Зміни Скасувати. Це можна повторити декілька разів.

1.3.3. Формати файлів растрових зображень

Якщо роботу над малюнком завершено, то його експортують у потрібний растровий формат (PNG, JPG тощо). Для цього слід вибрати команду меню Файл Експортувати як…, а потім у діалоговому вікні — папку, назву файлу і формат для збереження.

Якщо ж роботу над малюнком не завершено, потрібно:
1) вибрати команду меню Файл Зберегти;
2) у діалоговому вікні Збереження зображення, що відкриється, вибрати папку і назву файлу;
3) клацнути кнопку Зберегти — файл буде збережено у форматі XCF, спеціальному форматі GIMP.


Формат файлу
— це набір правил, за якими дані записуються у файл.

Існує багато форматів файлів для запису растрових зображень, що відрізняються розміром файлу, способом розміщення даних у файлі, якістю зображення та ін.

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

Завдання 2

Питання для самоперевірки

1. Запустіть GIMP. Відкрийте в ньому файл 1-1.jpg*.

Примітка. Це можна зробити різними способами:
* якщо GIMP запущено на одному комп’ютері з браузером, де відкрито цей урок, то перейти за посиланням на зображення, скопіювати його і вставити у GIMP (Файл → Одержати  З буфера обміну);
* якщо на комп’ютері є папка із файлами зображень, то перетягти значок файлу 1-1.jpg з папки на панель інструментів GIMP.

2. Змініть масштаб перегляду так, щоб у вікні було добре видно квітку кульбаби. Для цього натисніть клавішу Ctrl і прокрутіть коліщатко миші. За потреби скористайтеся смугами прокручування.

3. Викадруйте зображення квітки кульбаби. Виберіть інструмент Кадрування  і перетягуванням охопіть фрагмент. За потреби уточніть його розміри та розташування і клацніть усередині.

4. Експортуйте зображення у файл Квітка-1.png (меню Файл Експортувати як...). Налаштування в діалоговому вікні параметрів PNG залиште без змін і натисніть Експортувати.

5. Відкрийте файл 1-2.jpg*, викадруйте зображення квітки й експортуйте у файл Квітка-2.png.

6. Експортуйте прямокутний фрагмент зображення із файлу 1-3.jpg* у файл Квітка-3.png.
Закрийте GIMP, попередженнями про незбережені зміни знехтуйте.

Оцініть свої знання