Помогни ни да направим Uroci.net по - богат! Добави урок

Ефект стил „Ефектът на пеперудата”

forbiddengod   трудност:    видян: 18982



Flash

Преди да започна с фаша обаче ще разясня какво точно ще представлява флашчето. Ще имамте един Movie clip в който ще вкарате картинките последователно (от 1 до 6 и после пак до 1) като отделни кадри, за да се получи ефект на анимация. Този клип ще поставите в бутон (за да се получава ефекта само като посочим картинката а не постоянно). И ефектът ще стане готов.

Отворете Flash и започнете нов документ: В полето “Properties” (ако не е изведено на екрана “Window => Properties => Properties” или Ctrl + F3) кликнете на бутонът срещу надписът Size, ще излезе прозорец подобен на този :

уроци - Butterfly Effect_Flash_1.jpg

Задайте настройки в разделът Dimensions : Width = 600 и Height = 450, отново няма значение цветът на фона (обаче има значение какво е зададено в раздела „Ruler units”, трябва да е “Pixels”). Кликнете “ok”. Ще започнете със създаването на бутонът. Натиснете “Insert => New Symbol” и ще излезе прозорец като този :

уроци - Butterfly Effect_Flash_2.jpg

Кръщаваме символа в полето Name: на Button_1 и избираме от раздела Type: Button. “ok” в времевата лента “Timeline” отидете на първият кадър и натиснете "f6" три пъти (за да вмъкнете още три ключови кадъра), сега отидете на втория кадър, с име Over (Той се появява когато курсорът на мишката посочи бутона). След това направете нов символ но този път от типът “Movie Clip”. След като се намирате на кадър едно на новосъздадения обект (муви клипът) ще вмъкнете картинките които създадохте по-рано: “File => Import => Import to stage…” или Ctrl + R. Изберете картинка номер едно (1.jpg) и натиснете “ок”, ще излезе прозорец който ще ви пита дали искате да вкарате всички файлове от поредицата


уроци - Butterfly Effect_Flash_3.jpg

(защото те де казват 1.jpg, 2.jpg …… 6.jpg) натиснете “Yes”. Флаш автоматично ще вкара всяка картинка в отделен кадър (като така се създава кратка покадрова анимация). Сега кликнете на последния (шести) и добавете още пет ключови кадъра (f6). Отидете на кадър седем и кликнете върху изображението. В панелът “Properties” има бутон “Swap…” натиснете го и изберете от появилият се списък 5.jpg. Това което правите е просто подмяна на едно изображение с друго. Направете по същият начин и на кадър 8,9....12 като подменяте картинката с все по малък „номер” (на кадър 8 картинка 4.jpg, na 9 3.jpg и т.н.). Сега ще поставите малък скрипт, който ще каже на флаш кога да спре анимацията, кликнете на кадър 12(последния) и отворете панела “Actions” “ Window => Actions” или F9. Ако е включен “Script Assist” в горния десен край на менюто го изключете.

уроци - Butterfly Effect_Flash_4.jpg


В полето по-долу напишете следното: stop()

Сега отворете панела “Library” (библиотека) “ Window => Library ” или F11 и кликнете два пъти върху символът с име Button _1 за да влезете в него. На кадър едно изкарайте картинката с име 1. jpg (Влачите я от библиотеката и я пускате някъде по сцената). С менюто “ Align ” “ Window => Align ” или Ctrl + K задайте следните настройки така че картинката да застане по средата на сцената.( Бутонът “To Stage” трябва да бъде включен).


уроци - Butterfly Effect_Flash_5.jpg

 

По същият начин на кадър две, но вместо картинката преместете клипчето, което създадохте преди малко. На кадри три и четири отново поставете картинката 1. jpg . В горния ляв ъгъл кликнете на бутона Scene 1,


уроци - Butterfly Effect_Flash_6.jpg

 

и от библиотеката преместете отново в средата новосъздаденият бутон. Запишете файлът “ File => Save as ”и след това натиснете “ Control => Test Movie ” или Ctrl + Enter за да създадете swf файлът (който се записва при fla файла) и за да видите окончателния резултат.


Урокът състави: Forbiddengod


  Работните файлове от урока.


(В zip файлът се намират примерни картинки (със зададения ефект) и създадените в Flash fla и swf файлове)

 


Страници: «1 2

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

BUGZ_SY на 30.01 2007 в 21:43ч.
Много добър ефект! Браво :)

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


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com