1 of 40

Створення анімаційних ефектів

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

Урок 14

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

teach-inf.com.ua

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

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

2 of 40

Додавання декількох ефектів до одного об’єкта

У прикладі Колобок рухався вздовж траєкторії. Щоб рух мав природніший вигляд, додамо до нього ще й ефект обертання.

Обчислимо, на який кут слід повертати Колобка на кожному кадрі, щоб протягом 120 кадрів він зробив три повних оберти.

відповідає кут 360⁰

Повному оберту

3 х 360⁰ = 1080⁰

Трьом обертам

1080⁰ : 120 = 9⁰

Отже, на кожному кадрі повертаємо Колобка

Розділ 2

§ 12

3 of 40

Додавання декількох ефектів до одного об’єкта

Для цього:

у проєкті Казка перейдемо на 1-й кадр і виберемо інструмент Анімація обертання;

Розділ 2

§ 12

4 of 40

Додавання декількох ефектів до одного об’єкта

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

на панелі параметрів цього інструмента введемо назву Обертання

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

Розділ 2

§ 12

5 of 40

Додавання декількох ефектів до одного об’єкта

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

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

швидкість –

9 градусів/кадр

Підтвердити зміни

Розділ 2

§ 12

6 of 40

Додавання декількох ефектів до одного об’єкта

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

Розділ 2

§ 12

7 of 40

Додавання декількох ефектів до одного об’єкта

TupiTube дозволяє автоматично розраховувати не лише розташування та кут повороту рухомого об’єкта, а й інші його властивості: розміри, колір тощо. Для цього є низка інструментів у групі Анімації.

Розділ 2

§ 12

8 of 40

Анімація масштабування

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

Розділ 2

§ 12

9 of 40

Анімація масштабування

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

За шириною й висотою, Лише за шириною, Лише за висотою

як саме масштабувати

множник, на який змінюються відповідні розміри на наступному кадрі порівняно з поточним кадром;

коефіцієнт масштабування

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

число ітерацій

Розділ 2

§ 12

10 of 40

Анімація масштабування

Створимо анімацію мерехтливої зірки. Для цього:

намалюємо інструментом Олівець зірку і згрупуємо частини малюнка в один об’єкт;

Розділ 2

§ 12

11 of 40

Анімація масштабування

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

виберемо інструмент Анімація масштабування, на панелі параметрів інструмента введемо назву Пульсація;

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

Розділ 2

§ 12

12 of 40

Анімація масштабування

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

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

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

змінювати – за шириною й висотою

Розділ 2

§ 12

13 of 40

Анімація масштабування

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

коефіцієнт масштабування – 1,050

кількість ітерацій – 20

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

Підтвердити зміни

Розділ 2

§ 12

14 of 40

Анімація масштабування

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

Розділ 2

§ 12

15 of 40

Анімація зсуву

Ще одним ефектом, який можна додати до об’єкта в TupiTube, є анімація зсуву

Розділ 2

§ 12

16 of 40

Анімація зсуву

Інструмент Анімація зсуву має такі параметри:

За шириною й висотою, Лише за шириною, Лише за висотою;

напрям зсуву у який вибирають зі списку Зсунути

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

коефіцієнт масштабування

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

число ітерацій

Розділ 2

§ 12

17 of 40

Анімація щільності

Завдяки зміненню щільності в анімації щільності об’єкти можуть поступово з’являтися або зникати.

Розділ 2

§ 12

18 of 40

Анімація щільності

Інструмент Анімація щільності має такі параметри:

значення 1 означає, що об’єкт повністю видимий, а 0 – що він повністю зник (отже, щоб об'єкт поступово з’явився, початкова щільність має дорівнювати 0, а кінцева – 1)

початкова щільність і кінцева щільність

кількість кадрів, протягом яких змінюватиметься щільність об’єкта (менше значення відповідає швидшій появі або зникненню, а більше значення – повільнішій)

число ітерацій

Розділ 2

§ 12

19 of 40

Анімація розмальовування

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

Розділ 2

§ 12

20 of 40

Анімація розмальовування

Інструмент Анімація розмальовування має такі параметри:

штриха, заповнення чи штриха й заповнення разом

колір якої частини об'єкта має змінюватися

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

початковий і кінцевий кольори

кількість кадрів, протягом яких початко-вий колір переходитиме в кінцевий

число ітерацій

Розділ 2

§ 12

21 of 40

Анімація розмальовування

Створимо анімацію вогнища. Для цього:

на статичному векторному тлі Олівцем намалюємо дрова для вогнища і згрупуємо частини малюнка в один об’єкт;

Розділ 2

§ 12

22 of 40

Анімація розмальовування

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

перейдемо в покадровий режим і червоним кольором намалюємо контур полум'я;

Розділ 2

§ 12

23 of 40

Анімація розмальовування

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

виберемо інструмент Анімація розмальовування, виберемо полум’я і на панелі параметрів інструмента введемо назву ефекту, колір полум’я та значення

Розділ 2

§ 12

24 of 40

Анімація розмальовування

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

значення властивостей

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

Розділ 2

§ 12

25 of 40

Анімація розмальовування

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

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

назва ефекту – розмір полум'я

змінювати – за шириною й висотою

Розділ 2

§ 12

26 of 40

Анімація розмальовування

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

коефіцієнт масштабування – 1,02

кількість ітерацій – 5

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

Підтвердити зміни

Розділ 2

§ 12

27 of 40

Анімація розмальовування

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

виберемо інструмент Анімація щільності і задамо такі значення:

назва ефекту – щільність полум'я

Розділ 2

§ 12

28 of 40

Анімація розмальовування

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

початкова

щільність – 0,8

кінцева

щільність – 1

число ітерацій – 10

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

Підтвердити зміни

Розділ 2

§ 12

29 of 40