Hello
& welcome back to Firewire,
your friendly guide to the exciting world of web-design
& web-solutions!
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.
to download the source (.fla) file.
1.
Create a new movie with dimensions of
375px X 205px and fps=18
with black as background
color.
Design
an image in Photoshop, convert it into grayscale and export
in .png 24 bit format.
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: optionthen 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.
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 Effectpanel 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 Effectpanel 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 Framepanel, 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 Effectpanel select the Advanced
option and adjust the color value as shown in the image given
below.