Принцип анімації. Редактор двовимірної анімації TupiTube

Опрацюйте теоретичний матеріал:

Анімація — це процес створення ілюзії руху шляхом послідовного відображення зображень або кадрів.

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

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

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

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

Величину, яка дорівнює кількості кадрів, що демонструються за секунду, називають частотою кадрів. Вимірюють її в кадрах на секунду.

Історія анімації

Анімація має довгу історію, що бере свій початок ще з прадавніх часів. Перші спроби відтворити рух за допомогою зображень були зроблені ще у стародавньому Китаї та Єгипті, коли художники намагалися зобразити послідовність рухів на різних поверхнях. Але справжнє мистецтво анімації народилося у XIX столітті з винайденням пристроїв, таких як зоотроп та праксиноскоп.

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

Основні види анімації

Існує декілька видів анімації:

• Традиційна анімація — використання кадрів, які малюються вручну.

• Комп’ютерна анімація — створення анімації за допомогою програмного забезпечення.

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

Основні принципи анімації

Існує 12 основних принципів анімації, визначених аніматорами студії Disney. Ці принципи допомагають створювати більш природні, реалістичні та динамічні рухи:

1. Стиснення та розтягування (Squash and Stretch): Надає об'єктам "гумовості", показуючи їхню вагу та еластичність під час деформації.

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

3. Сценічність (Staging): Чітка подача ідей, щоб глядач зрозумів, що відбувається.

4. Прямо вперед та від пози до пози (Straight Ahead Action and Pose to Pose): Два підходи до створення руху: безперервний або через ключові кадри.

5. Послідовність дій та накладання (Follow Through and Overlapping Action): Незафіксовані частини тіла продовжують рухатися після зупинки основного об'єкта.

6. Сповільнення на початку та при завершенні (Slow In and Slow Out): Більше кадрів на початку та в кінці руху для плавного переходу.

7. Арки (Arcs): Більшість природних рухів відбувається по дугах.

8. Другорядні дії (Secondary Action): Додаткові рухи, що підкреслюють основну дію.

9. Таймінг (Timing): Визначення кількості кадрів для кожного руху, що впливає на його швидкість.

10. Перебільшення (Exaggeration): Утроєння рухів для більшої виразності.

11. Чіткий малюнок/Пози (Solid Drawing/Solid Posing): Продуманий дизайн та силуети, що зберігають форму.

12. Привабливість (Appeal): Створення харизматичних та цікавих персонажів.

Редактор TupiTube

TupiTube — це безкоштовний програмний засіб для створення двовимірної анімації. Він розроблений з метою бути доступним як для новачків, так і для професіоналів, дозволяючи створювати різноманітні проекти анімації, від простих до більш складних.

Основні особливості TupiTube:

• Підтримка векторної графіки.

• Легкий у використанні інтерфейс.

• Можливість створення ключових кадрів для анімації.

• Інструменти для малювання, переміщення, обертання та масштабування об’єктів.

• Підтримка експорту проектів у популярні формати (GIF, MP4 тощо).

Інтерфейс TupiTube

Інтерфейс програми TupiTube складається з кількох основних частин:

1. Робоча область — місце, де відбувається безпосереднє створення анімації.

2. Таймлайн — хронологічна шкала, яка показує розташування ключових кадрів та дозволяє управляти ними.

3. Панель інструментів — інструменти для малювання, переміщення, обертання та інших операцій з об’єктами.

4. Панель шарів — дозволяє керувати шарами, додавати нові та приховувати існуючі.

5. Панель кольорів — вибір кольорів для малювання та заповнення об’єктів.

   

Основні інструменти TupiTube:

1. Інструмент малювання (Pencil Tool) — використовується для створення контурів та об’єктів.

2. Інструмент еліпсів та прямокутників (Ellipse and Rectangle Tools) — дозволяють швидко створювати геометричні фігури.

3. Інструмент заливки (Fill Tool) — заповнює об’єкти вибраним кольором.

4. Інструмент переміщення (Move Tool) — дозволяє пересувати об’єкти по робочій області.

5. Інструмент обертання (Rotate Tool) — застосовується для обертання об’єктів навколо осі.

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

Створимо анімацію кидання м’яча.

Для цього:

1) запустимо редактор анімацій і створимо проект із профілем 640x480 — 24;

2) додамо декілька фігур, у нашому випадку — прямокутник, трикутник і еліпс;

3) виберемо інструмент Анімація переміщення , на панелі параметрів інструментів уведемо назву анімаційного ефекту (наприклад, стрибок) і натиснемо — з’являться назви режимів подальшої роботи (рис. 9.6);

4) клацнемо (виберемо) еліпс і перейдемо в режим Задати властивості шляху (рис. 9.7, а);

5) побудуємо шлях, яким рухатиметься еліпс, клацнувши над трикутником, а потім праворуч від нього (рис. 9.7, б);

6) перетягнемо білі маркери, спочатку суміщені з кінцями відрізків, щоб отримати криву лінію (рис. 9.7, в);

7) збережемо анімацію, клацнувши кнопку ;

8) перейдемо до модуля Програвач, щоб побачити результат роботи. Після додання до еліпса анімаційного ефекту можна помітити, що на розкривній панелі на вкладці Сцена 1 у стовпці Шар 1 з’явилися позначки кадрів (рис. 9.8).