Други уроци
Adobe Photoshop
Adobe Illustrator
Adobe Flash
Adobe Fireworks
DreamWeaver
CSS и HTML
Corel Draw
Image Ready
PHP
SEO
CMS
Microsoft Windows
Microsoft Word
Microsoft Excel
PowerPoint
Microsoft Access
Microsoft Publisher
Linux
Visual basic
JavaScript
Ajax
3ds Max
Maya 3D
C++
Sound Forge
Gimp
SWiSH
Ефект стил „Ефектът на пеперудата”
видян: 21103
Flash
Преди да започна с фаша обаче ще разясня какво точно ще представлява флашчето. Ще имамте един Movie clip
в който ще вкарате картинките последователно (от 1 до 6 и после пак до 1) като отделни кадри, за да се получи ефект на анимация. Този клип ще поставите в бутон (за да се получава ефекта само като посочим картинката а не постоянно). И ефектът ще стане готов.
Отворете Flash и започнете нов документ:
В полето “Properties” (ако не е изведено на екрана “Window => Properties => Properties” или Ctrl + F3) кликнете на бутонът срещу надписът Size, ще излезе прозорец подобен на този :
Задайте настройки в разделът Dimensions : Width = 600 и Height = 450, отново няма значение цветът на фона (обаче има значение какво е зададено в раздела „Ruler units”, трябва да е “Pixels”). Кликнете “ok”. Ще започнете със създаването на бутонът. Натиснете “Insert => New Symbol” и ще излезе прозорец като този :
Кръщаваме символа в полето Name: на Button_1 и избираме от раздела Type: Button. “ok” в времевата лента “Timeline” отидете на първият кадър и натиснете "f6" три пъти (за да вмъкнете още три ключови кадъра), сега отидете на втория кадър, с име Over (Той се появява когато курсорът на мишката посочи бутона). След това направете нов символ но този път от типът “Movie Clip”. След като се намирате на кадър едно на новосъздадения обект (муви клипът) ще вмъкнете картинките които създадохте по-рано: “File => Import => Import to stage…” или Ctrl + R. Изберете картинка номер едно (1.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” в горния десен край на менюто го изключете.
В полето по-долу напишете следното: stop()
Сега отворете панела “Library” (библиотека) “ Window => Library ” или F11 и кликнете два пъти върху символът с име Button _1 за да влезете в него. На кадър едно изкарайте картинката с име 1. jpg (Влачите я от библиотеката и я пускате някъде по сцената). С менюто “ Align ” “ Window => Align ” или Ctrl + K задайте следните настройки така че картинката да застане по средата на сцената.( Бутонът “To Stage” трябва да бъде включен).
По същият начин на кадър две, но вместо картинката преместете клипчето, което създадохте преди малко. На кадри три и четири отново поставете картинката 1. jpg . В горния ляв ъгъл кликнете на бутона Scene 1,
и от библиотеката преместете отново в средата новосъздаденият бутон. Запишете файлът “ File => Save as ”и след това натиснете “ Control => Test Movie ” или Ctrl + Enter за да създадете swf файлът (който се записва при fla файла) и за да видите окончателния резултат.
Урокът състави: Forbiddengod
(В zip файлът се намират примерни картинки (със зададения ефект) и създадените в Flash fla и swf файлове)