Шари, їх використання
Нова українська школа
Урок 3
Інформатика 6
teach-inf.com.ua
за підручником
Бондаренко О.О. та ін.
Багатошарові растрові зображення
Побудову зображення з багатьох частин спрощує використання шарів.
Зображення будується так, ніби його частини намальовано на окремих прозорих плівках, які накладаються одна на одну, — шарах. Це дозволяє змінювати кожен шар незалежно від інших шарів.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Діалогове вікно Шари
Для виконання операцій над шарами призначене:
меню Шар
діалогове вікно Шари
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Діалогове вікно Шари
Ми бачимо, що зображення має три шари. Активним є Шар 1. Оскільки цей шар є першим у списку, то він затулятиме решту. Щоб зробити активним інший шар, достатньо клацнути його назву або мініатюру у списку.
Кнопка шари
Список режимів
Регулятор непрозорості
Заблокувати шар від випадкових змін
Перемикнути
видимість відповідного шару
Позначка означає, що цей шар
зв’язаний з іншим шаром
Мініатюра
Назва шару
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Діалогове вікно Шари
Кнопками Заблокувати шар від випадкових змін можна заблокувати шар від випадкових змін:
від малювання
переміщення
стирання
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Діалогове вікно Шари
Унизу вікна містяться кнопки операцій над активним шаром:
Створити новий шар над активним
Підняти (опустити) на один рівень
Дублювати, тобто створити
ще один такий самий шар
Вилучити активний шар
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Відкриття зображення з файлу
Щоб відкрити для редагування малюнок з файлу, потрібно вибрати команду меню Файл ⇒ Відкрити…
У діалоговому вікні відкриття файлу потрібно:
Після відкриття та внесення змін зображення необхідно зберегти.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Відкриття зображення з файлу
Зображення, з яким наразі працює користувач, називають поточним. Відкрити файл можна перетягуванням значка файла з папки на панель інструментів GIMP .
Якщо значок файлу перетягти з папки в робоче поле з зображенням, то зображення з файлу додасться до нього як новий шар.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Відкриття зображення з файлу
На знімку пам’ятки військової архітектури ХIII-ХV ст. Аккерманської фортеці (Білгород-Дністровської) небо, на думку фотографа, вийшло недостатньо виразним.
Щоб додати зображення неба з іншого знімка, потрібно:
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Відкриття зображення з файлу
Продовження …
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Відкриття зображення з файлу
Якщо ділянки шару під час стирання не стають прозорими, для нього слід увімкнути прозорість (меню Шар ⇒ Прозорість ⇒ Додати альфа-канал).
Для переміщення шарів один відносно одного призначено інструмент Переміщення . На панелі параметрів можна вибрати, який шар слід перемістити: активний чи той, до якого належить піксель під вказівником.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
Під час роботи у графічному редакторі GIMP важливо вміти виділяти потрібну частину. Саме на виділеній ділянці можна:
малювати
застосовувати заповнення
змінювати форму, колір тощо
Виділену частину зображення можна:
скопіювати і вставити в інше зображення
зберегти в окремому файлі
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
Ви вже виділяли фрагменти малюнка в простому графічному редакторі.
Подібні інструменти є також у GIMP, проте вони значно досконаліші.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
Опис деяких із інструментів виділяння подано в таблиці:
Значок
Інструмент
Опис
Вибір прямо-
кутником
Дозволяють виділяти фрагмент зображення прямокутної або овальної форми. Шляхом перетягування будується приблизний контур виділення (див. далі), який потім уточнюється перетягуванням країв і кутів
Вибір еліпсом
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
(Продовження…) інструменти виділяння:
Значок
Інструмент
Опис
Вільний
вибір
Використовується для виділяння фрагментів складної форми. Прямі межі будують послідовним клацанням, а при натиснутій кнопці миші вимальовують криволінійні. Після натискання клавіші Enter лінія замикається і з’являється контур виділення
Вибір
пов’язаної
ділянки
Після клацання на зображенні виділяється суцільна ділянка, що має колір, схожий на колір початкової точки. Діапазон потрібних кольорів задається регулятором Поріг на панелі параметрів
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
(Продовження …) інструменти виділяння:
Значок
Інструмент
Опис
Вибір
за кольором
Працює подібно до попереднього інструмента, але схожі кольори виділяються на всьому зображенні
Вибір
переднього
плану
Дозволяє швидко виділити фрагмент складної форми, колір якого помітно відрізняється від тла (наприклад, жовту квітку на тлі зеленого листя)
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
Відокремимо зображення квітки від тла інструментом Вибір переднього плану. Для цього слід:
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
Продовження…
Фрагмент можна скопіювати (меню Зміни ⇒ Копіювати), а потім створити нове зображення (меню Файл ⇒ Одержати ⇒ З буфера обміну) або вставити на це саме чи інше зображення (меню Зміни ⇒ Вставити).
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти виділяння
Вставлений фрагмент міститься на тимчасовому шарі Рухомий вибір. Слід вибрати спосіб його додавання до зображення та клацнути одну з кнопок:
створити з доданого новий шар
об’єднати додане з поточним шаром.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти заповнення
Заливання
Градієнт
Для заповнення ділянок призначені два інструменти.
і
Інструмент Заливання дозволяє зафарбувати ділянку зображення кольором:
переднього плану
кольором тла
текстурою (малюнком)
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти заповнення
На панелі параметрів слід вибрати потрібний тип заповнення.
Якщо вибрати
варіант Текстурою, то після клацання кнопки зі зразком текстури можна вибрати одну з текстур.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти заповнення
Далі слід вибрати область застосування заповнення:
Ступінь подібності кольорів можна задати регулятором Поріг, який міститься на панелі параметрів.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти заповнення
Інструмент Градієнт зафарбовує із плавним переходом від одного кольору до іншого. Набір кольорів і форму градієнта можна вибрати на панелі параметрів.
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти перетворення
До
Для керування деякими інструментами відкривається допоміжне вікно, у якому можна ввести додаткові параметри і підтвердити дію.
Поточного
шару
виділеного фрагмента зображення
або
можна застосувати інструменти перетворення.
Щоб застосувати інструмент, слід вибрати та клацнути шар (фрагмент), а потім виконати відповідні дії (наступний слайд).
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти перетворення
Значок
Інструмент
Опис
Обертання
Перетягуванням виконує поворот на потрібний кут. Можна перетягти центр повороту (опорну точку) в потрібне місце. Дію слід підтвердити кнопкою Обернути в допоміжному вікні
Нахил
Перетягуванням здійснює нахиляння по горизонталі або
вертикалі. Дію слід підтвердити кнопкою Нахилити
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Інструменти перетворення
Значок
Інструмент
Опис
Масштаб
Дзеркало
Віддзеркалює зображення. Потрібно вибрати напрямок (горизонтально чи вертикально) на панелі параметрів інструмента і клацнути зображення
Перетягуванням кутових або бічних маркерів змінює розміри. Позначка означає, що ширина і висота змінюватимуться разом. Якщо її клацнути, вона набуде вигляду і можна змінювати кожен розмір окремо. Дію
слід підтвердити кнопкою Масштабувати
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Питання для самоперевірки
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Розгадайте ребус
«Ребуси українською» © rebus1.com
зображення
Багатошарові
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Домашнє завдання
Проаналізувати
с. 20-25
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Працюємо за комп’ютером
Сторінка
25
© Вивчаємо інформатику teach-inf.com.ua
Розділ 1
§ 3
Дякую за увагу!
Нова українська школа
Урок 3
Інформатика 6
teach-inf.com.ua
за підручником
Бондаренко О.О. та ін.