Анімація прямолінійного руху об'єкта

Тип уроку: урок розвитку компетентностей

Сприйняття та осмислення нового матеріалу

Завдання. 

Відкрити редактор векторної анімації Synfig Studio

Формулювання завдання на урок

Учитель пояснює, учні повторюють на своїх комп'ютерах

Створимо анімацію за зразком

Задаємо розміри полотна

 Визначаємо розміри фонового малюнка

Задаємо відповідні розміри для полотна

Імпортуємо фоновий малюнок "Вулиця"

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

Завдання.

Імпортувати зображення автомобіля та зменшити його відносно розмірів об’єктів на фоновому зображенні

Встановлюємо автомобіль на вихідну позицію

Задаємо тривалість анімації (96 кадрів = 4 секунди) та швидкість зміни кадрів (24 кадр./с)

Способи задати тривалість:

Вмикаємо режим анімації

Задаємо поточним 24-й кадр та встановлюємо автомобіль у позицію, до якої він доїде на цьому кадрі

Можна тримати Shift для переміщення автомобіля строго горизонтально

Дублюємо фіксатор 24-го кадру на 48 кадр (машина одну секунду простоїть на місці)

Додамо до анімації ще 24 кадри (1 секунду)

За допомогою перетягування мишею перемістимо фіксатор з 48-го кадру на 72-й, а з 24-го кадру на 48-й (автомобіль їхатиме 2 секунди, зупиниться і постоїть 1 секунду)

Встановлюємо поточним 120-й кадр та переміщуємо автомобіль у кінцеве положення

Запустимо попередній перегляд анімації

Запитання.

Який недолік в анімації ви помітили? (Відповідь: машина їде поверх дерева)

Зробимо так, щоб дерево перекривало машину

Вимикаємо режим анімації

Створюємо маскувальний об'єкт

Обведемо дерево по контуру інструментом "крива"

Криву потрібно замкнути командою Loop

Створюємо Ізольований шар (групу), розмістивши в ньому новостворений шар з кривої

Перетягуємо шар Avtomobilj у новостворену групу

Для маскувального шару значення параметра Blend Method (Метод змішування) змінюємо на Alpha Over (Альфа над)

Переглянемо анімацію

Створюємо GIF-файл (рендеринг)