1 of 45

Покадрова анімація

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

Урок 17

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

teach-inf.com.ua

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

Бондаренко О.О. та ін.

2 of 45

Покадрова анімація

Анімаційні фільми протягом десятиліть створювали шляхом малювання кадрів вручну. Нині в цій непростій справі допомагає комп’ютер.

Покадрова анімація – спосіб створення анімації, за якого здійснюється покадрове промальовування.

Розділ 2

§ 14

3 of 45

Калькування

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

Розділ 2

§ 14

4 of 45

Калькування

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

Цю техніку називають калькуванням (від назви напівпрозорого паперу калька; англійською — onion skinning, від назви сорту паперу onionskin).

Розділ 2

§ 14

5 of 45

Калькування

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

Розділ 2

§ 14

6 of 45

Калькування

Розгляньмо засоби TupiTube, які моделюють техніку калькування, розміщені на панелі команд модуля Анімація:

поля для введення кількості попередніх

(ліве) та наступних (праве) кадрів

Розділ 2

§ 14

7 of 45

Калькування

кнопка Режим калькування вимикає режим калькування та вмикає знову

поле для введення рівня прозорості попередніх і наступних шарів

кнопка швидко встановлює значення прозорості 0,5

Розділ 2

§ 14

8 of 45

Калькування

Створимо анімацію стрілки, що рухається вздовж кривої лінії. Для цього:

на статичному векторному тлі намалюємо допоміжну криву – траєкторію стрілки (на малюнку лінія має 30 штрихів);

Розділ 2

§ 14

9 of 45

Калькування

Продовження…

перейдемо в покадровий режим і встановимо для калькування в обох полях значення 2;

Розділ 2

§ 14

10 of 45

Калькування

Продовження…

на першому кадрі намалюємо початкове положення стрілки, завдовжки 4 штрихи допоміжної лінії;

Розділ 2

§ 14

11 of 45

Калькування

Продовження…

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

Розділ 2

§ 14

12 of 45

Калькування

Продовження…

продовжимо малювати положення стрілки на наступних кадрах

Розділ 2

§ 14

13 of 45

Калькування

Продовження…

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

Розділ 2

§ 14

14 of 45

Калькування

Під вікном перегляду є засоби керування:

для швидкості — введення значення частоти кадрів у поле Кадр/с;

для перегляду анімації в нескінченному�циклі – прапорець Зациклити.

Розділ 2

§ 14

15 of 45

Калькування

Перегляньмо отриману анімацію

Розділ 2

§ 14

16 of 45

Робота з кадрами

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

Розділ 2

§ 14

17 of 45

Робота з кадрами

Ознайомімося з роботою з кадрами докладніше. Угорі панелі Розкадрування розміщені кнопки для виконання операцій над кадрами.

Додати кадр – Додає порожній кадр після поточного; наступні кадри зсуваються донизу

Розділ 2

§ 14

18 of 45

Робота з кадрами

Дублювати кадр – Додає після поточного кадру його копію; наступні кадри зсуваються донизу

Вилучити кадр – Вилучає виділені кадри; наступні кадри зсуваються вгору

Розділ 2

§ 14

19 of 45

Робота з кадрами

Перемістити кадр назад/вперед – Поточний кадр зміщується на одну позицію у вибраному напрямі

Розвернути вибрані кадри – Вибрані кадри розвертаються у зворотному порядку

Розділ 2

§ 14

20 of 45

Робота з кадрами

Скопіювати кадр – Діє як і в інших застосунках: вміщує в буфер обміну копії виділених кадрів

Вставити кадр – Поточний кадр зсувається донизу, над ним вставляються кадри з буферу обміну

Розділ 2

§ 14

21 of 45

Робота з кадрами

Створимо анімацію появи рукописного напису.

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

Розділ 2

§ 14

22 of 45

Робота з кадрами

Для цього виконаємо такі дії:

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

Розділ 2

§ 14

23 of 45

Робота з кадрами

Продовження…

продублюємо кадр, перейдемо на його примірник із меншим номером і вилучимо останній вузол в останній літері;

Розділ 2

§ 14

24 of 45

Робота з кадрами

Продовження…

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

Розділ 2

§ 14

25 of 45

Робота з кадрами

Щоб після побудови напис протягом деякого часу залишався на екрані, потібно:

перейти на останній кадр

виділити напис і скопіювати його

викликати контекстне меню і вибрати команду Вставити на... ⇒ наступні 50 кадрів

Розділ 2

§ 14

26 of 45

Робота з кадрами

Щоб на наступних кадрах напис був розташований на тому самому місці, перед його копіюванням слід на панелі параметрів інструмента Вибір об'єкта зняти прапорець Вставляти об'єкти на місце вказівника

Розділ 2

§ 14

27 of 45

Звуковий супровід анімації

Як ви вже знаєте, до проекту TupiTube можна імпортувати звукові файли (меню Імпорт — Звуковий файл). Після цього звук із файлу почне відтворюватися з кадру, на якому його додано.

Розділ 2

§ 14

28 of 45

Звуковий супровід анімації

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

Розділ 2

§ 14

29 of 45

Звуковий супровід анімації

у поле На кадрах вводять номер кадру, на якому починається відтворення;

кнопка Відтворити дозволяє прослухати вибраний файл; під час прослуховування вона змінюється на кнопку Пауза

Розділ 2

§ 14

30 of 45

Звуковий супровід анімації

кнопкою Вимкнути звук можна вимкнути відтворення вибраного звуку в анімації: вмикають звук повторним натисканням цієї кнопки

якщо встановити прапорець Зациклити, то звук під час прослуховування неперервно повторюватиметься

Розділ 2

§ 14

31 of 45

Звуковий супровід анімації

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

Розділ 2

§ 14

32 of 45

Звуковий супровід анімації

Додамо звуки до проєкту «Грибний дощ»

Перегляньмо отримане відео

Розділ 2

§ 14

33 of 45

Розробка складних анімацій

Приступімо до створення складніших анімацій, ніж ми робили раніше.

Шари

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

Розділ 2

§ 14

34 of 45

Розробка складних анімацій

Розгляньмо панель Розкадрування. Вгорі на ній розташовані кнопки керування шарами:

Вставити шар

Вилучити шар

Розділ 2

§ 14

35 of 45

Розробка складних анімацій

Якщо натиснути кнопку Вставити шар, то з’явиться ще один стовпець кадрів з автоматично створеною назвою вгорі (Шар 2). Щоб змінити назву шару, слід двічі клацнути на ній та відредагувати.

Розділ 2

§ 14

36 of 45

Розробка складних анімацій

Шари кадру вимальовуються зліва направо, тобто об’єкти Шару 2 затулятимуть об’єкти Шару 1.

Розділ 2

§ 14

37 of 45

Розробка складних анімацій

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

0 – повна прозорість;

1 – повна непрозорість.

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

Розділ 2

§ 14

38 of 45

Розробка складних анімацій

Сцени

Анімаційний ролик або фільм може складатися з декількох сцен – окремих анімацій, які виводяться в певному порядку. Ви знаєте, що під час експортування анімації можна вибрати, які сцени і в якому порядку увійдуть до відеофайлу.

Розділ 2

§ 14

39 of 45

Розробка складних анімацій

Якщо натиснути кнопку Вставити сцену, то на панелі Розкадрування з’явиться вкладка нової сцени з автоматично створеною назвою (Сцена 2). Сцену можна перейменувати, двічі клацнувши на її назві.

Розділ 2

§ 14

40 of 45

Розробка складних анімацій

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

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

Розділ 2

§ 14

41 of 45

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

Як створюється покадрова анімація?

Що таке калькування в TupiTube?

Опишіть послідовність виконання покадрової анімації.

Як скопіювати об’єкт на багато кадрів одночасно?

Як додати до анімації звук?

Розділ 2

§ 14

42 of 45

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

Покадрова

Розділ 2

§ 14

43 of 45

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

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

с. 83-90

Розділ 2

§ 14

44 of 45

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

Сторінка

90

Розділ 2

§ 14

45 of 45

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

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

Урок 17

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

teach-inf.com.ua

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

Бондаренко О.О. та ін.