Working with Movie Clips / Applying Blending Modes to Movie Clips
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
In this movie, I demonstrate how to use blending modes in Flash CS3 Professional. Flash blend modes lets you create composite images. Compositing is the process of varying the transparency or color interaction of two or more overlapping objects. In the case of Flash you can only apply blends to movie clips. So these blending techniques let you create unique effects by blending the colors in these overlapping movie clips. I have two examples of blending here on the stage. I started off with two movie clips, a green circle and a yellow circle and I overlapped them and applied in the case of the top example a multiply blend to the yellow movie clip and notice that I have a composite effect between those two. The color changes to this dark green. In second case I've applied an invert blend to the yellow oval movie clip. Notice that that's really the same as this one, just has a different blend applied to it. Notice if I change it back to normal you can see that that's indeed yellow. Let's go back and add the invert. When I overlap these objects you can see that I get a little bit of a compositing effect where those two movie clips intersect. So to apply blends, first you have to convert your graphics to movie clips and then use the property inspector, there's a blend drop down menu there where you can then apply these various blend modes. There's the difference blend and it is quite different then the other two. Notice that the yellow color changed to blue and where the two movie clips overlap changes to red much like this red here, a little bit deeper red I think. Now you can not apply different blend modes to different graphic symbols because multiple graphic symbols are merged as s single shape when you publish the SWF file. These Flash blending modes contain four discreet elements. The blend color is the color applied to the blend mode. The opacity is the degree of transparency applied to the blend mode. Notice that in this example here I have some transparency in between those two movie clip symbols cause you can see right through it. These two don't appear to have any transparency at all. The base color is the color of the pixels underneath the blend color. In each case that would be yellow cause I've applied the blend to the yellow movie clip. Then the result color is the result of the blends effect on the base color which again is different in all three examples. The result color here is a red, here it's more of a pinkish red and there it's a dark green. Blend modes will depend on both the color of the object you're applying the blend to and the underlying color. Adobe recommends in the Flash documentation that you experiment with the different blend modes to achieve the desired effect. Let me now use another example and go through in survey fashion each of the blend options here in the blend drop down menu. To conduct this survey let me move over to this other example here, this file called blends where I have a button symbol and then two movie clip symbols. The picture of the sunset there is actually a bit map that I've converted to a movie clip; it sits on top of the other two. Now the normal setting which is default applies color normally with no interaction with the base colors. Layer lets you stack movie clips on top of each other with out affecting their color. Darken is the first change we'll see in this example and that replaces only the areas that are lighter than the blend color. Areas darker than the blend color don't change. You can see that my picture here has some light and dark areas so only the lighter areas are changing. Multiply is next. This multiplies the base color by the blend color resulting in darker colors, can really see that here in the button. Lighten is next. Lighten replaces only pixels that are darker then the blend color. Areas lighter than the blend color don't change. You'll notice that everything here changes in my picture, in my graphic image there. Since all the pixels are darker than the blend color. Next we have screen. That's kind of interesting. Screen multiplies the inverse of the blend color by the base color resulting in a bleaching effect which is very evident here. You can see that looks pretty interesting over there in the oval, actually that's a circle. And you get some interesting effects as well on the oval button. Next we have overlay. Overlay multiplies or screens the colors depending on the base colors. Hard light multiplies or screens the colors depending on the blend mode color. This effect is similar to shining a spotlight on the object. Next is difference. This subtracts either the blend color from the base color or the base color from the blend color depending on which has the greater brightness value. The effect here notice is similar to a color negative. Next we have add. This one, this blend is commonly used to create an animated lightening dissolve effect between two images, can see this a little bit better on the orange against the orange button. Subtract is used to create an animated darkening dissolve effect between two images. Invert I showed you previously. Inverts the base color, obviously the base color here is white so it creates a black image for my Photograph but it creates some interesting compositing effects against the orange button and the blue circle. Alpha applies an alpha mask and erase removes all base color pixels including those in the background image. This is the only one that did absolutely nothing with all three objects there. I'm gonna wrap up this demonstration of how to apply blending modes to movie clips. It'll also wrap this section of the tutorial on working with movie clips. Let me now move onto the next section of the tutorial; working with text
Tutorial Information
| Course: | Adobe Flash CS3 |
| Author: | James Gonzalez |
| SKU: | 33793 |
| ISBN: | 1-934743-05-4 |
| Release Date: | 2007-10-12 |
| Duration: | 11 hrs / 125 lessons |
| Work Files: |
Yes |
| Captions: | Available on CD and Online University |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 