TopSladur.com - Кой е най-големия?
Помогни ни да направим Uroci.net по - богат! Добави урок

Анимиране в Adobe Fireworks

   трудност:    видян: 5783

 
За да се поупражняваме, без да се хвърляме на нещо трудно, ще направим проста анимация на прост обект - топка.
 
След като заредите програмата започваме със създаването на нов файл: File>New от менюто на програмата или с Ctrl+N от клавиатурата. Отваря се прозореца за оразмеряване на работната площ. Тук ще въведем размерите с които искаме да бъде работното поле, и тъй като в момента няма да правим нищо сложно, нека го настроим във формат 400х300 пиксела.
 
 
 
Използвайте инструмента за елипси (ellipse tool), за да начертаете хубава кръгла форма. Това ще стане като задържим бутона Shift на клавиатурата докато изтегляме с мишката овалната форма в прозореца. Би трябвало да се получи идеална окръжност:
 
 
 
От панела "Свойства" (Properties) под работното поле ще променим цвета на нашата окръжност (за да стане това уверете се че тя е селектирана; ако не е, селектирайте я с Pointer Tool). От Solid (солиден, единичен) ще променим цветовата настройка на Gradient (преливка), която на свой ред ще направим радиална (посоката на преливката ще се подреди в концентрични кръгове):
 
 
 
И тъй като сега нашата топка вероятно ще е с неподходящи цветове, ще трябва да ги променим. Това става отново от полето Свойства, от настройката за цвят за запълване:
 
 
Нашата топка е вече оранжева. След като преместих и центъра на преливката, за да добие по-естествен вид, сега ще я превърна от безименен вектор в символ. С десен бутон кликваме върху топката и избираме опцията Converter To Symbol (F8 от клавиатурата). В отворилия се диалогов прозорец дайте име на новия символ и посочете че е тип графика (не анимация!):
 
 
 
Следва една много важна задача: да зададем т.нар. ключови позиции или точки, през които ще преминава движението на нашата топка, и да се възползваме от таланта на Fireworks да запълва кадрите (tweening), междинни спрямо тези позиции. Ще създадем дубликат на топката ни, като я копираме (Edit>Copy от менюто или Ctrl+C от клавиатурата) и я поставим (Edit>Paste или Ctrl+V). Копието преместете на място, през което ще преминава "пътя" на движещата се топка. Направете това няколко пъти. Моята топка например ще подскача. Първо ще падне от ляво, ще тупне и ще отскочи. Ето как изглежда планът за движение на моята топка:
 
 
 
 
Сега ще извършим споменатото запълване на междинните кадри. Задържаме бутона Shift и последователно селектираме всички ключови кадри. С така маркираната група отиваме в менюто на Modify > Symbol > Tween Instances (или Ctrl+Alt+Shift+T):
 
 
 
Изберете общия брой на кадрите, които искате да имате. От този избор зависят както размера на анимацията ви (повече кадри - по-голям файл), така и гладкостта на движението (повече кадри - по-гладко движение). Преди да натиснете ОК маркирайте опцията Distribute to Frames. Копираните символи сега трябва да са изчезнали от работното поле. Ако отворите прозореца Frames (Shift+F2) ще видите, че те са се разпределили в кадри.
 
 
 
От бутона Play точно под работната площ можете да прегледате анимацията си.
 
 
 
Остана ни само да запазим файла. Изберете File > Save As (или Ctrl+Shift+S) и от падащото меню Save as type изберете Animated GIF (*.gif).
 
 
 
Ето и моето творение:


Коментари (3)

Bibow4ence на 16.08 2007 в 22:27ч.
как да направя така че да стане ГИФ и нищо да не изчезва , демек да се наслагват ?
vladospasov на 13.09 2007 в 12:18ч.
супер, но аз искам да направя така ..сърце което се разпръскава и се появява друга снимка после тя се разпрусква и се появява сурцето...моля за помощ
Georgee на 21.05 2008 в 15:54ч.
добро е

Регистрирайте се, за да добавите коментар

реклама

© Всички права запазени. 2006-2008. Created by: Site.bg
Препоръчваме: IT Новини | Кино и игри | Диплома.бг | Paparak.bg | Тунинг Портал | uchenik.com | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | AnimeS-bg.com | Фото Форум | Запознанства | Мрежа от приятели | IT Light | Spodeli.net | Фото-Култ | Dalavera.net | IDG.BG | Teenproblem.net | Блог - Образование | Fresh-BG.com | Hanovete.com | Bulfleet.com | Mythlands.com | Ohoboho.com | Казанлък.Com | News24 | Setcom.bg | Atol.bg | Elmaz.com | MobileBulgaria.com