| Color Transition with Effects. | To attract a visitor or a prospective client many web designers give changing color effect to a product Image, along with gradient line effect. Such effects are, used in majority of Flash Presentation as well as on web sites. Such effects help grabbing attention of visitor immediately. Here is the step-by-step guide to give color changing & gradient line effect to an Image.
Click here to download the source (.fla) file. Movie Properties 1. Create a new movie with dimensions of 180px X 250px and fps=18 with black as background color.
Photoshop Image
Design an image in Photoshop, convert it into grayscale and export in .png 24 bit format. Import Image in Flash 2. Choose File > Import. 3. Select the image.png from images folder and click 'open'. 4. You will get the image in Flash. 5. Select the image. 6. Choose Window > Panels > Align 7. In the Align Window first click on the To Stage: option then click on Align vertical center and Align horizontal center, so that image aligns in center of the movie.
8. Choose Insert > Convert to Symbol
9. Convert the image into a movie clip and name it as 'image mclip'.
10. Choose Insert > Convert to Symbol.
11. Convert the image mclip movie clip into another movie clip and name it as 'color effects'. 12. Rename Layer 1 as Color Effects. Giving Color Changing Effect to the 'image mclip' movie clip 13. Select Window > Library > color effects movie clip 14. Double click the color effects movie clip to go inside the movie clip. 15. Rename Layer 1 as 'Image Mclip'. 16. Select the layer named as Image Mclip 17. Choose Window > Panels > Effect 18. In the Effect panel select the Advanced option and adjust the color value as shown in the image given below.
19. Select frame 20 on layer named as Image Mclip. 20. Choose Insert > Keyframe 21. Select frame 35 on layer named as Image Mclip. 22. Choose Insert > Keyframe 23. Choose Window > Panels > Effect 24. In the Effect panel select the Advanced option and adjust the color value as shown in the image given below.
25. Select frame 25 on layer named as Image Mclip. 26. Choose Window > Panels > Frame 27. In the Frame panel, select Motion in the Tweening option
28. Select frame 55 on layer named as Image Mclip. 29. Choose Insert > Keyframe 30. Select frame 70 on layer named as Image Mclip. 31. Choose Insert > Keyframe 32. Choose Window > Panels > Effect 33. In the Effect panel select the Advanced option and adjust the color value as shown in the image given below.
| 
