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

Приклади мультфільмів, побудованих на основі векторної анімації

Використання векторної анімації в іграх

Порівняння з растровою анімацією

Переваги векторної анімації перед растровою:

• У векторі простіше створювати проміжні кадри.

• Велику кількість маніпуляцій можна робити автоматично.

• Об'єкти легко перефарбовувати.

• Якщо об'єкт створений методом маріонетки, то легко поміняти його конструкцію.

• Об'єкти легко тиражувати.

• Деякі рухи, складні та витратні для мальованої анімації, дуже прості у векторній

Недоліки векторної анімації:

• Контури растрової анімації природніші.

• Растровій анімації простіше даються мультиплікаційні кривляння і унікальні види.

• Векторну анімацію складно зробити високоякісною

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

Завантажити файли, потрібні для створення анімації

Постановка задачі.

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

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

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

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

Імпортуємо малюнок "Дерево"

Перетягуємо малюнок (шар) "Дерево" на позицію цього дерева на фоні

Зменшуємо імпортоване дерево до розмірів дерева на фоні і накладаємо його на це дерево

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

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

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

• 96f - тривалість 96 кадрів;

• 4s - тривалість 4 секунди

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

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

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

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

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

Шар дерева переміщаємо на верхній рівень (поверх автомобіля)

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

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

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