Заняття з анімації. Створення простої анімації власноруч. Програми для створення анімації

У цьому уроці ми створюватимемо анімацію, яка передає обсяг простору.

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

Розмір документа для створення роботи я визначала виходячи з розміру вихідних.
Отже, розпочинаємо підготовчий етап – створення основи для анімації.

Для початку я помістила в робочий документ картинку, яка буде фоном.

За моїм задумом, задній план - тло, стане наближатися і віддалятися від нас.
Для того, щоб це вийшло, потрібно зробити кілька копій шару (я зробила 6 шт - шарів всього вийшло 7) і пронумерувала їх від 1 до 7 відповідно до збільшення розміру шару.

Число копій береться не зі стелі, а заздалегідь продумується, як і весь сюжет анімації. Я спиралася на загальну кількість кадрів, щоб зберігати плавність руху. Тобто в моїй анімації 12 кадрів, і 7 копій необхідно для плавного зациклювання руху «вперед-назад». Схему розподілу я наведу пізніше.

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

Другий план.
Набираю потрібні предмети. Вирізаю, копіюю, трансформую….

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

І передній план:

Два об'єкти на передньому плані я розмістила на різних шарах.
Ось що вийшло:

Оживлятимемо ліс!
Тепер, підготуємо шари для анімації переднього та другого плану.
На мою думку перший і другий плани рухаються в протилежні сторони.
Для створення руху потрібно трохи збільшити об'єкти другого плану по горизонталі, щоб їх розміри виходили за межі документа.
Об'єкти переднього плану просто розсуваємо та зміщуємо в один бік. Після цього з'єднуємо один шар.

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

Переходимо до створення мультика.
Як я вже сказала у моїй анімації 12 кадрів.
Поясню чому. За основу я взяла рух переднього та другого планів «туди-сюди».
Цей рух я створювала за допомогою серії із 5 кадрів.

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

Потім створила другий кадр (1).
Для цього кадру я зрушила кожен із цих шарів у протилежний бік.
Потім зробила серію із 5 кадрів (2).

Вийшов рух в один бік, тепер потрібно повернути все до вихідної точки та зациклити рух.
Робимо копію першого кадру і перетягуємо його в кінець стрічки кадрів, щоб він став 8-м кадром.
Перебуваючи на цьому кадрі, знову створюємо серію кадрів (так само із 5 шт).
Вийшло у результаті 13 кадрів.
Останній видаляємо та виходить рух без затримок.

Тепер переходимо до заднього плану. Він наближатиметься і віддалятиметься, як ми вже обговорили.
Я розподілила шари заднього плану по кадрам так:
1 кадр - 1 задн. план
2 кадр - 2 задн. план … за зростаючою
…7 кадр - 7 задн. план
8 кадр - 6 задн. план
9 кадр - 5 задн. план … за спадною
…12 кадр - 2 задн. план
…а перший задній план у нас на першому кадрі стоїть.

На всі кадри я поставила час 0,2 с, але можна зробити повільніше, із затримками і т.д.
Якщо потрібно змінювати розмір анімації. Ставимо постійне програвання та зберігаємо у форматі GIF ( Ctrl+Alt+Shift+S - Save for Web&Devices).

В налаштуванняхя обрала ( Specify the dither algorithm)Визначення алгоритму згладжування - (Noise) Шум; Colors -256 природно.
От і все!

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

Наприклад:потрібно додати шар; переходимо перший кадр, вставляємо шар, проводимо необхідні маніпуляції, вимикаємо його видимість; переходимо на той кадр, для якого він створений, та робимо його видимим.

Удачі та всього найкращого!
PIROGOVADESIGN

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

При створенні анімації руху Animate перетворює шар, що містить вибраний анімований об'єкт, шар анімації. Шар анімації позначається спеціальним значком, розташованим поруч із назвою шару, на часовій шкалі.

Якщо в тому ж шарі, де знаходиться об'єкт анімації, є інші об'єкти, Animate додає вище або нижче вихідного шару нові шари при необхідності. Будь-які об'єкти, що існували під об'єктом анімації на вихідному шарі, переходять на новий шар, що лежить під вихідним. Будь-які об'єкти, що розташовувалися над об'єктом анімації на вихідному шарі, переміщуються в новий шар, що знаходиться над вихідним. Animate вставляє ці нові шари між будь-якими шарами, розташованими на часовій шкалі. Таким чином, Animate зберігає вихідний порядок накладання всіх графічних об'єктів у робочій області.

Шар анімації може містити лише діапазони анімації (суміжні групи кадрів з анімацією руху), а також статичні або порожні кадри та ключові кадри. Кожен діапазон анімації може містити лише одиничний цільовий об'єкт та необов'язкову траєкторію руху для цільового об'єкта. Оскільки малювати в шарі анімації неможливо, створіть додаткові анімаційні або статичні кадри в інших шарах, а потім перетягніть їх у шар анімації. Щоб розмістити кадровий сценарій у шарі анімації, створіть його в іншому шарі та перетягніть у шар анімації. Кадровий сценарій може знаходитися в кадрі за межами діапазону анімації. Зазвичай краще розміщувати всі кадрові сценарії на окремому шарі, який містить лише ActionScript.

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

Багато людей вважають, що для створення простої анімації своїми руками в домашніх умовах потрібні спеціальні навички та багато часу. Насправді для цього достатньо простих комп'ютерних програм та стандартних програм операційної системи Windows.

Анімація своїми руками за допомогою стандартних програм Windows

Анімація - Послідовна демонстрація (показ) графічних файлів, яка створює ілюзію руху об'єктів. Для її розробкизнадобиться лише дві стандартні програми, які є майже на всіх комп'ютерах з операційною системою Windows – Paint та Movie Maker. Перша дозволяє створювати та редагувати графічні малюнки, друга – відео. Якість розробленої анімації залежатиме від ваших здібностей малювання.

1. Створення кадрів

Відкриваємо Paint. Вибираємо на панелі інструментів пензель, підбираємо потрібні квіти малюємо на робочому полі будь-який об'єкт. Зберігаємо малюнок у заздалегідь створену папку під назвою «Кадр 1». Потім знову малюємо той же об'єкт, але трохи змінюючи його положення (наприклад, у першому кадрі стрілка годинника може стояти на позначці «12», а на другому на «1»). Зберігаємо зображення під назвою «Кадр 2». Отже, розробляємо кілька кадрів. Чим більша їх кількість, тим плавнішим буде рух об'єкта в анімації.

2. З'єднання намальованих кадрів на один ролик

Відкриваємо програму Movie Maker. У панелі завдань вибираємо «Імпорт зображень» та завантажуємо кадри. Вони з'являться на панелі «Збірник». По черзі переносимо їх на розташовану внизу стежку. Натискаємо на «Відображення шкали часу». Якщо не змінювати стандартний для програми час показу, об'єкт анімації рухатиметься різко та повільно. Щоб змінити це, клацаємо по кадрах і пересуваємо смужку, що з'явилася вліво. Кадри ставатимуть уже, а значить, час їхнього показу зменшиться.

3. Озвучення анімації

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

4. Збереження анімації у потрібному форматі

Вибираємо пункт меню "Файл" і послідовно натискаємо "Зберегти файл фільму", "Показати додаткові варіанти", "Інші варіанти". Потім вибираємо формат майбутнього відеофайлу. Рекомендуємо зберігати анімацію в популярному форматі (наприклад, AVI, MPEG, PAL та ін.), щоб її можна було відтворювати на багатьох плеєрах і простіше завантажити на YouTube.

Створення GIF анімації

GIF анімація («гіфка») складається з окремих кадрів, для яких визначається такий параметр, як тривалість показу до появи наступної картинки. Вона підтримує лише 8-бітну палітру, через що відображається не більше 256 кольорів, що є перевагою перед іншими форматами. Найчастіше анімаційні GIF файли застосовуються як елементи навігації на сайтах та рекламні банери.

Найбільш простою програмою для створення GIF анімації є Easy GIF Animator Pro. Завантажуємо її, відкриваємо, у головному вікні натискаємо «Створити нову анімацію», після чого відкриється «Майстер анімації». Далі додаємо зображення (підбираємо в інтернеті або самостійно малюємо у програмі Paint). Натискаємо "Вперед". Встановлюємо тривалість кожного кадру. За потреби вибираємо показ анімації по колу.

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

• по центру кадру;
• лівий верхній кут кадру;
• збільшити менші зображення до розміру найбільшого зображення.

Також GIF анімацію можна створити за допомогою UnFREEz. Для цього достатньо розробити кадри та «перетягнути» їх у вікно програми. Потім потрібно виконати вказівку часу затримки між кадрами та включення циклічності. В кінці необхідно натиснути "Make Animated GIF".

Програми для створення анімації

Програма з великим функціоналом та зрозумілим інтерфейсом. Вона дозволяє створювати мальованих персонажів та «оживляти» їх у 2D-анімації. Її можливості:

• набір растрових та векторних інструментів для створення та обробки зображень;
• можливість малювати пером чи пензлем;
• створення фігур за допомогою «ламаною лінії»;
• імпорт фону;
• робота з шарами,
• додавання аудіофайлу для експорту у форматі swf.

Synfig Studio

За допомогою цієї безкоштовної програми можна створити просту анімацію у 2D-форматі – схожу на ту, що використовується у художніх фільмах. Її переваги:

• функція "tweening", що дозволяє автоматично розробити проміжні кадри;
• накладання градієнта;
• підтримка векторних елементів;
• спотворення;
• фільтри;
• інструменти для створення фракталів.

ToonBoom Studio

Програма має два робочі режими: Малювання та Сценарний. Містить необхідні інструменти для розробки векторних малюнків: кисть, олівець, прямокутник, ламана лінія, еліпс. Функції: малювання із застосуванням планшета, векторизація растрових зображень, накладання анімованих сцен на реальний відеоролик, експорт даних (наприклад, окремих фрагментів із фотографій).

Це найпопулярніша програма для створення 3D-анімації. Її переваги:

• реалістична імітація предметів (наприклад, тканин та волосся) та явищ (зіткнення об'єктів, вітру);
• великий набір функцій створення інтерактивних ігор;
• широкий асортимент примітивів (циліндрів, сфер, кубів, кілець), у тому числі легко створюються власні моделі;
• підтримка нелінійного редагування.

Інші популярні програми для створення анімації своїми руками: Plastic animation paper, Creatoon, 3D Studio Max, Adobe Image Ready, MyPaint, Jasc Animation Shop.

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

Контактна інформація:

>