week 3: 10/02/06
TOPICS: Symbols and the Library, Symbol Edit Mode, Symbol Effects (brightness/tint/alpha), Motion Tweens with Symbol Effects.
HOMEWORK:
A) Complete the homework from Week 2 (tracing Bugs Bunny) and bring to next class, Wednesday, 10/11/06.
B) Read the 'Hey, Diddle, Diddle!' script, then sketch out on paper your initial ideas of the three main characters: the Cat, the Dog, and the Cow.
Storyboarding: links to handouts for the Mid-Term Project--a storyboard for 'Hey, Diddle, Diddle!'
LINK -- storyboard explanation.
LINK -- Alfred Hitchcock's "The Birds"
LINK -- script example
LINK -- Mid-Term Script: "Hey, Diddle, Diddle!"
LINK -- storyboard template
LINK -- Motion Tweens using Symbol Effects (tint).
I) Symbols and the Library:
A) Creating a Graphic Symbol:
1) Draw an object, an oval for example;
2) Select the object by double-clicking on it with the arrow tool (V). Make certain that you select both the fill and the stroke.
3) Select F8 on your keyboard. This converts the oval into a Graphic Symbol.
4) Type a UNIQUE but DESCRIPTIVE name for the symbol. For example, it would not be a good idea to name a triangle that you have drawn the name Maria because you like the name Maria. Something more descriptive of what it is would be better, such as the name Triangle for the symbol.
5) Select Graphic for behavior and then select Okay.
B) Symbols and Symbol Instances:
1) Once you create a symbol, it then resides in the LIBRARY. To open the library, select the F11 key on your keyboard, or CTRL-L. This will open up the library where you will see a list of all your symbols.
2) You can click and drag symbols from the library onto the stage. The advantage to using symbols is that you may use them as many times as you like without having to redraw them each time.
3) You may delete your symbols from the Stage (here called a SYMBOL INSTANCE, which is actually just a copy or clone of the symbol), but you should use extreme caution in deleting symbols from the Library (here is where the actual SYMBOL stays).
C) Selecting a Graphic Symbol: When selecting a graphic symbol you must only click on it ONE time no matter how many pieces or objects it contains. When selected it will have a blue box around it.
D) Arranging Symbols: When you have multiple symbols drawn and created, you may arrange the stacking order of them, putting one above the other or one below another. To alter the stacking order of multiple Symbols you must first select the item you wish to change.
1) Select the item with the selection tool (V) by clicking on it once, then;
2) Do the following:
E) Modifying Symbols:
1) Draw an object, such as an oval or a rectangle;
2) Double-click on the object with the arrow tool (V) to select it;
3) Choose F8 to convert the object into a graphic symbol;
4) If you wish to change this object in any way after it is a group, you must choose the arrow tool (V), and then double-click on the graphic symbol—this brings you into Symbol-Edit Mode.
5) Now you may edit, alter, add-to, subtract-from the object(s), or otherwise change it in anyway you wish.
6) once you have completed your changes, you must exit Symbol-Edit Mode—to do this, look in the upper left corner of the stage. You will see the words SCENE 1 and then the SYMBOL NAME beside it. You must click on Scene 1 to exit the symbol and return to the main movie.
F) Breaking-Apart Symbols:
1) choose the arrow tool (V);
2) click one time on the symbol on the stage to select it;
3) on the keyboard, select CTRL-B to break the symbol apart.
4) once you do this, that particular graphic on the stage is no longer a Symbol Instance; however, the Symbol will remain in the library.
G) Motion-Tween Animation with Symbol Effects: In the following set of steps, you will be creating a circle that will move around the perimeter of the stage using a series of motion tweens. In the second part, you will learn how to add Symbol Effects so that the circle changes its color, brightness, and transparency as it moves around the stage.
LINK -- Motion Tweens using Symbol Effects (tint).
1) Draw a circle using the Oval Tool (O) and convert it into a graphic symbol (for a discussion of this, see above at the TOP OF THIS POST--"Creating a Graphic Symbol").
2) Once you draw your object and convert it into a symbol, choose the Selection Tool (V) and move the circle to its starting point. We will begin with it placed just OFF the stage to the upper-right corner.
3) Next, click in frame 30 in the timeline above, that is just below the number 30, and add a keyframe, F6.
4) Then, using the Selection Tool (V), move the circle on the stage to the UPPER-LEFT corner.
5) Right-click in the timeline above in the gray area between the keyframes in frames 1 and 30 and select 'Create Motion Tween' from the menu that appears. This will turn the gray area to lavendar, and there will be an arrow there pointing to the right. If this does not occur, or if a dashed line appears instead, you must start over again.
6) Then, click in frame 50 and add a keyframe, F6.
7) Once again, move the circle, but this time to the LOWER-LEFT corner.
8) Add a motion tween between the two keframes in frames 30 and 50 above in the timeline.
9) Click in frame 75 in the timeline and add a 4th keyframe by select F6 on the keyboard.
10) Move the circle on the stage to the LOWER-RIGHT corner of the stage.
11) Add a motion tween between the two keyframes in frames 50 and 75 above in the timeline.
12) Click in frame 95 in the timeline and add a 5th keyframe by selecting F6 on the keyboard.
13) Move the circle on the stage to the UPPER-RIGHT corner of the stage.
14) Add a motion tween between the two keyframes in frames 75 and 95 and above in the timeline.
15) Click in frame 100 in the timeline and add a 6th and final keyframe by selecting F6 on the keyboard.
16) Move the circle just OFFSTAGE of the upper-right corner to the point where we began with the circle.
17) Add a final motion tween between the last two keyframes in frames 95 and 100 above in the timeline.
18) Select CTRL-ENTER to test the movie.
19) If your circle does not travel as you expect, around the perimeter of the stage, there are steps you can take to correct it. First, make sure you only have 6 keyframes in your timeline in frames 1, 30, 50, 75, 95, and 100. If you have any additional keyframes or blank keyframes, you should delete them by first selecting the frame you want to eliminate by clicking on it, then selecting SHIFT-F6. Then, you should make sure that the circle is where it should be in each keyframe:
in frame 1, it should be OFFSTAGE to the upper right corner.
in frame 30, it should be in the UPPER LEFT CORNER;
in frame 50, it should be in the LOWER LEFT CORNER;
in frame 75, it should be in the LOWER RIGHT CORNER;
in frame 95, it should be in the UPPER RIGHT CORNER;
in frame 100, just OFFSTAGE to the upper right corner.
Finally, make sure that motion tweens go all the way across from frame 1 to frame 100.
20) If you wish to add Symbol Effects (Brightness/Tint/Alpha), you can only do so in the keyframes.
21) If you wish to add an effect to frame 30, for example, then you must first select frame 30 by clicking in that frame.
22) Then you must use the Selection Tool (V) and select the circle ON THE STAGE by clicking on it only ONE time.
23) Then you must open the Properties Bar at the bottom, and then click where it says COLOR near the center of the Properties Bar. A list of properties will appear, Brightness, Tint, and Alpha. Choose one of these and then change the numbers to add an effect.
24) You can repeat STEPS 21-23 to add effects to other keyframes in your animation.
HOMEWORK:
A) Complete the homework from Week 2 (tracing Bugs Bunny) and bring to next class, Wednesday, 10/11/06.
B) Read the 'Hey, Diddle, Diddle!' script, then sketch out on paper your initial ideas of the three main characters: the Cat, the Dog, and the Cow.
Storyboarding: links to handouts for the Mid-Term Project--a storyboard for 'Hey, Diddle, Diddle!'
LINK -- storyboard explanation.
LINK -- Alfred Hitchcock's "The Birds"
LINK -- script example
LINK -- Mid-Term Script: "Hey, Diddle, Diddle!"
LINK -- storyboard template
LINK -- Motion Tweens using Symbol Effects (tint).
I) Symbols and the Library:
A) Creating a Graphic Symbol:
1) Draw an object, an oval for example;
2) Select the object by double-clicking on it with the arrow tool (V). Make certain that you select both the fill and the stroke.
3) Select F8 on your keyboard. This converts the oval into a Graphic Symbol.
4) Type a UNIQUE but DESCRIPTIVE name for the symbol. For example, it would not be a good idea to name a triangle that you have drawn the name Maria because you like the name Maria. Something more descriptive of what it is would be better, such as the name Triangle for the symbol.
5) Select Graphic for behavior and then select Okay.
B) Symbols and Symbol Instances:
1) Once you create a symbol, it then resides in the LIBRARY. To open the library, select the F11 key on your keyboard, or CTRL-L. This will open up the library where you will see a list of all your symbols.
2) You can click and drag symbols from the library onto the stage. The advantage to using symbols is that you may use them as many times as you like without having to redraw them each time.
3) You may delete your symbols from the Stage (here called a SYMBOL INSTANCE, which is actually just a copy or clone of the symbol), but you should use extreme caution in deleting symbols from the Library (here is where the actual SYMBOL stays).
*** Keep in mind, if you delete a symbol from the library, it will also be deleted from the stage.***
C) Selecting a Graphic Symbol: When selecting a graphic symbol you must only click on it ONE time no matter how many pieces or objects it contains. When selected it will have a blue box around it.
D) Arranging Symbols: When you have multiple symbols drawn and created, you may arrange the stacking order of them, putting one above the other or one below another. To alter the stacking order of multiple Symbols you must first select the item you wish to change.
1) Select the item with the selection tool (V) by clicking on it once, then;
2) Do the following:
Modify >> Arrange >> send (backward, to back, forward, or to front).
E) Modifying Symbols:
1) Draw an object, such as an oval or a rectangle;
2) Double-click on the object with the arrow tool (V) to select it;
3) Choose F8 to convert the object into a graphic symbol;
4) If you wish to change this object in any way after it is a group, you must choose the arrow tool (V), and then double-click on the graphic symbol—this brings you into Symbol-Edit Mode.
5) Now you may edit, alter, add-to, subtract-from the object(s), or otherwise change it in anyway you wish.
6) once you have completed your changes, you must exit Symbol-Edit Mode—to do this, look in the upper left corner of the stage. You will see the words SCENE 1 and then the SYMBOL NAME beside it. You must click on Scene 1 to exit the symbol and return to the main movie.
F) Breaking-Apart Symbols:
1) choose the arrow tool (V);
2) click one time on the symbol on the stage to select it;
3) on the keyboard, select CTRL-B to break the symbol apart.
4) once you do this, that particular graphic on the stage is no longer a Symbol Instance; however, the Symbol will remain in the library.
G) Motion-Tween Animation with Symbol Effects: In the following set of steps, you will be creating a circle that will move around the perimeter of the stage using a series of motion tweens. In the second part, you will learn how to add Symbol Effects so that the circle changes its color, brightness, and transparency as it moves around the stage.
LINK -- Motion Tweens using Symbol Effects (tint).
1) Draw a circle using the Oval Tool (O) and convert it into a graphic symbol (for a discussion of this, see above at the TOP OF THIS POST--"Creating a Graphic Symbol").
2) Once you draw your object and convert it into a symbol, choose the Selection Tool (V) and move the circle to its starting point. We will begin with it placed just OFF the stage to the upper-right corner.
3) Next, click in frame 30 in the timeline above, that is just below the number 30, and add a keyframe, F6.
4) Then, using the Selection Tool (V), move the circle on the stage to the UPPER-LEFT corner.
5) Right-click in the timeline above in the gray area between the keyframes in frames 1 and 30 and select 'Create Motion Tween' from the menu that appears. This will turn the gray area to lavendar, and there will be an arrow there pointing to the right. If this does not occur, or if a dashed line appears instead, you must start over again.
6) Then, click in frame 50 and add a keyframe, F6.
7) Once again, move the circle, but this time to the LOWER-LEFT corner.
8) Add a motion tween between the two keframes in frames 30 and 50 above in the timeline.
9) Click in frame 75 in the timeline and add a 4th keyframe by select F6 on the keyboard.
10) Move the circle on the stage to the LOWER-RIGHT corner of the stage.
11) Add a motion tween between the two keyframes in frames 50 and 75 above in the timeline.
12) Click in frame 95 in the timeline and add a 5th keyframe by selecting F6 on the keyboard.
13) Move the circle on the stage to the UPPER-RIGHT corner of the stage.
14) Add a motion tween between the two keyframes in frames 75 and 95 and above in the timeline.
15) Click in frame 100 in the timeline and add a 6th and final keyframe by selecting F6 on the keyboard.
16) Move the circle just OFFSTAGE of the upper-right corner to the point where we began with the circle.
17) Add a final motion tween between the last two keyframes in frames 95 and 100 above in the timeline.
18) Select CTRL-ENTER to test the movie.
19) If your circle does not travel as you expect, around the perimeter of the stage, there are steps you can take to correct it. First, make sure you only have 6 keyframes in your timeline in frames 1, 30, 50, 75, 95, and 100. If you have any additional keyframes or blank keyframes, you should delete them by first selecting the frame you want to eliminate by clicking on it, then selecting SHIFT-F6. Then, you should make sure that the circle is where it should be in each keyframe:
in frame 1, it should be OFFSTAGE to the upper right corner.
in frame 30, it should be in the UPPER LEFT CORNER;
in frame 50, it should be in the LOWER LEFT CORNER;
in frame 75, it should be in the LOWER RIGHT CORNER;
in frame 95, it should be in the UPPER RIGHT CORNER;
in frame 100, just OFFSTAGE to the upper right corner.
Finally, make sure that motion tweens go all the way across from frame 1 to frame 100.
20) If you wish to add Symbol Effects (Brightness/Tint/Alpha), you can only do so in the keyframes.
21) If you wish to add an effect to frame 30, for example, then you must first select frame 30 by clicking in that frame.
22) Then you must use the Selection Tool (V) and select the circle ON THE STAGE by clicking on it only ONE time.
23) Then you must open the Properties Bar at the bottom, and then click where it says COLOR near the center of the Properties Bar. A list of properties will appear, Brightness, Tint, and Alpha. Choose one of these and then change the numbers to add an effect.
24) You can repeat STEPS 21-23 to add effects to other keyframes in your animation.
posted by carter at 11:02 AM
0 Comments:
Post a Comment
<< Home