1 of 55

Автоматичне створення анімації

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

Урок 13

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

teach-inf.com.ua

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

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

2 of 55

Автоматичне створення анімації

Раніше під час створення анімаційного фільму художники-аніматори малювали кожен кадр вручну. Порахуймо, скільки потрібно малюнків для 10-хвилинного фільму за частоти кадрів 25 кадрів/с?

15 000!

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

Розділ 2

§ 11

3 of 55

Автоматичне створення анімації

Метод ключових кадрів (англ. key framing від key – ключ, frame – кадр) – спосіб автоматичного створення анімації, за якого розробник задає положення (форму, колір або інші властивості) об’єкта на деяких кадрах, а комп’ютер автоматично обчислює ці характеристики для проміжних кадрів.

Розділ 2

§ 11

4 of 55

Можливості інструмента Вибір об’єкта

Для роботи з різними об’єктами ознайомімося з інструментом Вибір об'єкта.

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

Розділ 2

§ 11

5 of 55

Можливості інструмента Вибір об’єкта

Вирівняти об'єкт у робочому полі

на горизонтальній осі

на вертикальній осі

у центрі

Розділ 2

§ 11

6 of 55

Можливості інструмента Вибір об’єкта

Віддзеркалити об'єкт

горизонтально

вертикально

в обох напрямках

Розділ 2

§ 11

7 of 55

Можливості інструмента Вибір об’єкта

Групування

згрупувати вибрані об'єкти

розгрупувати вибрані об'єкти

Розділ 2

§ 11

8 of 55

Можливості інструмента Вибір об’єкта

Розташування. Задати координати X і Y об'єкта.

Початок координат у лівому верхньому куті робочого поля.

Вісь X напрямлена праворуч

Вісь Y напрямлена донизу

Розділ 2

§ 11

9 of 55

Можливості інструмента Вибір об’єкта

Обертання

Задати кут повороту за годинниковою стрілкою в градусах

Розділ 2

§ 11

10 of 55

Можливості інструмента Вибір об’єкта

Масштаб. Змінити розміри об'єкта

X — ширину

Y — висоту

Якщо встановити прапорець Пропорц., обидва розміри змінюватимуться разом

Розділ 2

§ 11

11 of 55

Можливості інструмента Вибір об’єкта

Показ підказок

Показати короткі інструкції щодо користування інструментом. Повторне натискання їх приховує

Розділ 2

§ 11

12 of 55

Можливості інструмента Вибір об’єкта

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

Також масштаб зміниться, якщо навести вказівник у робоче поле і прокрутити коліщатко миші.

Розділ 2

§ 11

13 of 55

Додавання анімаційних ефектів до об’єктів

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

У TupiTube можна створювати анімаційні ефекти за допомогою ключових кадрів.

Розділ 2

§ 11

14 of 55

Додавання анімаційних ефектів до об’єктів

Щоб додати до об'єкта анімаційний ефект, потрібно:

вибрати інструмент Анімації, у поле на панелі параметрів інструменту ввести назву нового ефекту

і натиснути Створити нову анімацію);

Розділ 2

§ 11

15 of 55

Додавання анімаційних ефектів до об’єктів

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

вибрати один або декілька об’єктів, до яких буде додано ефект;

на панелі параметрів інструмента задати властивості ефекту;

Розділ 2

§ 11

16 of 55

Додавання анімаційних ефектів до об’єктів

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

натиснути Зберегти (оновити) анімацію, щоб зберегти створений ефект.

Розділ 2

§ 11

17 of 55

Додавання анімаційних ефектів до об’єктів

Після цього можна переглянути результат у модулі Програвач.

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

Розділ 2

§ 11

18 of 55

Анімація переміщення

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

Розділ 2

§ 11

19 of 55

Анімація переміщення

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

Розділ 2

§ 11

20 of 55

Анімація переміщення

Задамо ключові кадри та форму траєкторії. Для цього:

розпочнемо проєкт Казка із профілем 480 (PAL DV/DVD)-25 із тлом світлого кольору.

Розділ 2

§ 11

21 of 55

Анімація переміщення

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

На статичному векторному тлі намалюємо краєвид

Розділ 2

§ 11

22 of 55

Анімація переміщення

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

повернемося в покадровий режим. Збільшимо масштаб і біля лівого краю кадра інструментом Олівець намалюємо Колобка

Розділ 2

§ 11

23 of 55

Анімація переміщення

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

інструментом Вибір об'єкта виберемо всі частини Колобка й згрупуємо їх (Групування —згрупувати вибрані об'єкти);

Розділ 2

§ 11

24 of 55

Анімація переміщення

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

виберемо інструмент Анімація переміщення, введемо назву анімаційного ефекту рух, натиснемо Створити нову анімацію і виберемо зображення Колобка;

Розділ 2

§ 11

25 of 55

Анімація переміщення

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

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

Розділ 2

§ 11

26 of 55

Анімація переміщення

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

збережемо анімацію, натиснувши кнопку Зберегти анімацію

Розділ 2

§ 11

27 of 55

Анімація переміщення

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

Розділ 2

§ 11

28 of 55

Анімація переміщення

Для цього на панелі параметрів інструмента є список ділянок траєкторії (кроків), для кожної з яких зазначено кількість кадрів, відведених на її проходження.

Розділ 2

§ 11

29 of 55

Анімація переміщення

Якщо для певної ділянки натиснути кнопку, кількість кадрів збільшиться і Колобок рухатиметься нею повільніше.

Натомість кнопка зменшує кількість кадрів на проходження ділянки, а отже, прискорює рух Колобка.

Розділ 2

§ 11

30 of 55

Анімація переміщення

Змінимо швидкість руху на різних ділянках. Нехай Колобок швидко скочується донизу, а на горб викочується повільно. У стовпець Кадри внесемо для 7, 8, 9 і 10 кроків значення 15, 19, 18, 11. Кількість кадрів для решти ділянок також змінимо, щоб загальна кількість становила 120.

Підтвердимо зміни кнопкою

Розділ 2

§ 11

31 of 55

Анімація переміщення

Значення параметрів автоматичної анімації, доданої до об’єкта, можна змінити пізніше.

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

виберемо інструмент Анімація переміщення

Розділ 2

§ 11

32 of 55

Анімація переміщення

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

виберемо на панелі параметрів інструментів у списку назву анімаційного ефекту рух (наразі вона там одна)

Розділ 2

§ 11

33 of 55

Анімація переміщення

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

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

Розділ 2

§ 11

34 of 55

Анімація переміщення

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

після внесення змін натиснемо кнопку

Розділ 2

§ 11

35 of 55

Анімація обертання

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

Розділ 2

§ 11

36 of 55

Анімація обертання

Для неперервного обертання необхідно задати напрям (за стрілкою годинника, проти стрілки годинника) і швидкість обертання (у градусах на кадр).

Розділ 2

§ 11

37 of 55

Анімація обертання

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

Розділ 2

§ 11

38 of 55

Анімація обертання

Для цього:

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

Розділ 2

§ 11

39 of 55

Анімація обертання

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

перейдемо в покадровий режим і вставимо об’єкт із буфера обміну. За потреби перетягнемо його в потрібне місце;

Розділ 2

§ 11

40 of 55

Анімація обертання

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

виберемо інструмент Анімація обертання,

на панелі параметрів інструмента введемо назву «Рух сонця»,

натиснемо Створити нову анімацію;

Розділ 2

§ 11

41 of 55

Анімація обертання

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

виберемо об’єкт сонце, перейдемо в режим Задати властивості, налаштуємо

швидкість –

3 градуси/кадр

після підтвердження змін побачимо, що сонце протягом 120 кадрів робить повний оберт (120*3° = 360°).

Розділ 2

§ 11

42 of 55

Анімація обертання

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

Величини початкового та кінцевого кутів повороту і спосіб повторення, якщо таке потрібне (зациклити – просте повторення; зациклити з реверсом – повторення в прямому та зворотному напрямах).

Розділ 2

§ 11

43 of 55

Анімація обертання

Часткове обертання. Створимо анімацію гойдалки. Для цього:

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

Розділ 2

§ 11

44 of 55

Анімація обертання

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

зобразимо в покадровому режимі дошку і двох дітей; згрупуємо їх

Розділ 2

§ 11

45 of 55

Анімація обертання

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

додамо до групи об’єктів анімацію обертання з назвою «гойдалка»;

Розділ 2

§ 11

46 of 55

Анімація обертання

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

перетягнемо зелений маркер центра обертання в точку опори гойдалки;

Розділ 2

§ 11

47 of 55

Анімація обертання

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

задамо такі параметри анімації:

початковий кадр – 1

кінцевий кадр – 200

швидкість обертання – 1 градус/кадр

Розділ 2

§ 11

48 of 55

Анімація обертання

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

тип – часткове

діапазон градусів – від 340 до 20

зациклити з реверсом

Розділ 2

§ 11

49 of 55

Анімація обертання

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

підтвердимо зміни

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

Розділ 2

§ 11

50 of 55

Анімація обертання

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

Розділ 2

§ 11

51 of 55

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

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

Поясніть суть методу ключових кадрів.

Яка послідовність додавання до об’єкта автоматичного анімаційного ефекту?

Як додати до об’єкта анімацію переміщення вздовж певної траєкторії?

Як додати до об’єкта анімацію обертання?

Поясніть різницю між неперервним і частковим обертанням.

Розділ 2

§ 11

52 of 55

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

Обертання

Розділ 2

§ 11

53 of 55

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

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

с. 64-70

Розділ 2

§ 11

54 of 55

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

Сторінка

70

Розділ 2

§ 11

55 of 55

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

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

Урок 13

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

teach-inf.com.ua

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

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