1 of 32

Анімація в графічному редакторі Krita

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

Урок 50

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

teach-inf.com.ua

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

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

2 of 32

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

Як, на вашу думку, можна виконати анімацію руху кількох об’єктів? На що варто звернути увагу?

Чи бачили ви анімацію зі зміною кольору? Як це відбувалося?

Розділ 5

§ 5.3

3 of 32

Анімація у графічному редакторі Krita.�Анімація руху кількох об’єктів

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

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

Розділ 5

§ 5.3

4 of 32

Пригадайте

Які види графічних зображень можна створювати у графічному редакторі Krita?

Як додати новий шар у графічному редакторі Krita?

Які інструменти використовують для редагування растрового зображення?

Розділ 5

§ 5.3

5 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Як вам уже відомо, нескладну GIF- чи WebP-анімацію можна створити:

асобами растрових графічних редакторів

онлайн або інстальованими засобами перетворення набору графічних файлів в анімацію

Розділ 5

§ 5.3

6 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Проте значна частина багатофункціональних редакторів растрової графіки мають вбудовані засоби

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

Розділ 5

§ 5.3

7 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

До таких програм належать графічні редактори:

Krita

Adobe Photoshop

GIMP

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

krita.org

Розділ 5

§ 5.3

8 of 32

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

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

Рядок меню

Панель Файл

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

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

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

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

Розділ 5

§ 5.3

9 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Розглянемо процес створення короткої WebP-анімації у графічному редакторі Krita. Як зразок розглянемо процес створення анімації виконання смайликом (усміхайликом) вправ для фізкультхвилинки. Приклади зображень для анімації наведено на малюнку.

Розділ 5

§ 5.3

10 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

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

Розділ 5

§ 5.3

11 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Як підготовку до анімації варто створити окремо

малюнок базового зображення

зображення різних положень рук

Розділ 5

§ 5.3

12 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

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

Розділ 5

§ 5.3

13 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Для створення анімації у програмі Krita використовують інструменти робочого простору Animation.

Розділ 5

§ 5.3

14 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Для переходу до цього робочого простору слід вибрати кнопку Вибір робочого простору, а потім вибрати у списку Робочі простори команду Animation.

Розділ 5

§ 5.3

15 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Налаштування анімації здійснюється з використанням інструментів Монтажного столу, розміщеного в нижній частині вікна програми.

Розділ 5

§ 5.3

16 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

кнопка Редагувати шари

кнопка змінення масштабу Монтажного столу

кнопки керування попереднім переглядом анімації

Розділ 5

§ 5.3

17 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

лічильник кадрів

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

лічильник відсотків швидкості відтворення анімації

Розділ 5

§ 5.3

18 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

кнопка Додати порожній кадр

кнопка Додати дублікат кадру

кнопка Вилучити ключові кадри без посування решти

Розділ 5

§ 5.3

19 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

кадри анімації

поточний кадр анімації

інструменти керування шаром анімації

назва шару анімації

Розділ 5

§ 5.3

20 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Для створення анімації потрібно після встановлення робочого простору Анімація виконати таку послідовність дій:

Розділ 5

§ 5.3

21 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Вибрати у правій частині Монтажного столу кнопку Меню параметрів анімації

Установити в полі Кінець кліпу потрібне значення кінцевого кадру.

Розділ 5

§ 5.3

22 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Установити в полі Частота кадрів потрібне значення частоти кадрів.

Зробити поточним нульовий кадр на Монтажному столі.

Розділ 5

§ 5.3

23 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Вибрати в контекстному меню кадру команду Створити кадр-дублікат (інший спосіб – вибрати кнопку Додати дублікат кадру).

Розділ 5

§ 5.3

24 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Створити малюнок для першого кадру анімації.

Зробити поточним наступний кадр на Монтажному столі та виконати команду Створити кадр-дублікат.

Розділ 5

§ 5.3

25 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Унести зміни до малюнка, відобразивши наступне положення об’єктів

Повторити команди 7-8 для створення всіх кадрів анімації.

Розділ 5

§ 5.3

26 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Переглянути створену анімацію, використовуючи кнопки керування попереднім переглядом анімації.

Розділ 5

§ 5.3

27 of 32

Особливості опрацювання анімації�у графічному редакторі Krita

Зберегти створену анімацію у файлі, виконавши�Файл ⇒ Обробити анімацію та обравши один з варіантів збереження файлу анімації - як WebP або як відео.

Розділ 5

§ 5.3

28 of 32

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

Який перемикач властивостей тла потрібно вибрати під час створення нового зображення, якщо передбачається створення анімації?

Для чого використовується робочий простір Animation? Як його відобразити?

Як включити перший кадр до анімації?

Як змінити кількість кадрів анімації?

Розділ 5

§ 5.3

29 of 32

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

Монтажний

Розділ 5

§ 5.3

30 of 32

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

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

§ 5.3, с. 200-204

Розділ 5

§ 5.3

31 of 32

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

Сторінка

206-208

Розділ 5

§ 5.3

32 of 32

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

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

Урок 50

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

teach-inf.com.ua

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

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