Blending Modes

Blending Modes

Flash CS4 Tutorial

How to Blend Colors Between Layered Button or Movie Clip Symbols in Flash



Blending Modes are often used in Photoshop to blend color and luminosity of overlapping shapes. Commonly used blending modes include Multiply, Screen and Overlay. In addition to these three, there are several other options worth investigating.

To use the blending feature, the Blending Mode is applied to the upper object. The upper object must be a Movie Symbol or Button Symbol.


Step One

Open a new document and add a new layer.

Step Two

Name the upper layer BlendImage and the lower layer BaseImage.

Step Three

Select the frame one keyframe of the BaseImage layer and draw a rectangle with the Rectangle tool (r key).

Step Four

Select the frame one keyframe of the BlendImage layer and draw a rectangle with the Rectangle tool (r key) that overlaps the BaseImage.

Step Five

Fill the BlendImage rectangle with a black to white gradient.

Step Six

Select the BlendImage rectangle and convert it to a Movie Symbol by pressing F8.

Step Seven

Select the gradient rectangle and open the Display section of the Properties panel (Window > Properties).

Step Eight

Set the Blending Mode to Multiply, then drag the gradient over the other object. Note the way the two objects interact. Try selecting each of the other blending modes for the upper Movie Symbol object.

Understanding Blending Modes

Blending Modes might appear a bit confusing at first. They are available in several programs (i.e., After Effects, Illustrator and Photoshop). Once you understand how a blending mode works, such as Multiply, it is the same in all programs. Check the software Help section for a technical explaination of how each blending mode works.