Како да креирате флеш анимација (со илустрации)

Ние постојано се соочуваме со флеш анимација - на интернет и во телевизиските емисии. Креирање на едноставни флеш анимации со користење на Flash технологија - прилично едноставна задача, бидејќи Flash нуди многу корисни алатки кои го поедноставуваат целиот процес. Ако сакате да креирате флеш анимација или цртан филм, тогаш можете да го направите скица за само неколку часа.

Чекори

Дел 1 од 3:

Флеш флеш анимација

Еден. Основи на сателитска анимација. Овој метод се смета за главен метод за создавање на "традиционална" анимација во која секоја последователна рамка вклучува една, но малку модифицирана слика. Кога ги играте сите рамки, сликата "оживува". Истиот метод се користи од страна на аниматори цртање цртани филмови од рака, и има повеќе време од tweing (види следниот дел).

Стандардно, блицот репродуцира 24 фрејмови во секунда (FPS). Ова значи дека во една секунда ќе биде прикажано 24 рамки, но не сите од нив мора да бидат нужно различни. Можете да го промените овој параметар (ако сакате) за 12 рамки во секунда, но на 24 фрејмови во секунда, анимацијата ќе се одигра повеќе "непречено".

Сликата со наслов Креирај Flash Animation Step 2

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

Сликата со наслов Креирај Flash Animation Step 3

3. Бидејќи рамката анимација бара повеќе слики (кои се разликуваат малку едни од други), тогаш треба рачно да ги креирате овие слики. За да го направите ова, користете Adobe Flash професионалец или цртајте слики во било кој графички уредник.

Ако сакате големината на вашите слики лесно да се промени без губење на нивниот квалитет, креирајте слики во вектор, а не во растерска графика. Векторските слики ќе се прецрпат кога ќе ја променат нивната големина (тоа е, ќе се избегне пиклизација или измазнување). Растерските слики се традиционални слики, како што се фотографии, нацртани слики и така натаму. Кога се обидувате да ги зголемите ваквите слики, добивате силно искривена слика.

Сликата со наслов Креирај Анимација за блиц 4

Четири. Креирај прва рамка. Кога првпат ќе започнете Adobe Flash Professional, ќе видите празен платно (слој) и празна временска рамка. Бидејќи рамката додава временска рамка, автоматски ќе се полни. Можете да работите со слоеви исто како што го правите во Photoshop.

Пред да додадете слика, креирајте основна позадина на вашата анимација. Преименувај го "слојот 1" во "позадина", а потоа го прицврсти. Направете втор слој и го именувате како што сакате. Тоа ќе биде слој на кој ќе креирате анимација.

Додајте слика на платно на првата рамка. Можете да увезете цртеж од вашиот компјутер, или можете да користите алатки за цртање за да креирате цртање директно во програмата.

Првата рамка е "клучна" рамка. Клучната рамка е рамка која ја вклучува сликата и ја формира фондацијата ("коскени") анимација. Ќе креирате нова клучна рамка секогаш кога ќе ја промените сликата.

Клучниот персонал на временската линија се назначени Црн.

Не ви е потребна клучна рамка во секоја последователна рамка. Креирајте клучна рамка на секои четири или пет рамки за да направите добра анимација.

Сликата со наслов Креирај Анимација на Flash Animation 5

Пет. Конвертирајте ја сликата во симбол. Во овој случај, можете да додадете слика во рамка неколку пати. Ова е особено корисно ако треба брзо да додадете неколку од ист тип на слики во една рамка (на пример, риба во аквариум).

Означете ја сликата. Десен-клик на цртежот и изберете "Конвертирај во симбол" (конвертирај во симболот). Сликата ќе биде додадена во библиотеката, која ќе ја поедностави својата употреба во иднина.

Отстранете ја сликата. Не грижете се - можете да го додадете во рамка едноставно влечење од библиотеката. Така можете да додадете еден ист цртеж во рамката неколку пати.

Сликата со наслов Креирај чекор на флеш анимација 6

6. Додајте празни рамки. Ако вашата прва клучна рамка е подготвена, вметнете празни рамки, а потоа продолжете да креирате втора клучна рамка. Притиснете F5 (четири или пет пати) за да додадете празни рамки по првата клучна рамка.

Сликата со наслов Креирај Флеш анимација Чекор 7

7. Направете втора клучна рамка (откако ќе додадете неколку празни рамки). Постојат два различни начини за да го направите ова: можете да копирате постоечка клучна рамка и да направите мали промени во него, или можете да креирате празна клучна рамка и да додадете нова слика. Ако користите цртеж создаден во друга програма, користете го вториот начин. Ако вметнете слика креирана со користење на Adobe Flash професионални алатки за цртање, користете го првиот метод.

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

Откако ќе креирате втора клучна рамка, треба да направите промени во својот имиџ, така што анимацијата "дојде до живот". Ако користите Adobe Flash професионални алатки за цртање, одберете ја алатката за трансформација за да го потенцирате предметот на вашиот цртеж (на пример, рака на ликот) и да го промените.

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

Сликата со наслов Креирај чекор на флеш анимација

осум. Повторете го процесот. По креирањето на два клучни рамки, повторете го процесот - додадете неколку празни рамки помеѓу секоја клучна рамка и бидете сигурни дека анимацијата ќе игра "непречено".

Направи мали промени. Помалите (непоштелни) се менува, трасата е репродуцирана. На пример, ако сакате лик за да ја подигнете раката, втората клучна рамка не треба да го вклучува цртежот, на кој карактерот е прикажан со раката. Наместо тоа, користете повеќе клучни рамки за движење од спуштени раце на подигната рака. Во овој случај, анимацијата ќе биде повеќе мазна.

Дел 2 од 3:

Твина

Еден. Флеш ја вклучува функцијата "Twening" (Twine), која ви овозможува да ја поставите почетната и крајната рамка на вашата анимација. Флеш автоматски ќе создаде средни рамки, така што транзицијата од една клучна рамка на друга е мазна. Така, не треба да креирате слики за секоја клучна рамка (како во примерокот анимација).

Твинирањето е особено корисно за морфирање - мазна конверзија на една слика на друга (користејќи геометриски операции и боја интерполација).
Кога креирате анимација, истовремено можете да го користите и рамката метод и пресврт.
Ако сакате да анимирате неколку знаци одеднаш, секоја рамка за анимација треба да содржи неколку слоеви (еден слој за еден знак).

Сликата со наслов Креирај Флеш анимација Чекор 10

2. Направете ја првата слика. За разлика од рамковниот метод, не е неопходно да се создадат повеќе слики за анимација. Наместо тоа, треба да креирате една слика која ќе се промени во процесот на Tweing.

Силно се препорачува да се користат вградени алатки за цртање (во Flash) или увоз векторска слика. Ако сакате големината на вашите слики лесно да се промени без губење на нивниот квалитет, креирајте слики во вектор, а не во растерска графика. Векторските слики ќе се прецрпат кога ќе ја променат нивната големина (тоа е, ќе се избегне пиклизација или измазнување).

Сликата со наслов Креирај чекор на флеш анимација 11

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

Сликата со наслов Креирај чекор на флеш анимација 12

Четири. Креирај прв анимиран близнак. Анимираниот близнак ја поместува сликата од една позиција на друга. Десен-клик на симболот и изберете "Креирај движење Tween" (Креирај анимиран близнак). 24 рамки ќе бидат додадени во временската линија, бидејќи ова е стандардна должина на близнак. Запомнете дека по дифолт анимацијата ќе се игра непречено во 24 брзини на рамки во секунда, па анимираниот близнак трае само 1 секунда.

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

Сликата со наслов Креирај Флеш анимација Чекор 13

Пет. Поставете ја траекторијата. Откако ќе го направите близнак, поместете ја сликата до крајот на анимацијата. Флеш ќе прикаже траекторија со точки означувајќи ја позицијата на секоја двојна рамка.

Кога прво креирате траекторија, тоа ќе изгледа како права линија (од почетната точка до крајната точка).

6. Додадете позадина. Ако ја започнете анимацијата, вашата слика ќе се движи по траекторијата, но позадината ќе исчезне по првата рамка. Затоа, треба да додадете позадина на секоја рамка на анимација.

На временската линија, одберете слој со позадина. Кликнете на последната рамка на временската линија (оваа рамка треба да биде последната рамка на целата анимација). Кликнете F5 за да вметнете рамки за позадина (од почеток до крај анимација).

Сликата со наслов Креирај Флеш анимација Чекор 15

7. Додајте клучни рамки. Додавањето клучни рамки на траекторијата ќе ви овозможи да го промените цртежот во анимирани близнаци. Можете да ја промените сликата само кога се вметнува во клучната рамка. За да додадете клучна рамка на траекторијата, одберете рамка на временската линија (таа рамка сакате да направите клуч). Потоа повлечете ја сликата на избраната рамка. Траекторијата ќе се прилагоди автоматски и клучната рамка ќе биде додадена во временската линија. На временската линија, клучните рамки се означени со ромбиќ.

Сликата со наслов Креирај чекор на флеш анимација 16

осум. Прилагодете ја траекторијата на каналите. За промена на траекторијата, повлечете ги маркерите на рамката на нова позиција. Не прави прекумерен број на промени во траекторијата на каналите, бидејќи тоа ќе доведе до непредвидливо движење на цртежот (ако, се разбира, тоа не е ваша цел!).

Сликата со наслов Креирај чекор на флеш анимација 17

Девет. Конвертирај Слика. Ако сте креирале клучни рамки и траекторија, можете да ја конвертирате сликата, така што непречено се менува кога траекторијата на близнакот се движи. Можете да ја промените обликот, бојата, наклонот, големината и било кој друг параметар на сликата.

Изберете рамка во која сликата ќе се трансформира.

Отворете го панелот за цртање. За да го направите ова, притиснете F3.

Променете ги вредностите на параметарот во прозорецот за цртање. На пример, можете да ја промените сенката или бојата, додадете филтри, големината.

Можете исто така да ја користите бесплатната трансформација алатка (бесплатна трансформација) за да го промените цртежот како што сакате.

Сликата со наслов Креирај Анимација на флеш анимација 18

10. Додајте финални потези. Проверете ја креираната анимација со притискање на CTRL + ENTER. Осигурајте се дека цртањето (карактерот) се менува правилно и дека анимацијата се репродуцира со правилна брзина. Ако анимацијата се репродуцира премногу брзо, намалување на вредноста на FPS или зголемување на времетраењето на каналите.

Стандардната FPS е 24, па обидете се да ја намалите оваа вредност до 12. Променете ја вредноста на FPS на панелот за својства. Меѓутоа, кога FPS = 12, анимацијата може да се репродуцира не е доволно непречено.

За да го промените времетраењето на близнак, одберете слој кој содржи близнак и со лизгачот го менува времетраењето на близнакот. Ако сакате да го удрите времетраењето на близнакот, поместете го лизгачот до 48 рамки. Не заборавајте да ја вметнете позадината во празни рамки, така што позадината не исчезнува во средината на анимацијата. За да го направите ова, одберете го позадинскиот слој, кликнете на последната рамка на анимацијата (на временската линија), а потоа притиснете F5.

Дел 3 од 3:

Додавање аудио ефекти и музика

Еден. Запишете или преземете звучни ефекти и музика. Можете да додадете звучни ефекти на анимација за да го направите повеќе спектакуларни. Музиката ќе направи анимација повозбудлива и може да се претвори добра анимација во прекрасен. Флеш поддржува разни аудио формати на датотеки, вклучувајќи AAC, MP3, WAV и AU. Изберете формат кој гарантира висок квалитет на звукот со минимална големина на датотеката.

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

Сликата со наслов Креирај чекор на флеш анимација 20

2. Увоз аудио датотеки во библиотеката за да може брзо да додадете звуци и музика на анимација. Кликнете "Датотека" - "Увоз" - "Увоз во библиотека" (увоз во библиотека). Пронајдете ја аудио датотеката на вашиот компјутер. Осигурајте се дека аудио датотеката има лесно-за-запаметно име, така што брзо можете да го најдете.

Сликата со наслов Креирај чекор на флеш анимација 21

3. Креирајте нов слој за секоја аудио датотека. Ова не е нужно и можете да додадете звук на постоечките слоеви, но вметнувањето на аудио датотеката на посебен слој ќе ви овозможи подобро да ја контролирате звучната патека на анимацијата.

Сликата со наслов Креирај чекор на флеш анимација 22

Четири. Креирај клучна рамка од која ќе започне звучната репродукција. На слојот со звук, одберете ја рамката на анимацијата од која ќе започне звукот. Притиснете F7 за да внесете празно клучна рамка. На пример, ако сакате да вметнете аудио датотека која ќе се игра во текот на анимацијата, одберете ја првата рамка на слојот со аудио датотека. Ако додадете глас на ликот, одберете рамка каде што знакот почнува да зборува.

Сликата со наслов Креирај чекор на флеш анимација 23

Пет. Додавање аудио датотеки. Притиснете "Својства" - "Звук" - "Име" и одберете аудио датотека од библиотеката.

Сликата со наслов Креирај Флеш анимација Чекор 24

6. Конфигурирајте ја звучната датотека во согласност со барањата на анимацијата. Можете да додавате ефекти, да ги промените поставките за синхронизација и да ја конфигурирате репродукцијата на аудио датотеката (во менито за име).

Ефекти (на пример, слабеење или ехо). Можете да изберете еден од претходно поставените параметри во опаѓачкото мени, или можете да кликнете на иконата за молив (веднаш до менито) за да креирате сопствени прилагодувања.

Синхронизација. Ја дефинира постапката за играње звук во анимација. Параметарот за настанот (настан) ќе игра аудио датотека до крај. Ако истата аудио датотека повторно се репродуцира (додека не заврши првата репродукција), првата репродукција ќе продолжи да игра (до крај). Параметарот "Start" работи како параметар "на настанот со единствената разлика што првата репродукција престанува при репродукција на звукот. Параметарот "Стоп" ја спречува репродукцијата на звукот во одредена рамка. Ако сакате да го користите овој параметар во комбинација со други параметри на аудио датотеката, креирајте нова клучна рамка каде што репродукцијата на звукот ќе престане. Параметарот "поток" (поток) ќе синхронизира одреден звук со рамки на други слоеви. Овој параметар е подобар да се користи при вметнување гласови на знаци.

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

Сликата со наслов Креирај Флеш анимација Чекор 25

7. Зачувајте ја креираната анимација во SWF формат. Овој формат е репродуциран од речиси секој веб прелистувач. Исто така, датотеката на овој формат може да се симне на одредени сајтови (новини, албино Blackseep, Kongregate, за да ги видите другите корисници.

Сликата со наслов Креирај чекор на флеш анимација 26

осум. Оваа статија кажува за основите на создавање на флеш анимација, но можете да направите многу повеќе, на пример, креирајте ги копчињата за блиц. Можете исто така да го поминете забрзаниот тек на ActionScript за да ги истражите сите суптилности за креирање и управување со анимација. Експериментирајте, и ќе научите за сите трикови за создавање на анимација.

Совети

Ако планирате да ја уредите анимацијата, зачувајте го во формат .Fla.