Subject: DMA - Digital media- 2013
Class 09 - More Animation & Video in Flash
Review last week's class notes to see the tutorial on Tweening - Class 8 notes
Once you have some familiarity with tweening MovieClips and shapes in Flash, we can try an exercise where we animate a mask to show parts of a video over another video.
Create an animated mask for video MovieClip layers
This exercise will demonstrate how to create some tweened animations and then use those in a MovieClip in a layer that can become a mask for a video MovieClip on another layer.
We can use two video loops and show different parts of the videos with masks that move...
1. Convert your videos to the FLV (Flash Video) format so that it can be imported to Flash and saved in the Library. Video can be linked externally, but when creating a file like this with multiple instances, masking etc, it's best to use an internal video symbol.
2. Create a new ActionScript 3 Flash file and import video files to Flash using the Import Video option in the File menu. When importing you need to choose the following options:
3. By default, both MovieClips containing video will be placed on the same layer in the Main Timeline. We need to separate these clips and put them on to different layers in the Main Timeline. you can do this by simply cutting one video MovieClip, creating a new layer, and pasting the video MovieClip on the new layer. Make sure your top video MovieClip is the one you want to apply the mask to - when complete, the masked areas will then show the second video MovieClip underneath.
4. Now we need to create some tweens inside movieclips in the Library. As with last week, we will develop all the components we need in MovieClips in the Library, then bring them to the Stage when they are complete. Create a MovieClip in the Library called "Tween1". With that MovieClip open, create a shape of some kind that will be the starting point of your tween. If you want to morph the shape, then you will need to use a Shape Tween (so don't convert the shape to a MovieClip), but if you just want to move the shape around and animate on a curve or line, you'll need to Convert to Symbol so your shape becomes a MovieClip inside a MovieClip - then you can use a Motion Tween or Classic Tween (refer to last week's notes for details on tweening).
5. Experiment with some tweening in your Tween1 MovieClip. Remember to create keyframes where you want to change your tweened objects (unless you're using a Motion Tween), and remember you can only tween one object per layer.
6. Create 2 more new MovieClips in the Library titled "Tween2" and "Tween3". repeat steps 4 & 5 so that you will end up with 3 tweened MovieClips in the Library.
7. Now create a fourth MovieClip in the Library called "MasterTween". This MovieClip will contain our other three tweens. Place each of the three tween MovieClips on a separate layer. We now have a single MovieClip with three layered tweens nested inside it. We will use this MasterTween MovieClip on the Main Timeline as a Mask.
8. Create a third layer in your Main Timeline which is above the other two layers. Place the MasterTween on this new layer and Control-Click on the layer to turn it into a Mask.
9. If you test the movie (Command-Enter to generate a SWF file) you should be able to see your videos playing with the top video masked in places, showing the bottom video underneath. That's it!
10. You may need to tweak your layers and tweens to get the right effect. You might also want to change the length of video or animations to create more randomness and variation in the output. You can also use blends between the two video layers to create some interesting effects - just remember to experiment with all of the MovieClip Properties in the Properties Panel.
Read the next Assessment Task (3) to see what the requirements are - basically you can create any project you want that combines video and Flash. we can discuss your ideas and see what's feasible in the short timeframe.
Homework / Readings
Prepare some video footage to be used in your assessment task. Experiment with Flash if you can.
Flash related content
some very cools things made with Flash, or using Flash content: