damix33
April 17th, 2008, 09:03 AM
any1 wanna do this for me??? Does any1 have cs3 masters edition cause the girl in my class saids its mpossible to do step 17 with it .. and that means i have to get a whole new program. i think its the gradient tool or something:
Flash Tutorial
Activate Properties Inspector WINDOW PROPERTIES
Property inspector is not fully expanded, click the white triangle in lower right corner.
Movie clips are symbols with their own independent Timelines. You can
think of them as movies within movies.
After viewing a movie clip, to return to the main movie:
Edit Edit Document or
Click the Back button or
Click Scene 1 above the Stage
To open Library panel Window Library
To expand/contract a folder, double-click
To preview an object in a folder, double-click
Movie Explorer helps you arrange, locate, and edit media. Its hierarchical structure, provides information about the organization and flow of a movie, especially useful when you analyze a movie authored by someone else. Filtering buttons display or hide information. WINDOW Movie Explorer
You can align objects along horizontal and vertical grid lines; even when not visible. To modify the grid:
View Grid Edit Grid
Creating a rectangle with a gradient fill
1. Enter 75% to view the entire Stage
2. In the toolbox, select the Rectangle tool
3. In the toolbox, select No Stroke (the button with the red diagonal line)
4. Starting from the upper left corner of the Stage, drag to the lower right corner of the Stage to draw a rectangle that covers the Stage
5. Select the Arrow tool. On the Stage, click inside the rectangle to select the fill
6. Choose Window Color Mixer
7. Expand the Color Mixer, click the white arrow in the panel title bar. If the Color Mixer is not fully expanded, click the arrow in the lower right of the panel
8. In the Fill Style menu, select Radial
9. Click the gradient slider to the left of the gradient bar to select it
10. Click the color box in the upper left corner of the window. Select dark blue; type 000066
11. Alpha text box indicates the transparency of the color, with 0% indicating that the color is completely transparent, and 100% indicating the color is completely opaque. Specify an alpha value of 0% to create a gradient that includes dark blue and black along with the gray Stage color that shows through the transparent areas of the gradient. Type 0 in the Alpha text box and press Return, or move the Alpha slider to 0
12. Click the gradient slider to the right of the gradient bar to select it
13. Select the black with a hexadecimal value of 000000
14. Select Bucket from Tool box
15. Select the Fill Transform tool. On the Stage, click anywhere inside the rectangle
16. An ellipse that indicates the shape and location of the gradient appears; it has controls for the width, scale, rotation and location of the gradient (this tool she said is missing from the cs3 flash)
17. Drag the center to the left (a four pointed arrow appears) approximately 1/3 of the distance from the left edge of the Stage
18. Drag the square handle on the ellipse to make the ellipse narrower
19. Drag the circular middle handle to make the ellipse larger
20. Drag the bottom circular handle to rotate the ellipse toward the left
21. Double-click the Layer 1 name and type Background to rename the layer
22. Click the padlock icon to lock the layer
23. Add a new layer, name it Shapes
24. Select the Oval tool. In the Property inspector, select Hairline from the Stroke Style menu. Click Stroke Color control. In the color palette, select the gray with a hexadecimal value of 999999
25. Choose Window > Color Mixer. In the Fill Style menu, select Solid. Click the Fill Color control to select it. In the R (red) field, type 109. In the G (green) and B (blue) text boxes, type 45, then press Return
26. Verify that the Shapes layer is selected. On the Stage, draw a circle by pressing Shift as you drag. The circle extends from the canvass area above the Stage to the canvass below the Stage
27. Select the Arrow tool, double-click the circle on the Stage to select the fill and the stroke
28. Choose Window > Transform. To expand the Transform panel, click the white arrow in the upper left corner. Select Skew and type 20.0 in the Skew Horizontally text box, then press Return. The circle changes into a skewed oval
29. With the oval fill and stroke still selected, choose Edit > Duplicate
30. In the Property inspector, use the Fill Color control to select black
31. Select the Free Transform tool. Move the pointer over a corner handle until a diagonal indicator with arrows at both ends appears. Drag the corner handle inward to make the oval smaller. Verify that the stroke of the inside oval is not touching the stroke of the outside oval. Move your pointer above the corner handle until the pointer changes into a circular rotation indicator. Drag the rotation indicator to the left to rotate the oval
When you create one shape on top of another on the same layer, and the two shapes are different colors as well as ungrouped, the shape on top "cuts out" the area of the shape underneath. You'll delete the duplicate oval to view the cut out effect
32. Click anywhere on the Stage away from the shapes, then click the fill of the inner oval. Press Delete on your keyboard to delete the fill. With the Arrow tool, click the outermost stroke on the oval to select it, then Shift-click to select the innermost stroke as well. Drag the strokes slightly to the right of the fill
Each area of fill color within the area bisected by the stroke now represents a discrete segment that you can color individually
33. Select an area of the shape fill, and use the Color Mixer to change the fill color to a brown shade with an R (red) value of 117, a G (green) value of 78, and a B (blue) value of 53. If desired, repeat this step to change another fill area to the lighter shade of brown
34. Select Free Transform. Drag around the oval background shapes to select all the shapes, then drag the right corner handle of the guide to enlarge the shapes
35. Drag the shapes on the Stage so that part of the curve shows on the upper left corner and right side of the Stage. Point inside the area within the Free Transform tool on the stage until you find the four headed arrow to drag
The art that you created on the Shapes layer extends beyond the Stage, well into the canvass area. Although the area on the canvass won't appear in your published movie, the art beyond the Stage can be distracting in the authoring environment. While you can erase the part of the shapes that extend into the canvass, a better solution is to apply a mask over the Stage so that only the area under the mask—the entire Stage, in this case—remains visible. This way, if you'd like to return to the shapes to modify them, they will be intact.
36. TO create a Mask, with the Shapes layer selected, add a new layer and name it Mask
37. Select the Rectangle tool and draw a rectangle that extends from the upper left corner of the Stage to the lower right corner. Right-click on the Mask layer name and choose Mask from the menu
The layer is converted to a mask layer. The layer immediately below it is linked to the mask layer, and its contents show throughout the filled area on the mask. The linked layer name is indented. Mask layers must be locked for the Mask effect to show. To edit the shapes, you can unlock the Mask and Background Shapes layers. When you finish editing the art, lock the layers again to invoke masking
38. Add a new layer and name it Images
39. Choose File > Import to Library View1.png, then view2.png and view3.png. F11 to see Library content
40. Double-click the view1.png file. JPEG compression is the default selection; in the Compression menu, select Lossless (PNG/GIF) for higher image quality. Click OK
Three views of the electric car fade in and out in the opening scene. This effect is achieved by creating a movie clip symbol that has a Timeline independent of the main Timeline. Next, you tween the alpha transparency between three views of the car to create a fade in/fade out effect. To begin to create the effect, you'll create the movie clip
41. With the Images layer selected, drag view1.png from the Library panel to the Stage area where the gradient background is lightest
42. Choose Insert > Convert to Symbol, or F8
43. In the Convert to Symbol dialog box, name the symbol Car Animation. Verify that Movie Clip is selected and that the center square is selected in the Registration indicator, and click OK
Flash objects, have registration points used for positioning and transformation. When you align the three views of the car within the movie clip, all three views should align relative to a center registration point
44. Double-click the car to open symbol-editing mode
The name of the symbol appears above the canvas area, along with a Scene 1 link that returns you to the main movie. In symbol-editing mode, you're now viewing the Timeline for the movie clip rather than the Timeline for the main movie
45. Rename Layer 1 View_1_Fade
The car that you see on the Stage is a bitmap image, not a symbol, within the Car Animation symbol. Make the car a symbol by selecting it on the Stage and pressing F8. Call this symbol Vu_1_Car
46. In Frame 105, select the frame and choose Insert > Keyframe, or press F6 to add a keyframe
47. Add keyframes to Frames 25 and 35
48. Add a keyframe to Frame 34, then click anywhere on the layer between Frames 36 and 104, and press Delete on your keyboard
49. In the Car Animation Timeline, select Frame 34, then click the View 1 Car on the Stage so that the Property inspector appears displaying movie clip properties
50. In the Color menu of the Property inspector, select Alpha. In the Alpha Amount menu, either type 0% in the text box and press Return, or use the slider to select 0%
51. In the Timeline, select any frame between Frames 25 and 34. In the Property inspector, select Motion from the Tween menu
An arrow with a solid line spans the tweened keyframes. A dashed line between keyframes indicates the tweening is not implemented correctly, which often occurs when a beginning or ending keyframe is missing
Fade in the second car
As the View 1 Car fades out, another view of the car should fade in
52. Add a new layer to the Car Animation Timeline and name it Vu_ 2_Fade
53. On the Vu_ 2_Fade layer, add a keyframe to Frame 25
54. With the playhead still on Frame 25, drag view2.png from the Library panel to the Stage
55. Select the view2.png on the Stage and press F8 to make it a symbol. In the Convert to Symbol dialog box, name the symbol Vu_2_Car. Verify that Movie Clip is selected, and OK
56. In the movie clip Property inspector, select Alpha in the Color menu and type 0% in the Alpha Amount text box.
57. Add a keyframe to Frame 35 of the Vu_ 2_Fade layer
58. On the Stage, click inside the bounding rectangle of the transparent car. In the movie clip Property inspector, enter 100% in the Alpha Amount text box
59. On the Vu_ 2_Fade layer, select any frame between Frame 25 and Frame 34. In the Property inspector, select Motion from the Tween menu
Fade out the second car
60. On the Vu_2_Fade layer, add a keyframe to Frame 60
61. On the Vu_2_Fade layer, add a keyframe to Frame 70, and another keyframe to Frame 69
62. Select the keyframe in Frame 69 of the Vu_2_Fade layer. Select the Vu_2_Car on the Stage and use the Property inspector to select an alpha transparency of 0%
63. On the Vu_2_Fade layer, select any frame between Frames 60 and 68. In the Property inspector, select Motion from the Tween pop-up menu
64. Click any frame on the Vu_2_Fade layer between Frames 71 and 105, and press Delete
Fade in the third car
65. With the Vu_2_Fade layer selected, add a new layer to Timeline and name it Vu_3_Fade
66. On the Vu_3_Fade layer, add a keyframe to Frame 60
67. With Frame 60 still selected, drag the view3.png from the Library panel to the Stage
68. Select view3.png on the Stage and press F8 to make it a symbol. In the Convert to Symbol dialog box, name the symbol Vu_3_Car. Verify that Movie Clip is selected, and click OK
69. In the Property inspector, select Alpha in the Color pop-up menu and type 0% in the Alpha Amount text box
70. Add a keyframe to Frame 70 of the Vu_3_fade layer
71. On the Stage, select inside the rectangle of the Vu_3_Car. In the Property inspector, enter 100% in the Alpha text box
72. On the Vu_3_Fade layer, select any frame between Frames 60 and 69. In the Property inspector, select Motion from the Tween pop-up menu
Fade out the third car
73. On the Vu_3_fade layer, add a keyframe to Frames 95 and 105
74. With Frame 105 selected in the Vu_3_fade layer, select the Vu_3_Car on the Stage and use the Property inspector to select an alpha transparency of 0%
75. On the Vu_3_fade layer, select any frame between Frames 95 and 104. In the Property inspector, select Motion from the Tween menu
Fade in the first car
76. On the Vu_1_Fade layer, add a keyframe to Frame 95
77. With Frame 95 still selected, drag the Vu_1_Car movie clip (not view1.png!) from the Library to the Stage
78. In the Property inspector, select Alpha in the Color menu and enter 0% in the Alpha text box
79. Select Frame 104 of the Vu_1_Fade layer
80. Click inside the rectangle of the Vu_1_Car movie clip on Stage. In the Property inspector, enter 100% in the Alpha text box
81. On the Vu_1_Fade layer, select any frame between Frames 95and 104. In the Property inspector, select Motion from the Tween menu
82. Choose Control Test Movie
The animation automatically plays in a continuous loop
Flash Tutorial
Activate Properties Inspector WINDOW PROPERTIES
Property inspector is not fully expanded, click the white triangle in lower right corner.
Movie clips are symbols with their own independent Timelines. You can
think of them as movies within movies.
After viewing a movie clip, to return to the main movie:
Edit Edit Document or
Click the Back button or
Click Scene 1 above the Stage
To open Library panel Window Library
To expand/contract a folder, double-click
To preview an object in a folder, double-click
Movie Explorer helps you arrange, locate, and edit media. Its hierarchical structure, provides information about the organization and flow of a movie, especially useful when you analyze a movie authored by someone else. Filtering buttons display or hide information. WINDOW Movie Explorer
You can align objects along horizontal and vertical grid lines; even when not visible. To modify the grid:
View Grid Edit Grid
Creating a rectangle with a gradient fill
1. Enter 75% to view the entire Stage
2. In the toolbox, select the Rectangle tool
3. In the toolbox, select No Stroke (the button with the red diagonal line)
4. Starting from the upper left corner of the Stage, drag to the lower right corner of the Stage to draw a rectangle that covers the Stage
5. Select the Arrow tool. On the Stage, click inside the rectangle to select the fill
6. Choose Window Color Mixer
7. Expand the Color Mixer, click the white arrow in the panel title bar. If the Color Mixer is not fully expanded, click the arrow in the lower right of the panel
8. In the Fill Style menu, select Radial
9. Click the gradient slider to the left of the gradient bar to select it
10. Click the color box in the upper left corner of the window. Select dark blue; type 000066
11. Alpha text box indicates the transparency of the color, with 0% indicating that the color is completely transparent, and 100% indicating the color is completely opaque. Specify an alpha value of 0% to create a gradient that includes dark blue and black along with the gray Stage color that shows through the transparent areas of the gradient. Type 0 in the Alpha text box and press Return, or move the Alpha slider to 0
12. Click the gradient slider to the right of the gradient bar to select it
13. Select the black with a hexadecimal value of 000000
14. Select Bucket from Tool box
15. Select the Fill Transform tool. On the Stage, click anywhere inside the rectangle
16. An ellipse that indicates the shape and location of the gradient appears; it has controls for the width, scale, rotation and location of the gradient (this tool she said is missing from the cs3 flash)
17. Drag the center to the left (a four pointed arrow appears) approximately 1/3 of the distance from the left edge of the Stage
18. Drag the square handle on the ellipse to make the ellipse narrower
19. Drag the circular middle handle to make the ellipse larger
20. Drag the bottom circular handle to rotate the ellipse toward the left
21. Double-click the Layer 1 name and type Background to rename the layer
22. Click the padlock icon to lock the layer
23. Add a new layer, name it Shapes
24. Select the Oval tool. In the Property inspector, select Hairline from the Stroke Style menu. Click Stroke Color control. In the color palette, select the gray with a hexadecimal value of 999999
25. Choose Window > Color Mixer. In the Fill Style menu, select Solid. Click the Fill Color control to select it. In the R (red) field, type 109. In the G (green) and B (blue) text boxes, type 45, then press Return
26. Verify that the Shapes layer is selected. On the Stage, draw a circle by pressing Shift as you drag. The circle extends from the canvass area above the Stage to the canvass below the Stage
27. Select the Arrow tool, double-click the circle on the Stage to select the fill and the stroke
28. Choose Window > Transform. To expand the Transform panel, click the white arrow in the upper left corner. Select Skew and type 20.0 in the Skew Horizontally text box, then press Return. The circle changes into a skewed oval
29. With the oval fill and stroke still selected, choose Edit > Duplicate
30. In the Property inspector, use the Fill Color control to select black
31. Select the Free Transform tool. Move the pointer over a corner handle until a diagonal indicator with arrows at both ends appears. Drag the corner handle inward to make the oval smaller. Verify that the stroke of the inside oval is not touching the stroke of the outside oval. Move your pointer above the corner handle until the pointer changes into a circular rotation indicator. Drag the rotation indicator to the left to rotate the oval
When you create one shape on top of another on the same layer, and the two shapes are different colors as well as ungrouped, the shape on top "cuts out" the area of the shape underneath. You'll delete the duplicate oval to view the cut out effect
32. Click anywhere on the Stage away from the shapes, then click the fill of the inner oval. Press Delete on your keyboard to delete the fill. With the Arrow tool, click the outermost stroke on the oval to select it, then Shift-click to select the innermost stroke as well. Drag the strokes slightly to the right of the fill
Each area of fill color within the area bisected by the stroke now represents a discrete segment that you can color individually
33. Select an area of the shape fill, and use the Color Mixer to change the fill color to a brown shade with an R (red) value of 117, a G (green) value of 78, and a B (blue) value of 53. If desired, repeat this step to change another fill area to the lighter shade of brown
34. Select Free Transform. Drag around the oval background shapes to select all the shapes, then drag the right corner handle of the guide to enlarge the shapes
35. Drag the shapes on the Stage so that part of the curve shows on the upper left corner and right side of the Stage. Point inside the area within the Free Transform tool on the stage until you find the four headed arrow to drag
The art that you created on the Shapes layer extends beyond the Stage, well into the canvass area. Although the area on the canvass won't appear in your published movie, the art beyond the Stage can be distracting in the authoring environment. While you can erase the part of the shapes that extend into the canvass, a better solution is to apply a mask over the Stage so that only the area under the mask—the entire Stage, in this case—remains visible. This way, if you'd like to return to the shapes to modify them, they will be intact.
36. TO create a Mask, with the Shapes layer selected, add a new layer and name it Mask
37. Select the Rectangle tool and draw a rectangle that extends from the upper left corner of the Stage to the lower right corner. Right-click on the Mask layer name and choose Mask from the menu
The layer is converted to a mask layer. The layer immediately below it is linked to the mask layer, and its contents show throughout the filled area on the mask. The linked layer name is indented. Mask layers must be locked for the Mask effect to show. To edit the shapes, you can unlock the Mask and Background Shapes layers. When you finish editing the art, lock the layers again to invoke masking
38. Add a new layer and name it Images
39. Choose File > Import to Library View1.png, then view2.png and view3.png. F11 to see Library content
40. Double-click the view1.png file. JPEG compression is the default selection; in the Compression menu, select Lossless (PNG/GIF) for higher image quality. Click OK
Three views of the electric car fade in and out in the opening scene. This effect is achieved by creating a movie clip symbol that has a Timeline independent of the main Timeline. Next, you tween the alpha transparency between three views of the car to create a fade in/fade out effect. To begin to create the effect, you'll create the movie clip
41. With the Images layer selected, drag view1.png from the Library panel to the Stage area where the gradient background is lightest
42. Choose Insert > Convert to Symbol, or F8
43. In the Convert to Symbol dialog box, name the symbol Car Animation. Verify that Movie Clip is selected and that the center square is selected in the Registration indicator, and click OK
Flash objects, have registration points used for positioning and transformation. When you align the three views of the car within the movie clip, all three views should align relative to a center registration point
44. Double-click the car to open symbol-editing mode
The name of the symbol appears above the canvas area, along with a Scene 1 link that returns you to the main movie. In symbol-editing mode, you're now viewing the Timeline for the movie clip rather than the Timeline for the main movie
45. Rename Layer 1 View_1_Fade
The car that you see on the Stage is a bitmap image, not a symbol, within the Car Animation symbol. Make the car a symbol by selecting it on the Stage and pressing F8. Call this symbol Vu_1_Car
46. In Frame 105, select the frame and choose Insert > Keyframe, or press F6 to add a keyframe
47. Add keyframes to Frames 25 and 35
48. Add a keyframe to Frame 34, then click anywhere on the layer between Frames 36 and 104, and press Delete on your keyboard
49. In the Car Animation Timeline, select Frame 34, then click the View 1 Car on the Stage so that the Property inspector appears displaying movie clip properties
50. In the Color menu of the Property inspector, select Alpha. In the Alpha Amount menu, either type 0% in the text box and press Return, or use the slider to select 0%
51. In the Timeline, select any frame between Frames 25 and 34. In the Property inspector, select Motion from the Tween menu
An arrow with a solid line spans the tweened keyframes. A dashed line between keyframes indicates the tweening is not implemented correctly, which often occurs when a beginning or ending keyframe is missing
Fade in the second car
As the View 1 Car fades out, another view of the car should fade in
52. Add a new layer to the Car Animation Timeline and name it Vu_ 2_Fade
53. On the Vu_ 2_Fade layer, add a keyframe to Frame 25
54. With the playhead still on Frame 25, drag view2.png from the Library panel to the Stage
55. Select the view2.png on the Stage and press F8 to make it a symbol. In the Convert to Symbol dialog box, name the symbol Vu_2_Car. Verify that Movie Clip is selected, and OK
56. In the movie clip Property inspector, select Alpha in the Color menu and type 0% in the Alpha Amount text box.
57. Add a keyframe to Frame 35 of the Vu_ 2_Fade layer
58. On the Stage, click inside the bounding rectangle of the transparent car. In the movie clip Property inspector, enter 100% in the Alpha Amount text box
59. On the Vu_ 2_Fade layer, select any frame between Frame 25 and Frame 34. In the Property inspector, select Motion from the Tween menu
Fade out the second car
60. On the Vu_2_Fade layer, add a keyframe to Frame 60
61. On the Vu_2_Fade layer, add a keyframe to Frame 70, and another keyframe to Frame 69
62. Select the keyframe in Frame 69 of the Vu_2_Fade layer. Select the Vu_2_Car on the Stage and use the Property inspector to select an alpha transparency of 0%
63. On the Vu_2_Fade layer, select any frame between Frames 60 and 68. In the Property inspector, select Motion from the Tween pop-up menu
64. Click any frame on the Vu_2_Fade layer between Frames 71 and 105, and press Delete
Fade in the third car
65. With the Vu_2_Fade layer selected, add a new layer to Timeline and name it Vu_3_Fade
66. On the Vu_3_Fade layer, add a keyframe to Frame 60
67. With Frame 60 still selected, drag the view3.png from the Library panel to the Stage
68. Select view3.png on the Stage and press F8 to make it a symbol. In the Convert to Symbol dialog box, name the symbol Vu_3_Car. Verify that Movie Clip is selected, and click OK
69. In the Property inspector, select Alpha in the Color pop-up menu and type 0% in the Alpha Amount text box
70. Add a keyframe to Frame 70 of the Vu_3_fade layer
71. On the Stage, select inside the rectangle of the Vu_3_Car. In the Property inspector, enter 100% in the Alpha text box
72. On the Vu_3_Fade layer, select any frame between Frames 60 and 69. In the Property inspector, select Motion from the Tween pop-up menu
Fade out the third car
73. On the Vu_3_fade layer, add a keyframe to Frames 95 and 105
74. With Frame 105 selected in the Vu_3_fade layer, select the Vu_3_Car on the Stage and use the Property inspector to select an alpha transparency of 0%
75. On the Vu_3_fade layer, select any frame between Frames 95 and 104. In the Property inspector, select Motion from the Tween menu
Fade in the first car
76. On the Vu_1_Fade layer, add a keyframe to Frame 95
77. With Frame 95 still selected, drag the Vu_1_Car movie clip (not view1.png!) from the Library to the Stage
78. In the Property inspector, select Alpha in the Color menu and enter 0% in the Alpha text box
79. Select Frame 104 of the Vu_1_Fade layer
80. Click inside the rectangle of the Vu_1_Car movie clip on Stage. In the Property inspector, enter 100% in the Alpha text box
81. On the Vu_1_Fade layer, select any frame between Frames 95and 104. In the Property inspector, select Motion from the Tween menu
82. Choose Control Test Movie
The animation automatically plays in a continuous loop