1 of 29

Програми для опрацювання графічних зображень

Нова українська школа

Урок 16

Інформатика 6

teach-inf.com.ua

за підручником

Ривкінд Й.Я. та ін.

2 of 29

Готуємось до вивчення нового матеріалу

  1. Що таке графічний редактор?
  1. Які інструменти графічного редактора ви використовували?
  1. Як установити програму на комп’ютер?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

3 of 29

Графічні редактори. Створення та опрацювання растрових зображень у графічному редакторі

У цьому пункті йтиметься про:

    • графічні редактори, їх види;
    • графічний редактор Krita, особливості його налаштувань та інтерфейсу;
    • інструменти малювання у графічному редакторі Krita;
    • створення растрових зображень;
    • відкриття та збереження файлів у графічному редакторі Krita.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

4 of 29

Пригадайте

Що таке графічний редактор? Для чого він призначений?

Які графічні редактори ви вже використовували?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

5 of 29

Графічні редактори, їх види

Редактор

растрової графіки

Редактор

векторної графіки

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

6 of 29

Графічні редактори, їх види

У 2-5-х класах вивчались програми, які є растровими графічними редакторами. До растрових графічних редакторів відносять:

Paint

Tux Paint

Paint.net

растрову складову графічного редактора середовища Скретч

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

7 of 29

Графічні редактори, їх види

Під час роботи з графічними об’єктами в

редакторі презентацій

текстовому процесорі

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

8 of 29

Графічні редактори, їх види

Існують й інші графічні редактори, що призначені як для незначної корекції зображень (наприклад, програма Фотографії ОС Windows).

Для професійного використання в різних галузях:

Corel

AutoCAD

Piranesi

ArchiCAD

Adobe Photoshop

Adobe Illustrated

Gimp

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

9 of 29

Пригадайте

Що таке розміри сторінки текстового документа? Які існують стандартні розміри аркуша паперу?

Як встановити розміри малюнка в графічному редакторі або сторінки в текстовому процесорі? В яких одиницях вимірювалися ці розміри?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

10 of 29

Графічний редактор Krita

Графічний редактор Krita призначено для створення та опрацювання як растрових, так і векторних зображень.

Це безкоштовний програмний продукт, який можна вільно завантажити із сайту розробників за адресою krita.org і встановити на свій комп’ютер.

Значок програми має такий вигляд.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

11 of 29

Графічний редактор

Після запуску програми на екрані з’являється початкове вікно графічного редактора,

створити новий файл

відкрити існуючий файл

перейти до ознайомлення з матеріалами спільноти користувачів Krita

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

12 of 29

Графічний редактор Krita

Якщо буде обрано створення нового файлу зображення (команда Новий файл),

то відкриється вікно налаштувань значень властивостей зображення з вкладками Розміри та Вміст.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

13 of 29

Графічний редактор Krita

На вкладці Розміри можна встановити:

розмір аркуша малюнка

роздільність зображення

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

14 of 29

Графічний редактор Krita

На вкладці Вміст розміщені елементи керування для:

встановлення імені файлу

кількості шарів у малюнку (за замовчуванням 2 шари)

кольору та рівня непрозорості тла

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

15 of 29

Графічний редактор Krita

Для початкової роботи з Krita можна залишити всі значення зазначених властивостей, запропонованіЙ за замовчуванням, і вибрати кнопку Створити.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

16 of 29

Інтерфейс програми Krita

Панель інструментів

Рядок меню

Панель Файл

Панель Пензлі

Бічна панель Розширений вибір кольорів і Параметри інструментів

Бічна панель Шари

Бічна панель Набори пензлів

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

17 of 29

Графічний редактор Krita

Після створення нового малюнка з установленими за замовчуванням значеннями властивостей у програмі створюється два шари:

Шар тло

Шар малювання 1, на якому й буде створюватися растрове зображення

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

18 of 29

Графічний редактор Krita

Зовнішній вигляд вікна програми можна змінити, використовуючи команди меню Параметри: Налаштувати Krita, Показати панелі, Бічні панелі, Теми, Перемкнути мову програми тощо.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

19 of 29

Графічний редактор Krita

Кольорову гаму інтерфейсу вікна програми користувач добирає залежно від власних уподобань.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

20 of 29

Поміркуйте

Розгляньте піктограми інструментів одного з графічних редакторів і поясніть, для виконання яких операцій призначено ці інструменти.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

21 of 29

Інструменти графічного редактора Krita

За замовчуванням ліворуч від робочого поля у вікні редактора Krita розміщено Панель інструментів. Так як у графічному редакторі Krita можна створювати та опрацьовувати як растрові, так і векторні зображення, він має інструменти для опрацювання цих видів графічних зображень.

Призначення окремих з них аналогічне до інструментів в інших редакторах, наприклад у Paint.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

22 of 29

Інструменти графічного редактора Krita

Інструмент «Пряма»

Інструмент «Еліпс»

Обрізати зображення

Вибрати колір

Довільне позначення

Малювання багатокутника

Інструмент Масштабування

Інструмент «Прямокутник»

Заповнити область

Прямокутний вибір

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

23 of 29

Інструменти графічного редактора Krita

Інструмент довільного малювання

Для створення довільних растрових об’єктів

Для малювання ламаної лінії

Для редагування форми і розмірів виділеної області

Малювання ламаної

Перетворити шар або вибране

Пересунути шар

Для переміщення і обертання виділеної області

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

24 of 29

Інструменти графічного редактора Krita

Для заповнення обраної області градієнтною заливкою

Для редагування форми і розмірів виділеної області

Намалювати градієнт

Інструмент «Еліптичне позначення»

Інструмент «Неперервне позначення»

Для виділення неперервної області, що має однаковий колір

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

25 of 29

Дайте відповіді на запитання

  1. Для чого призначено графічні редактори?
  1. Які ви знаєте графічні редактори? Для зображень яких видів вони призначені?
  1. Графічні зображення яких видів можна опрацьовувати з використанням графічного редактора Krita?
  1. Як установити значення властивостей нового зображення, яке ви створюєте в Krita?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

26 of 29

Розгадайте ребус

редактор

«Ребуси українською» © rebus1.com

ИЙ

А

Д

Графічний

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

27 of 29

Домашнє завдання

Проаналізувати

§ 4.2, с. 102-107

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

28 of 29

Працюємо за комп’ютером

Сторінка

112-113

© Вивчаємо інформатику teach-inf.com.ua

Розділ 4

§ 4.2

29 of 29

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

Нова українська школа

Урок 16

Інформатика 6

teach-inf.com.ua

за підручником

Ривкінд Й.Я. та ін.