VektorNK - Урок 4

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

Практичне завдання 1. Реалізувати анімацію обертання.

Gif анімація вентилятора в Synfig Studio

Технологія виконання

Крок 1. Малюємо вентилятор

За допомогою інструмента прямокутник R розтягніть прямокутник на все полотно і вкажіть у параметрах білий колір. На панелі шарів задайте шару ім'я фон.

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

Натискаємо на панелі шарів символ + і додаємо шар лінійного вертикального градієнта (+ Градієнти-лінійний градієнт). У налаштуваннях кольору опорних точок градієнта вкажіть колір верхньої точки 8B0000, нижньої FF5D5D. Для шару градієнта на панелі параметри вкажіть Режим змішування На. Додайте обидва шари в одну групу та введіть ім'я Стійка вентилятора.

В нижній частині намалюйте таку фігуру. Фігура може бути будь-якою, це не так важливо. Можете намалювати просто прямокутник. Це основа вентилятора. Не забуваймо в налаштуваннях шару відзначати тільки створити шар області. Колір області AD0C0C

По центру намалюйте пару кіл білого кольору - це кнопки.

Основу вентилятора та дві кнопки додайте в одну групу та назвіть основу вентилятора. Взагалі, групувати за змістом елементи анімації (малюнку) річ дуже корисна. Це дозволяє зручно організувати процес та сильно спростити собі роботу.

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

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

Кривими b і малюємо першу лопасть вентилятора. Колір лопасті вкажіть FF5D5D. У процесі побудови використовуйте мінімум вузлів. Додайте шар до групи Лопасть 1.

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

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

На поверхню кожної лопасті по краю додайте контур світло-сірого кольору. Для цього використовуйте криві b та увімкніть точки товщини контуру. У правого вузла (див.) задайте товщину контуру більше.

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

Крок 2. Анімація вентилятора

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

Переходимо в режим анімації-тиснемо на зеленого чоловічка. Натискаємо мишкою на момент часу 0,08 секунди. Далі тиснемо в синю керуючу точку (вона відповідає за поворот). На панелі параметрів буде виділено параметр кут. Вкажіть для нього значення –90 градусів.

На шкалі часу з'являться два фиксатори (для 0 секунды и 0,08 секунды) . Як ви вже зрозуміли через кожні 0,08 секунди необхідно міняти кут.

0 с — 0 градусів
0,08 с кут -90
0,16 с кут -180
0, 24 с кут -270
0,32 с кут -360

Подивіться на шкалі часу, що відповідає останньому фіксатору і внесіть зміну в полотно- властивості вкладка час. Переходимо Файл-візуалізація. Мета-magick++ і візуалізація.Внаслідок чого отримуємо gif анімацію вентилятора.

Практичне завдання 2

Зібрати персонажа, як показано на відео. Зберегти як boy.sifz.

Руки, голова та тулуб мають бути згруповані. Група має бути названа "body" або "тіло".
Переконатись, що для кожної групи правильно виставлено центр трансформації.
Попросити учня, щоб він змінив позу персонажа - нахилив голову, повернув руку, повернув верхню частину тулуба (разом із руками та головою).

матеріали до практичного завдання

Практичне завдання 3

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