web design templateweb design templateweb design template

Page : 1 2 3 4 5 6 7

8. Choose View > Snap to Objects

9. Select the Free Transform Tool and select the map graphic on the stage

10. Initially the registration point of map graphic is top left corner and now we need to shift the registration point to center so that we can properly transform the map graphic during the animation

11. With the mouse select the top left registration point of the graphic and drag it to the center of the map graphic. As the Snap to Objects option is selected the point will get snapped at exact center of the graphic

top panel

12. Select frame 17 and choose Insert > Keyframe

13. Select keyframe 17 and choose Window > Transform to open the Transform panel

14. In the Transform panel, select the constrain option 'ON' and type 120 in either Width or Height field

key frames

15. Select frame 30 and choose Insert > Keyframe

16. Select keyframe 30 and in the Transform panel type 80 in either Width or Height field

17. Select frame 42 and choose Insert > Keyframe

18. Select keyframe 42 and in the Transform panel type 100 in either Width or Height field

19. Select keyframe 12 and in the Transform panel type 25 in either Width or Height field

20. Select the map graphic at keyframe 12 and in the Properties panel set Alpha = 0

logo animation

21. Select the map graphic at keyframe 17 and in the Properties panel set Brightness = 100

22. Select keyframe 12 and in the Properties panel select Tween as 'Motion' and set Easing value as '-100'

23. Select keyframe 17 and in the Properties panel select Tween as 'Motion' and set Easing value as '100'

24. Select keyframe 30 and in the Properties panel select Tween as 'Motion' and set Easing value as '0'

25. Select frame 46 and choose Insert > Keyframe

26. Also add a keyframe at frame 63

27. Select keyframe 63 and in the Info panel type X location of instance as 122

28. Select map graphic at keyframe 46 and in the Properties panel set Brightness = 50

29. Select keyframe 46 and in the Properties panel select Tween as 'Motion' and set Easing value as '100'

30. Select frame 95 and choose Insert > Keyframe

31. Also add a keyframe at frame 106

32. Select keyframe 106 and in the Info panel type X location of instance as 25

33. Select keyframe 95 and in the Properties panel select Tween as 'Motion' and set Easing value as '100'

34. Select map graphic at keyframe 17 and choose Edit > Copy

35. Choose Insert > Layer to insert a new layer above Map layer

36. Rename the layer as 'Alpha Map'

37. Select frame 17 and choose Insert > Keyframe

38. Choose Edit > Paste in Place

39. Select the map graphic on Alpha Map layer and in the Properties panel remove the brightness and set the color styles as 'None'

Flash MX tutorial

40. Select frame 42 and choose Insert > Keyframe

41. Select keyframe 42 and in the Transform panel type 150 in either Width or Height field

42. Select the map graphic at keyframe 42 and in the Properties panel set Alpha = 0

43. Select keyframe 17 and in the Properties panel select Tween as 'Motion' and set Easing value as '100'

44. Select frame 43 and choose Insert > Blank Keyframe

1. Choose Insert > Layer to insert a new layer above Alpha Map layer

2. Rename the layer as 'Logo'

3. Select frame 43 on Logo layer and choose Insert > Keyframe

4. Choose File > Import to import logo.png

5. Select the image and choose Insert > Convert to Symbol

6. Convert it into a Graphic with Top left registration point selected and name it as 'company logo'

7. In the Info panel type the X and Y axis values as 488 and 49 respectively

8. Insert keyframes at frame 46 and 63

9. Select keyframe 43 and in the Info panel type X location of instance as 780

10. Select company logo graphic at keyframe 43 and in the Properties panel set Alpha = 0

11. Select keyframe 46 and in the Info panel type X location of instance as 550

12. Select keyframe 43 and in the Properties panel select Tween as 'Motion' and set Easing value as '-100'

13. Select keyframe 46 and in the Properties panel select Tween as 'Motion' and set Easing value as '100'

14. Select frame 95 and choose Insert > Keyframe

15. Also add a keyframe at frame 106

16. Select keyframe 106 and in the Info panel type X location of instance as 390

17. Select keyframe 95 and in the Properties panel select Tween as 'Motion' and set Easing value as '100'

18. Choose Insert > Layer to insert a new layer above Logo layer

19. Rename the layer as 'Mask'

20. Select frame 12 on Mask layer and choose Insert > Keyframe

21. With the help of Rectangle Tool create a rectangle patch so that it covers the center panel behind it

Flash MX Mask




© Image Online  2001-2003