Как да създадете флаш анимация (с илюстрации)

Ние постоянно се сблъскваме с флаш анимация - в интернет и телевизионни предавания. Създаване на прости флаш анимации с флаш технология - доста проста задача, като флаш предлага много полезни инструменти, които опростяват целия процес. Ако искате да създадете флаш анимация или карикатура, тогава можете да го направите скица само за няколко часа.

Стъпка

Част 1 от 3:

Флаш флаш анимация

един. Основи на сателитната анимация. Този метод се счита за основен метод за създаване на "традиционна" анимация, в която всяка следваща рамка включва едно, но леко модифицирано изображение. Когато играете всички рамки, изображението "идва на живот". Същият метод се използва от аниматори, привличащи карикатури от ръка и отнема повече време от Tweing (вижте следващия раздел).

По подразбиране светкавицата възпроизвежда 24 кадъра в секунда (FPS). Това означава, че в една секунда ще бъдат показани 24 кадъра, но не всички от тях трябва да бъдат непременно различни. Можете да промените този параметър (ако искате) за 12 кадъра в секунда, но в 24 кадъра в секунда анимацията ще се играе повече "гладко".

Изображение, озаглавено Създаване на флаш анимация стъпка 2

2. Инсталирайте Flash Professional. Има много програми за създаване на флаш анимации, но най-мощният е Adobe Flash Professional CC. Можете да зададете изпитателната версия на тази програма безплатно или да използвате друг продукт (ако не искате да се регистрирате в Adobe Creative Cloud). След това тази статия описва как да работите с Flash Professional.

Изображение, озаглавено Създаване на флаш анимация Стъпка 3

3. Тъй като анимацията на рамката изисква множество изображения (които се различават леко един от друг), тогава трябва да създавате тези изображения ръчно. За да направите това, използвайте Adobe Flash Professional или Draw изображения във всеки графичен редактор.

Ако искате размерът на вашите изображения да се променя лесно без загуба на тяхното качество, създайте изображения в вектор, а не в растерни графики. Векторните изображения ще се преначертаят при промяна на техния размер (т.е. ще избегнете пикселизацията или изглаждането). Растежните изображения са традиционни изображения, като снимки, нарисувани снимки и така нататък. Когато се опитвате да увеличите такива изображения, получавате силно изкривена картина.

Изображение, озаглавено Създаване на флаш анимация Стъпка 4

4. Създайте първа рамка. Когато първо стартирате Adobe Flash Professional, ще видите празно платно (слой) и празен график. Тъй като рамката добавя, времевата линия ще бъде запълнена автоматично. Можете да работите със слоеве точно както го правите в Photoshop.

Преди да добавите изображение, създайте основен фон на анимацията си. Преименувайте "слоя 1" в "фон" и след това го закрепете. Създайте втори слой и го наречете, както ви харесва. Това ще бъде слой, на който ще създадете анимация.

Добавете снимка на платното на първия кадър. Можете да импортирате чертеж от компютъра си или да използвате инструменти за рисуване, за да създадете чертеж директно в програмата.

Първата рамка е "ключова" рамка. Ключовата рамка е рамка, която включва изображението и формира основата ("костен") анимация. Ще създадете нов ключов кадър всеки път, когато промените изображението.

Ключовият персонал на времевата скала е определен в черно.

Нямате нужда от ключова рамка във всяка следваща рамка. Създайте ключова рамка на всеки четири или пет кадъра, за да направите добра анимация.

Изображение, озаглавено Създаване на флаш анимация Стъпка 5

пет. Конвертирайте изображението в символ. В този случай можете да добавите изображение в рамка няколко пъти. Това е особено полезно, ако трябва бързо да добавите няколко от същия тип снимки в един кадър (например риба в аквариума).

Маркирайте фигура. Кликнете с десния бутон върху чертежа и изберете "Конвертиране в символ" (конвертиране в символа). Изображението ще бъде добавено към библиотеката, която ще опрости използването му в бъдеще.

Премахнете снимката. Не се притеснявайте - можете да го добавите към рамка просто плъзгане от библиотеката. Така можете да добавите един и същ чертеж в рамката няколко пъти.

Изображение, озаглавено Създаване на флаш анимация Стъпка 6

6. Добавете празни рамки. Ако първата ви ключова рамка е готова, поставете празни рамки и след това продължете към създаването на втори ключодържател. Натиснете F5 (четири или пет пъти), за да добавите празни рамки след първия ключов кадър.

Изображение, озаглавено Създаване на флаш анимация Стъпка 7

7. Създайте втори ключодържател (след като сте добавили няколко празни рамки). Има два различни начина да направите това: можете да копирате съществуващ ключов кадър и да направите малки промени в него, или можете да създадете празен ключ и да добавите нов образ на него. Ако използвате чертеж, създаден в друга програма, използвайте втория начин. Ако поставите изображение, създадено с помощта на Adobe Flash Professional Drawing Tools, използвайте първия метод.

За да създадете ключова рамка, използвайки съдържанието на предишния ключов кадър, натиснете F6. За да създадете празна рамка на клавиша, щракнете с десния бутон върху последния кадър на времевата линия и изберете "Вмъкване на празен ключ" (поставете празен ключ).

След като сте създали втори ключ, трябва да направите промени в своя образ, така че анимацията "да дойде в живота". Ако сте използвали Adobe Flash Professional Drawing Tools, изберете инструмента за преобразуване, за да подчертаете елемента от чертежа (например, ръката на героя) и да го промените.

Ако поставите нов образ на всеки клавиш, уверете се, че е на правилното място (според логическата последователност на рамки).

Изображение, озаглавено Създаване на Flash анимация Стъпка 8

Осем. Повторете процеса. След като създадете два ключови рамки, повторете процеса - добавете няколко празни рамки между всеки клавишфорт и се уверете, че анимацията ще играе "гладко".

Правят малки промени. Колкото по-малки (неблагодарни) се променят, подравняването се възпроизвежда. Например, ако искате символ да вдигне ръката си, втората ключова рамка не трябва да включва чертежа, на която е изобразен характерът с ръката. Вместо това използвайте няколко ключови рамки за преместване от спуснати ръце към повдигната ръка. В този случай анимацията ще бъде по-гладка.

Част 2 от 3:

Twining

един. Flash включва функцията "Tweening" (Twine), която ви позволява да зададете първоначалната и крайната рамка на вашата анимация. Flash автоматично ще създаде междинни рамки, така че преходът от един ключ към друг да е гладък. По този начин не е необходимо да създавате изображения за всеки клавишфрам (както в примерната анимация).

Twining е особено полезен за морфинг - гладко превръщане на едно изображение в друго (използвайки геометрични операции и цветова интерполация).
Когато създавате анимация, можете едновременно да използвате както метод на рамката, така и да се върви.
Ако искате да анимирате няколко знака наведнъж, всяка анимационна рамка трябва да включва няколко слоя (един слой за един знак).

Изображение, озаглавено създаване на флаш анимация стъпка 10

2. Създайте първото изображение. За разлика от рамковия метод, не е необходимо да създавате няколко изображения за анимация. Вместо това трябва да създадете един образ, който ще бъде променен в процеса на Tweing.

Силно се препоръчва да се използват вградени инструменти за рисуване (в светкавица) или внос на векторно изображение. Ако искате размерът на вашите изображения да се променя лесно без загуба на тяхното качество, създайте изображения в вектор, а не в растерни графики. Векторните изображения ще се преначертаят при промяна на техния размер (т.е. ще избегнете пикселизацията или изглаждането).

Изображение, озаглавено създаване на флаш анимация стъпка 11

3. Конвертирайте изображението в символ. В този случай светкавицата ще може да манипулира изображението. Ако се опитате да направите Tweing с изображение, което не е било трансформирано в символ, програмата ще ви предложи да го направите.

Изображение, озаглавено Създаване на флаш анимация стъпка 12

4. Създайте първи анимиран близнак. Анимиран двойник премества изображението от една позиция в друга. Кликнете с десния бутон на мишката върху символа и изберете "Create Motion Tween" (създайте анимиран близнак). 24 Рамки ще бъдат добавени към времевата линия, тъй като това е стандартната дължина на близнака. Не забравяйте, че по подразбиране анимацията ще се играе гладко на 24 рамкови скорости в секунда, така че анимиран близнак продължава само 1 секунда.

Когато създавате анимиран близнак, автоматично се премествате към последния кадър на анимацията.

Изображение, озаглавено Създаване на флаш анимация стъпка 13

пет. Задайте траекторията. След като сте създали близнак, преместете изображението до края на анимацията. Светкавицата ще покаже траектория с точки, обозначаващи позицията на всяка двойна рамка.

Когато първо създадете траектория, тя ще изглежда като права линия (от началната точка до крайната точка).

Изображение, озаглавено Създаване на флаш анимация стъпка 14

6. Добавяне на фон. Ако започнете анимацията, изображението ви ще се движи по траекторията, но фонът ще изчезне след първия кадър. Следователно трябва да добавите фон към всеки кадър на анимация.

На времевата скала изберете слой с фон. Кликнете върху последния кадър на времевата линия (този кадър трябва да бъде последната рамка на цялата анимация). Кликнете върху F5, за да вмъкнете фона (от началото до края на анимацията).

Изображение, озаглавено Създаване на флаш анимация стъпка 15

7. Добавете KeyFrame. Добавянето на ключови кадри на траекторията ще ви позволи да промените чертежа в анимиран близнак. Можете да промените изображението само когато е поставено в клавишната рамка. За да добавите ключова рамка на траекторията, изберете рамка на времевата линия (тази рамка, която искате да направите ключ). След това плъзнете изображението в избраната рамка. Траекторията ще се регулира автоматично и ключовата рамка ще бъде добавена към времевата скала. На графика, ключовите рамки са обозначени с ромбик.

Изображение, озаглавено Създаване на флаш анимация Стъпка 16

Осем. Регулирайте траекторията на канапата. За да промените траекторията, плъзнете маркерите на рамката към нова позиция. Не правете прекомерен брой промени в траекторията на канапа, тъй като това ще доведе до неравномерно движение на чертежа (ако, разбира се, не е вашата цел!Чест.

Изображение, озаглавено Създаване на флаш анимация стъпка 17

девет. Конвертиране на фигура. Ако сте създали ключови рамки и траектория, можете да конвертирате изображението, така че да се промени гладко, когато Twin Trajectory се движи. Можете да промените формата, цвета, наклона, размера и всеки друг параметър на изображението.

Изберете рамка, в която ще се трансформира картината.

Отворете панела за свойства на рисунка. За да направите това, натиснете F3.

Променете стойностите на параметрите в прозореца Свойства на чертовете. Например, можете да промените сянката или цвета, да добавите филтри, да преоразмерявате.

Можете също да използвате инструмента за безплатен трансформация (безплатна трансформация), за да промените чертежа, колкото искате.

Изображение, озаглавено Създаване на флаш анимация Стъпка 18

10. Добавете последни удари. Проверете създадената анимация, като натиснете CTRL + ENTER. Уверете се, че чертежът (символът) се променя правилно и че анимацията се възпроизвежда с правилната скорост. Ако анимацията се играе твърде бързо, намалете стойността на FPS или увеличете продължителността на канала.

FPS е 24, така че се опитайте да намалите тази стойност до 12. Променете стойността на FPS на панела Properties. Въпреки това, когато fps = 12, анимацията може да се играе достатъчно гладко.

За да промените продължителността на близнака, изберете слой, съдържащ близнак и с плъзгач промени продължителността на близнака. Ако искате да удвоите продължителността на близнака, преместете плъзгача до 48 кадъра. Не забравяйте да вмъкнете фона в празни рамки, така че фонът да не изчезне в средата на анимацията. За да направите това, изберете фоновия слой, кликнете върху последния кадър на анимацията (на времевата линия) и след това натиснете F5.

Част 3 от 3:

Добавяне на аудио ефекти и музика

един. Запишете или изтеглете звукови ефекти и музика. Можете да добавите звукови ефекти към анимацията, за да го направите по-грандиозно. Музиката ще направи анимация по-вълнуваща и може да превърне добра анимация в великолепно. Flash поддържа различни аудио файлови формати, включително AAC, MP3, WAV и AU. Изберете формат, който гарантира високо качество на звука с минимален размер на файла.

MP3 формат гарантира високо качество на звука с минимален размер на файла. Файловете на WAV формат са големи.

Изображение, озаглавено Създаване на флаш анимация Стъпка 20

2. Импортирайте аудио файлове в библиотеката, за да можете бързо да добавяте звуци и музика към анимацията. Кликнете върху "Файл" - "Импортиране" - "Внос в библиотека" (внос в библиотека). Намерете аудио файла на вашия компютър. Уверете се, че аудио файлът има лесна за запомняне име, така че можете бързо да го намерите.

Изображение, озаглавено Създаване на флаш анимация стъпка 21

3. Създайте нов слой за всеки аудио файл. Това не е непременно и можете да добавите звук към съществуващите слоеве, но вмъкването на аудио файла на отделен слой ще ви позволи да контролирате по-добре звука на анимацията.

Изображение, озаглавено Създаване на флаш анимация стъпка 22

4. Създайте ключова рамка, от която ще започне възпроизвеждането на звука. На слоя със звук изберете рамката на анимацията, от която ще започне звукът. Натиснете F7, за да вмъкнете празен ключ. Например, ако искате да вмъкнете аудио файл, който ще се възпроизвежда в цялата анимация, изберете първия кадър на слоя с аудио файл. Ако добавите глас на знака, изберете рамка, в която символът започва да говори.

Изображение, озаглавено Създаване на флаш анимация стъпка 23

пет. Добавяне на аудио файлове. Натиснете "Properties" - "Sound" - "Име" и изберете аудио файл от библиотеката.

Изображение, озаглавено Създаване на флаш анимация Стъпка 24

6. Конфигурирайте звуковия файл в съответствие с изискванията на анимацията. Можете да добавяте ефекти, да промените настройките за синхронизация и да конфигурирате възпроизвеждането на аудио файлове (в менюто Име).

Ефекти (например, затихване или ехо). Можете да изберете един от предварително зададените параметри в падащото меню или можете да кликнете върху икона на молив (до менюто), за да създадете свои собствени потребителски настройки.

Синхронизация. Определя процедурата за възпроизвеждане на звук в анимацията. Параметърът на събитието (събитие) ще възпроизведе аудио файл до края. Ако същият аудио файл се възпроизвежда отново (докато първото възпроизвеждане приключи), първото възпроизвеждане ще продължи да играе (до края). Параметърът "Старт" работи като параметър "Събитие" с единствената разлика, която първото възпроизвеждане спира при възпроизвеждането на звука. Параметърът "Стоп" спира възпроизвеждането на звука в конкретна рамка. Ако искате да използвате този параметър в комбинация с други параметри на аудио файла, създайте нов ключов кадри, където ще спре възпроизвеждането на звука. Параметърът "поток" (поток) ще синхронизира определен звук с рамки на други слоеве. Този параметър е по-добре да се използва при вмъкване на гласове на символи.

Възпроизвеждане на възпроизвеждане. Указва броя на повторното възпроизвеждане на конкретен аудио файл (един или много пъти). Ако вашата анимация е циклична, задайте този параметър, за да инфинирате възпроизвеждане на аудио файла.

Изображение, озаглавено Създаване на флаш анимация стъпка 25

7. Запазете създадената анимация в SWF формат. Този формат се възпроизвежда от почти всеки уеб браузър. Също така, файлът на този формат може да бъде изтеглен на определени сайтове (Newgrounds, Albino Blacksheep, Kongregate, за да го видите други потребители.

Изображение, озаглавено Създаване на флаш анимация стъпка 26

Осем. Тази статия разказва за основите на създаването на флаш анимация, но можете да направите много повече, например, създайте флаш бутони. Можете също така да преминете ускорен курс на Actionscript, за да изследвате всички тънкости на създаването и управлението на анимацията. Експеримент и вие се научите да всички трикове за създаване на анимация.

Съвети

Ако планирате да редактирате анимация, запазете го във формат .Флаг.