Flash е основният носител за анимация в Интернет и дори в други формати като телевизия. Създаването на проста Flash анимация във Flash програма всъщност е доста лесно да се направи, тъй като Flash предоставя много полезни инструменти, които опростяват целия процес. Ако вече имате идея за Flash анимация или карикатура, тогава вероятно имате груба скица, създадена само за няколко часа. Вижте ръководството по -долу, за да научите как да създадете Flash анимация.
Стъпка
Метод 1 от 3: Създаване на анимация с кадър по кадър
Стъпка 1. Разберете основите на анимацията кадър по кадър
Този метод се счита за традиционен метод за анимация, когато всеки кадър (изображение, което съставя анимация) има същото изображение, но леко се променя. Когато кадрите се възпроизвеждат заедно, изображението изглежда да се движи. Това е същата основна техника, използвана от традиционните аниматори, които рисуват всеки кадър на ръка, но отнема повече време от метода на анимация (вижте следващия раздел).
По подразбиране Flash ще произвежда анимация с 24 кадъра в секунда (FPS). Това означава, че една секунда от анимацията ще има 24 кадъра, но не е необходимо всеки кадър да е различен. Можете да регулирате това, ако желаете, и много Flash анимации използват 12 FPS, но 24 FPS ще доведе до много по -гладка анимация
Стъпка 2. Инсталирайте програмата Flash Professional
Налични са различни програми за анимация на Flash, но най -добрата е Adobe Flash Professional CC. Можете да направите безплатна пробна инсталация или да използвате друг продукт, ако абонирането за Adobe Creative Cloud не ви харесва. Останалата част от тази статия ще се отнася за Flash Professional или други програми за редактиране като "Flash".
Стъпка 3. Създайте вашите активи
Тъй като анимацията кадър по кадър изисква множество изображения с малки разлики, трябва да създадете всички тези активи на ръка. Можете да ги създадете всички преди да започнете, или можете да ги създадете след като започнете. Можете да използвате програмата Flash, за да рисувате директно в рамките на проекта, или можете да рисувате активи в любимата си програма за рисуване.
Ако искате да преоразмерите изображение, без да жертвате качеството, тогава трябва да го направите като вектор, а не като растер. Векторните изображения ще бъдат прерисувани автоматично при мащабиране, което означава, че няма да има пикселиране или псевдоним (ефект на шахматна дъска, който се появява при увеличаване на изображението). Растерните изображения са традиционни изображения, които сте свикнали да виждате (снимки, изображения от програмата Paint и др.). Растерните изображения не се мащабират добре и могат да изглеждат доста зле, когато са увеличени
Стъпка 4. Създайте първия кадър
Когато стартирате програмата Flash, ще получите празен слой и празна времева линия. Когато добавяте рамка, хронологията ще се запълни автоматично. Можете да взаимодействате със слоеве по същия начин, както в Photoshop.
- Преди да добавите изображения, създайте основен фон за вашия филм. Преименувайте слой 1 „Фон“, след което заключете слоя. Създайте втори слой и го кръстете както искате. Този слой ще бъде слоят, в който създавате анимацията.
- Добавете изображение към платното в първия кадър. Можете да импортирате изображения от компютъра си или да използвате инструментите за рисуване на Flash, за да създавате изображения директно в програмата.
- Първият ви кадър ще бъде „ключов кадър“(ключов кадър). Ключовите кадри са рамки, които съдържат изображения и формират ядрото на вашата анимация. Ще създавате нов ключов кадър всеки път, когато изображението се промени.
- Ключовите кадри са маркирани с черна точка в хронологията.
- Не се нуждаете от ново изображение във всеки кадър. По принцип наличието на ключов кадър на всеки четири или пет кадъра ще направи добра анимация.
Стъпка 5. Превърнете изображението в символ
Като превърнете изображение в символ, можете лесно да го добавите няколко пъти в рамките на кадър. Това е особено полезно, ако трябва бързо да създадете няколко обекта, например група риби.
- Изберете цялото изображение. Щракнете с десния бутон върху избраното изображение и изберете „Преобразуване в символ“. Това ще добави изображението към библиотеката, където можете да получите бърз достъп до него по -късно.
- Изтриване на изображението. Не се безпокой! Ще го добавите обратно към сюжета на историята, като просто плъзнете обекта от библиотеката. Можете лесно да добавите няколко изображения на едно и също към сюжетна сцена!
Стъпка 6. Добавете няколко празни рамки
След като първият кадър е готов, можете да добавите празен кадър, който ще бъде между първия и втория ключов кадър. Натиснете клавиша F5 четири или пет пъти, за да добавите празен кадър след първия ключов кадър.
Стъпка 7. Създайте втори ключов кадър
След като добавите няколко празни рамки, сте готови да създадете втори ключов кадър. По същество има два различни начина да направите това, а именно можете да копирате съществуващ ключов кадър и да направите малки корекции, или можете да създадете празен ключов кадър и да вмъкнете ново изображение. Ако използвате изображение, създадено с друга програма, ще искате втория метод. Ако създавате изображение с помощта на инструменти за дизайн от Flash, използвайте първия метод.
- За да създадете ключов кадър, използвайки съдържанието на предишния ключов кадър, натиснете клавиша F6. За да създадете празен ключов кадър, щракнете с десния бутон върху последния кадър в хронологията и изберете „Вмъкване на празен ключов кадър“. Всичко в сюжета ще бъде премахнато.
- След като създадете втория ключов кадър, ще трябва да направите корекции в изображението, за да му придадете ефект на движение. Ако използвате инструментите за проектиране на Flash, можете да използвате инструмента Transform, за да изберете аспекти на изображението и да ги преместите малко, като ръцете на стикмен.
- Ако вмъквате ново изображение за всеки ключов кадър, ще искате да се уверите, че то е поставено на същото или следващото логическо място на екрана. Това гарантира, че изображението не скача между кадрите.
Стъпка 8. Повторете процеса
Сега, след като сте създали двата ключови кадъра, е време да го преработите. По същество ще повтаряте същия процес, докато анимацията завърши. Добавете няколко празни рамки между всеки ключов кадър и се уверете, че анимацията се движи гладко.
Правете малки, постепенни промени в движението. Анимацията ще изглежда много по -гладка, ако направите много малки промени в ключовия кадър. Например, ако искате стикменът да замахне с ръка, вторият ви ключов кадър не трябва да е краят на махането на ръката. Вместо това използвайте няколко ключови рамки като преход от началото на люлеенето до края. Това ще доведе до много по -гладка анимация
Метод 2 от 3: Създаване на анимация от точка до точка (Tweening)
Стъпка 1. Разберете основите на анимацията
Flash съдържа функция, наречена tweening (процес, който създава междинно изображение между две изображения в две точки от времето в анимация), което по същество ви позволява да зададете начална и крайна времева точка за обекти. След това Flash ще се движи и променя обекти въз основа на вашите настройки между тези две точки във времето, създавайки илюзията за анимация. Не е необходимо да създавате изображение за всеки ключов кадър, както бихте направили с анимация кадър по кадър.
- Tweening е особено полезно за създаване на ефект на преобразуване, когато обект се променя в друг обект по време на анимация.
- Кадрова по кадър анимация и анимация могат да се използват заедно в един и същ филм.
- Само един обект претърпява движение едновременно. Това означава, че ако искате няколко обекта да се анимират едновременно, те трябва да бъдат поставени на различни слоеве.
Стъпка 2. Създайте първия обект
За разлика от анимацията кадър по кадър, не е нужно да създавате множество обекти, за да анимирате с помощта на функцията tween. Но вие ще създадете обект, след което ще промените свойствата на обекта по време на процеса на анимация.
- Преди да добавите изображения, създайте основен фон за вашия филм. Преименувайте слой 1 „Фон“и след това заключете слоя. Създайте втори слой и го кръстете както искате. Този слой ще бъде слоят, в който създавате анимацията.
- Силно се препоръчва да използвате вградените във Flash програмата инструменти за проектиране или да импортирате изображения от програма за векторно рисуване. Векторите могат лесно да се мащабират, без да се изкривяват, докато традиционните растерни изображения няма да се мащабират и трансформират правилно.
Стъпка 3. Преобразувайте обекта в символ
За да генерирате междинно изображение на обект, трябва да го преобразувате в символ. Това е форматът, който Flash използва за организиране на обекти. Ако се опитвате да генерирате междинно изображение от обект, който не е преобразуван в символ, ще бъдете подканени първо да направите преобразуването.
Щракнете с десния бутон върху обекта и изберете „Преобразуване в символ“. Обектите ще бъдат добавени към библиотеката, което улеснява клонирането на обекти
Стъпка 4. Направете първото движение tween
Движението между тях премества обект от едно място на друго. Щракнете с десния бутон върху символа в сюжета и изберете „Create Motion 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. Организирайте звукови файлове
След като изберете файл, можете да зададете как ще се възпроизвежда. Това, което ще изберете, ще се основава на предназначението на звука в анимацията. Можете да промените настройките за ефект, синхронизиране и повторение на всеки звук, като използвате менюто, разположено под менюто Име в рамката Свойства.
- Ефекти. Тази настройка добавя ефекти към звука, като например звукът, който постепенно се появява или изчезва, или добавя ехо. Можете да избирате от съществуващите настройки в падащото меню или да щракнете върху иконата на молив до менюто, за да създадете свои собствени персонализирани настройки.
- Синхронизиране. Тази настройка определя начина на възпроизвеждане на песента в анимацията. Събитието ще възпроизвежда звук, докато не приключи. Ако същият звук се задейства отново преди предишния звук, оригиналният звук ще продължи да свири, докато не приключи. Стартът е подобен на Събитие, но спира, когато звукът се възпроизведе отново. Стоп спира звука на този кадър. Ако искате да използвате тази опция заедно с други опции за звук, създайте нов ключов кадър, където искате звукът да спре, и използвайте тази опция. Потокът ще се опита да съпостави възпроизвеждания звук с броя кадри на другите слоеве. Тази опция се използва най -добре за диалог.
- Повторете. Тази настройка ви позволява да зададете колко дълго звукът да се повтаря. Можете да го настроите да играе само веднъж или да се повтаря толкова пъти, колкото искате. Ако вашата анимация е циклична анимация, трябва да настроите музиката да се повтаря за неопределено време.
Стъпка 7. Завършете проекта
Когато най -накрая приключите работата по проекта, запишете го като SWF файл. Това е форматът, който се използва за възпроизвеждане на филми. Можете да го пуснете в почти всеки уеб браузър или да използвате Flash плейър, който се използва специално за гледане. Има и различни сайтове, където можете да го качите, за да го гледат други, като Newgrounds, Albino Blacksheep и Kongregate.
Стъпка 8. Развивайте бъдещия си проект допълнително
Това ръководство обхваща основите на създаването на анимации, но има още много неща, които можете да научите и направите. Добавете няколко бутона и разклоняващ се сюжет и ще получите своята приключенска игра, която ще изберете сами. Можете да вземете курсове за срив в ActionScript и да получите много повече контрол върху по -фините детайли на вашите анимации. Продължавайте да експериментирате и скоро ще научите всякакви трикове и техните изпълнения.
