Как да създадете Flash анимация (със снимки)

Стъпка 1. Разберете основите на анимацията кадър по кадър

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

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

Стъпка 2. Инсталирайте Flash Professional

Налични са различни програми за анимация на Flash, но най -мощната е Flash Professional CC на Adobe. Можете да инсталирате пробната версия безплатно или можете да използвате друг продукт, ако абонирането за Creative Cloud на Adobe не ви харесва. Останалата част от тази статия ще се отнася за Flash Professional или друга програма за редактиране като "Flash".

Стъпка 3. Създайте вашите активи

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

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

Стъпка 4. Създайте първия си кадър

Когато стартирате Flash за първи път, ще имате празен слой и празна хронология. Докато добавяте рамки, хронологията ви ще се попълва автоматично. Можете да взаимодействате със слоевете по същия начин, както в Photoshop.

• Преди да добавите вашето изображение, създайте основен фон за вашия филм. Преименувайте слой 1 на „Фон“и след това заключете слоя. Създайте втори слой и го кръстете както искате. Това ще бъде слоят, върху който създавате анимацията си.
• Добавете рисунката си към платното в първия кадър. Можете или да импортирате чертежа от компютъра си, или можете да използвате инструментите за рисуване на Flash, за да създадете чертеж директно в програмата.
• Първият ви кадър ще бъде ключов кадър. Ключовите кадри са кадри, които имат изображение и формират основата на вашата анимация. Ще създавате нов ключов кадър всеки път, когато картината се промени.
• Ключовите кадри се обозначават с черна точка във времевата линия.
• Не се нуждаете от ново изображение във всеки кадър. Като цяло наличието на ключов кадър на всеки четири-пет кадъра ще създаде добра анимация.

Стъпка 5. Превърнете рисунката си в символ

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

• Изберете цялата си рисунка. Щракнете с десния бутон върху селекцията и изберете „Преобразуване в символ“. Това ще добави изображението към вашата библиотека, където можете да имате бърз достъп до него в бъдеще.
• Изтрийте чертежа. Не се притеснявай! Ще го добавите обратно към сцената, като просто плъзнете обекта от вашата библиотека. Можете да добавите няколко екземпляра от един и същ чертеж към вашата сцена с лекота!

Стъпка 6. Добавете няколко празни рамки

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

Стъпка 7. Създайте своя втори ключов кадър

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

• За да създадете ключов кадър, използвайки съдържанието на предишния ключов кадър, натиснете F6. За да създадете празен ключов кадър, щракнете с десния бутон върху последния кадър във вашата времева линия и изберете „Вмъкване на празен ключов кадър“. Всичко във вашата сцена ще бъде премахнато.
• След като създадете втория си ключов кадър, ще трябва да направите корекции в изображението, за да придадете ефект на движение. Ако използвате инструментите за проектиране на Flash, можете да използвате инструмента за трансформиране, за да изберете аспекти на рисунката си и да ги преместите леко, като ръката на човек с клечка.
• Ако вмъквате ново изкуство за всеки ключов кадър, ще искате да сте сигурни, че той е поставен на същото място или на следващото логическо място на екрана. Това ще гарантира, че изкуството няма да прескача между кадрите.

Стъпка 8. Повторете процеса

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

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

Част 2 от 3: Създаване на анимация от точка до точка (Tweening)

Стъпка 1. Разберете основите на анимацията

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

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

Стъпка 2. Създайте първия си обект

За разлика от анимацията кадър по кадър, няма да е необходимо да създавате множество обекти, които да анимирате с помощта на функцията tween. Вместо това ще създавате един обект и след това ще променяте неговите свойства по време на процеса на анимация.

• Преди да добавите вашето изображение, създайте основен фон за вашия филм. Преименувайте слой 1 на „Фон“и след това заключете слоя. Създайте втори слой и го кръстете както искате. Това ще бъде слоят, върху който създавате анимацията си.
• Силно се препоръчва да използвате вградените инструменти за дизайн на Flash или да импортирате изображението си от програма за векторно рисуване. Векторите могат лесно да се мащабират без изкривяване, докато традиционните растерни изображения няма да се мащабират и трансформират добре.

Стъпка 3. Преобразувайте обекта си в символ

За да промените обекта си, ще трябва да го преобразувате в символ. Това е форматът за обекти, които Flash използва, за да ги манипулира. Ако се опитате да преместите обект, който не е превърнат в символ, ще бъдете подканени да го направите първо.

Щракнете с десния бутон върху обекта и изберете „Преобразуване в символ“Обектът ще бъде добавен към вашата библиотека, което улеснява клонирането на обекти

Стъпка 4. Създайте първото си движение tween

Движението между движение премества обекта от едно място на друго. Щракнете с десния бутон върху символа във вашата сцена и изберете „Създаване на движение между движение“. 24 кадъра ще бъдат добавени към вашата времева линия, тъй като това е дължината по подразбиране на анимация. Не забравяйте, че по подразбиране Flash ще се анимира с 24 кадъра в секунда, което означава, че това движение между движенията ще отнеме една секунда, за да завърши.

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

Стъпка 5. Създайте траектория

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

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

Стъпка 6. Разширете фоновите си рамки

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

Изберете фоновия слой в хронологията. Щракнете върху последния кадър на вашата времева линия, който също трябва да бъде кадърът, на който завършва движението ви между тях. Натиснете F5, за да вмъкнете кадри до този момент, което ще поддържа фона ви да се показва през цялото време на анимацията

Стъпка 7. Добавете ключови кадри

Добавянето на ключови кадри към траекторията ви ще ви позволи да трансформирате обекта си по време на движението. Можете да правите промени в обект само ако е с ключова рамка. За да добавите ключови кадри към траекторията си, първо изберете кадъра в хронологията, който искате да превърнете в ключов кадър. След това щракнете и плъзнете обекта в позицията, в която искате да бъде по време на този кадър. Вашата траектория ще се коригира автоматично и ключов кадър ще бъде добавен към хронологията. Ключовите кадри се обозначават с диамантени икони в хронологията.

Стъпка 8. Настройте траекторията си на движение

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

Стъпка 9. Трансформирайте вашия обект

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

• Изберете рамката, в която искате да се осъществи трансформацията.
• Отворете панела Свойства на обекта. Можете да натиснете Ctrl+F3, ако панелът в момента не се вижда.
• Променете всички стойности в прозореца Свойства, за да повлияете на обекта. Например, можете да промените оттенъка или цвета, да добавите филтри или да промените мащаба.
• Можете също да използвате инструмента за безплатно преобразуване, за да промените свободно формата, както желаете.

Стъпка 10. Направете завършващи щрихи на вашия аниматор

Тествайте движението си между тях, като натиснете Ctrl+↵ Enter. Уверете се, че трансформациите изглеждат добре и че анимацията се движи с правилната скорост. Ако анимацията ви се движи твърде бързо, можете или да намалите FPS на сцената, или да увеличите интервала между тях.

• По подразбиране FPS е 24, затова опитайте да го намалите на 12. За да направите това, щракнете извън сцената и след това променете FPS в панела Properties. Промяната му на 12 ще удвои дължината на вашата анимация, но може да я направи по -„дръпната“.
• За да промените обхвата на анимация, изберете слоя, който съдържа анимацията, и използвайте плъзгача, за да го издърпате. Ако искате двойката да е двойно по -дълга, удължете я до 48 кадъра. Уверете се, че сте поставили празни рамки във фоновия си слой, така че фонът да не изчезне по средата на анимацията. За да разширите фона, изберете слоя, щракнете върху последния кадър на анимацията във времевата линия и след това натиснете F5

Част 3 от 3: Добавяне на звук и музика

Стъпка 1. Запишете или намерете вашите звукови ефекти и музика

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

Обикновено MP3 ще ви осигури напълно приемливо качество на звука, като същевременно сведе до минимум размера на файла. Избягвайте WAV файлове, ако е възможно, тъй като те често са доста големи

Стъпка 2. Импортирайте звуковите файлове във вашата библиотека

Преди да можете да добавите звуци към вашия проект, те трябва да бъдат добавени към библиотеката на Flash. Това ще ви позволи бързо да ги добавите към вашия проект по -късно. Щракнете върху Файл → Импортиране → Импортиране в библиотека. Потърсете звуковия файл на вашия компютър. Уверете се, че звуковият файл има лесно запомнящо се име, така че по -късно можете бързо да го намерите от менюто.

Стъпка 3. Създайте нов слой за всеки звуков файл

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

Стъпка 4. Създайте ключов кадър, където звукът ще започне

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

Стъпка 5. Добавете звуковия или музикалния файл

В рамката Свойства ще видите раздел Звук. Може да се наложи да го разширите, за да видите опциите. Щракнете върху менюто „Име“и изберете файла, който искате от вашата библиотека.

Стъпка 6. Конфигурирайте звуковия файл

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

• Ефект - Това позволява да се добавят ефекти към звука, като например затихване навътре и навън или добавяне на ехо. Можете да избирате от предварително зададени настройки в падащото меню или да щракнете върху иконата на молив до менюто, за да създадете свои собствени персонализирани настройки.
• Синхронизиране - Това определя как се изпълнява песента в анимацията. Събитието ще възпроизвежда звука, докато не приключи. Ако същият звук се задейства отново преди първият да приключи, оригиналът ще продължи да свири, докато не приключи. Стартът работи като събитие, но спира, ако звукът се възпроизведе отново. Стоп спира звука в този кадър. Ако искате да използвате това заедно с други звукови свойства, създайте нов ключов кадър, където искате звукът да спре и използвайте тази опция. Stream ще се опита да съпостави звука, който се възпроизвежда, с броя на кадрите на други слоеве. Това е най -добре да се използва за диалог.
• Повтаряне - Тази настройка ви позволява да зададете колко дълго звукът да се повтаря. Можете да го настроите да играе само веднъж или да го циклирате толкова пъти, колкото искате. Ако вашата анимация е анимация с цикъл, трябва да настроите музиката си да се върти безкрайно.

Стъпка 7. Завършете проекта си

Когато най -накрая приключите с вашия проект, запишете го като SWF файл. Това е форматът, използван за възпроизвеждане на филма. Можете да го пуснете на практика във всеки уеб браузър или да използвате специален Flash плейър, за да го гледате. Има и различни сайтове, на които можете да го качите, за да го видят други, като Newgrounds, Albino Blacksheep и Kongregate.

Стъпка 8. Разширете бъдещите си проекти

Това ръководство разглежда основите на създаването на анимация, но има още много неща, които можете да научите и направите. Добавете няколко бутона и пътеки с разклонение и ще имате приключенска игра, която избирате сами. Можете да вземете краш курс в ActionScript и да получите много повече контрол върху по -фините детайли на вашата анимация. Продължавайте да експериментирате и скоро ще откриете, че научавате всякакви трикове и изпълнения.

Видео - Използвайки тази услуга, може да се сподели част от информацията с YouTube

Популярни по теми