Ефектно превъртане на картинка и текст

Adobe Flash » Flash

goldenlady   трудност:    видян: 7798

1. Създава се нов документ: Modify > Document (Ctrl+J), с размери Width to 300 and Height to 224px. Frame rate- 35 fps (Frames per Second).



2. Преименуваме layer 1 на background. Създаваме нов слой и го именуваме text.



3. Заключваме background layer, избираме text layer, избираме Text Tool (A) и пишем произволен текст, в примера е даден следния:




4. Създаваме нов слой и го именуваме Action.

5. Избираме си някаква картинка със същите размери като нашия flash документ и следва import (Ctrl+R) във flash.

6. Докато картинката все още е селектната натиснете Ctrl+K (Align Panel) и тогава кликнете на Align-> To stage icon, след това на Align horizontal center и Align vertical center.





7. Избира се Modify > Break Apart (Ctrl+B), за да се раздели картинката.



8. Избира се Selection Tool (V) и се селктира част от картинката.



9. Натиснете F8 key (Convert to Symbol) и се избира Movie Clip.



10. Докато все още е селктиран току що създадения муви клип (частта от картинката) се отваря Properties Panel (Ctrl+F3)и под <Instance Name> напишете part1.



11. Кликнете два пъти върху новия Movie Clip, или right click и Edit in Place.

12. Кликнете върху frame 1, отворете Action Script Panel (F9), и поставете този скрипт: stop();

13. Кликнете на frame 30 и натиснете F6. След това кликнете на frame 10, изберете Transform Tool (Q) и намалете размера на частта от снимката докато горния и долния й край се припокрият.



14. Кликнете на 15 и намалете размера на частта от снимката докато левия и десния й край се препокрият.



15. Връщаме се на Scene 1 и повтаряме стъпка 13 и 14 за всички останали части от картинката.



16. Създаваме нов слой и го именуваме Invisible Button.

17. Връщаме се отново на action layer, избираме първата част от картинката (part 1), отваряме Info Panel (Ctrl+I) за да видим размера и позицията на тази част. Твзи размери трябва да се запомнят, защото след това избираме слоя Invisible Button, избираме Rectangle Tool (R) и създаваме Invisible Buuton със същите размери и позиция като на първата част от картинката.






18. Избира се Invisble Button, отваря се Action Script Panel (F9 ) и се поставя този скрипт:
on (rollOver) {
tellTarget ("/part1") {
play();
}
} 19. За всички останали части на картинката се правят подобни Invisble Button -и


И сега ако съм улучила верния файл това ще е резултатът:

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

Урокът е взет от http://tutorialoutpost.com/