Flash CS4 Professional in 24 Hours- P8

Chia sẻ: Cong Thanh | Ngày: | Loại File: PDF | Số trang:30

lượt xem

Flash CS4 Professional in 24 Hours- P8

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Flash CS4 Professional in 24 Hours- P8: The creation of this book could not have happened without the skill and patience of many, many people at Sams Publishing. Most of all, I want to thank Mark Taber for offering me this opportunity and Philip Kerman for writing such a great book. I also greatly appreciate the efforts of Songlin Qiu for keeping me on track and organized, not an easy task.

Chủ đề:

Nội dung Text: Flash CS4 Professional in 24 Hours- P8

  1. Workshop 201 Q. I’m having trouble drawing bones in my shape. Flash wants to place the end of the bone only in specific spots. Can I tell Flash to enable me to put it wherever I want? A. Flash is setting the Transformation Point, what we called the joint, for you to some degree. You can turn that off and place your point any- where you want by choosing Edit, Preferences (or Flash, Preference on a Mac). Click on the Drawing Category, and uncheck the box that says Auto Set Transformation Point. What’s really cool about doing this is now you can drag your points outside of your figure and have a little more control of the movement when you need. Workshop The Workshop consists of quiz questions and answers to help you solidify your understanding of the material covered in this hour. You should try to answer the questions before checking the answers. Quiz 1. What’s the downside to using art created with the brush rather than movie clips? A. There’s really no downside. You should always use brush-created art. B. If your figure loops on itself, it might not look right. Also, some- times you get jagged edges and unpredictable results. C. Bones don’t work with brush art. 2. How is posing movie clips different from posing a drawn shape? A. There’s no real difference. B. A drawn shape can be posed multiple times; a movie clip figure can only be posed once. C. Each movie clip can rotate independently.
  2. 202 HOUR 10: Advanced Animation with Inverse Kinematics 3. Once you’ve added bones to your shape, what can you not do in the armature layer anymore? A. If you’re using clips, you can’t add anymore. If you drew your shape, you can’t draw anymore. B. You can’t rename the armature layer. C. You’re stuck with whichever easing you selected before you added bones. Quiz Answers 1. B. Brush-art has to be carefully adjusted when posed to keep it look- ing good. Don’t forget that you can use the Bind tool to adjust the control points to make it look even better. 2. C. You get the extra benefit of being able to rotate the movie clips in addition to posing the figure. 3. A. After you add your first bone, you can’t add more clips or more brush strokes to your figure. Also, you can only use one kind of cre- ation, either all symbols or all drawing.
  3. HOUR 11 Simulating 3D Animation Prior to this version of Flash, to make an image appear to rotate in 3D WHAT YOU’LL LEARN IN space, you had to use the Free Transform tool and fake it. In this version, THIS HOUR: the 3D tool takes care of the tedious work of simulating 3D for you and ac- . Creating 3D clips tually moves and rotates your movie clips on all three axes. With the 3D . Simulating 3D positions Rotation tool, you can rotate a movie clip not just on the X-axis and Y-axis, but on the Z-axis as well. This enables you to perform perspective transfor- . Animating objects in mations on anything you can put in a movie clip, even on movie clips com- 3D space bined to form a structure. It’s more powerful than it seems at first glance. As you gain more expertise with Flash, you learn how to rotate your clips dynamically using ActionScript. Creating a 3D Movie Clip Let’s take a look at two new 3D tools and how they are represented on the stage. Figure 11.1 shows a movie clip that has been moved with the selected 3D Rotation tool, located on the toolbar under the Free Transform tool. Take a closer look at Figure 11.1. The gray shape on the Stage is a movie clip. It started as a rectangle, but was moved in 3D space with the 3D Rota- tion tool. After you select a movie clip with this tool, you see red and green crosshairs, a blue circle, and a larger yellow circle centered on your movie clip at the point where the rotation occurs. The red line represents the X- axis; the green line is the Y-axis. Because the Z-axis would be sticking straight out at you, it’s represented by the blue circle. Think of this like a wheel that rotates your shape around the center axis. Finally, the orange cir- cle rotates in all three dimensions at once. Now, we take a quick look at the 3D Translation tool. Similar to how the Rotation tool enabled you to rotate in 3D space, the Translation tool enables
  4. 204 HOUR 11: Simulating 3D Animation you to move your clip in 3D space along the same three axes. Figure 11.2 shows you the appearance of your clip on the stage when it’s selected with the Translation tool. FIGURE 11.1 The 3D Rotation tool gives you the ability to rotate on the X-axis, Y-axis, Z-axis, or all three at the same time. FIGURE 11.2 The 3D Translation tool enables you to move your clip along the X-axis, Y-axis, or Z-axis. The red arrow is a handle for the X-axis; the green arrow is for the Y-axis; and the blue dot in the center is for the Z-axis. Unlike the Rotation tool, you can’t move your clip across more than one axis at the same time. When you create a movie clip, the 3D Position and View section of the Properties panel appears, as shown in Figure 11.3. These settings are involved
  5. Creating a 3D Movie Clip 205 when you manually adjust the handles in the two tools. This section con- tains the following settings: FIGURE 11.3 When you create and select a movie clip, the 3D Position and View section of the Properties panel appears. . X, Y, and Z Position—Imagine a 3D grid covering the entire stage. These values correspond to the center of your movie clip’s location with reference to that grid. The 0, 0, 0 coordinates of this grid exist off the Stage by default. . Width (W) and Height (H)—In 2D space, these would apply to the width and height of your clip. In 3D space, it refers to the rotated width and height, that is, how wide and tall your movie clip is given the angle it’s been rotated. . Perspective Angle—We talk about this in more detail under “Per- spective Angle,” but for now, think of the perspective angle as the di- rection from where you are viewing the object. Pretend you are filming the screen with a movie camera. The perspective angle keeps track of what angle the movie camera is pointed toward the screen. . Vanishing Point X and Y Position—We also talk more about this un- der “Vanishing Point,” but this controls how far the screen is from our hypothetical camera. Before we create our 3D object, we quickly learn the rules of using 3D in Flash. Following the Rules of 3D Animation Just as motion tweening has different rules than shape tweening, animating objects in 3D has its own set of rules. Because the only reason you probably
  6. 206 HOUR 11: Simulating 3D Animation ever want to use 3D is to create an animation, we briefly go over a few rules that apply to animating in 3D and using the 3D tools in general. When using the 3D Rotation and Translation tools to move your clip, you can only use movie clips. This extends to animating your clips as well. When you move your movie clip in 3D space, you discover it’s essentially flat; it has no real depth. Figure 11.4 shows a movie clip that has been ro- tated on the X- and Z-axes until you can’t actually see it. FIGURE 11.4 Movie clips have no actual depth, so you can’t see the one here, which has been rotated along the X- and Z-axes. If you want to create a true 3D object, you need to use multiple movie clips together and build some sort of hollow structure. You angle multiple movie clips into a box, as shown in Figure 11.5. This box only has three sides, but adding three more makes it a cube. You can rotate each movie clip individ- ually or all of them together. Animating movie clips in 3D, as you soon see, can be done by creating a simple motion tween and using the 3D tools to move the clip. You can also use the Select tool to reposition your clip, but it behaves much the same as FIGURE 11.5 To build a structure that has height, the Translation tool, remembering that your clip is moving in 3D space. You width, and depth, you need to com- can use the Free Transform tool as well. Basically, anything you can do in a bine movie clips. normal motion tween, you can do during your 3D animation. It’s worth noting that you can also use ActionScript to rotate your movie clip instance. We show you a quick example at the very end of this hour in the section, “Rotating Objects with the 3D Rotation Tool.” Once you’ve used 3D transformation on a movie clip instance, you can’t edit the parent clip in Edit in Place mode. However, you can open it from the Library or by right-clicking and choosing Edit. You don’t have the
  7. Creating a 3D Movie Clip 207 advantage of seeing it in the current position on the Stage. When we say 3D transformation, we mean animating either the position or the rotation of the object in a motion tween. To tell when this has occurred, right-click on one of the frames in your Timeline, and instead of motion tween, Flash is now referring to your tween as 3D tween. Another important point to understand is what Flash uses to rotate around when you move your clip. Unlike rotating a 2D movie clip with the Free Transform tool, when you rotate your clip, Flash uses the center of the ob- ject, not the Registration point. Although we haven’t talked about publishing your Flash movie yet, keep in mind that the publish settings must be set to Flash Player 10 and Action- Script 3.0 to use 3D. This becomes important later when you decide to pub- lish your movie for the web. We discuss this process in Hour 20, “Linking a Movie to the Web.” Objects in 3D Space By now, you must be ready to try creating a 3D object yourself. In this task, you create a movie clip and move it around in 3D space. You TRY IT YOURSELF ▼ also get a chance to adjust how Flash centers the rotation and motion. Create a 3D Movie 1. Open a new file, and make sure it’s ActionScript 3.0. Draw a rectangle Clip on the stage, and turn it into a movie clip. 2. Select your movie clip. Choose the 3D Rotation tool, located under NOTE the Free Transform tool. You see the rotation overlay, as shown in Use the Orange Circle Figure 11.6. with Caution 3. Play around with your movie clip by clicking and dragging on the three It’s much easier to manipulate axes. Get comfortable with the direction that each axis moves your your movie clip with each indi- clip, and then use the orange circle to rotate all three dimensions at vidual axis in turn, rather than the same time. using the orange circle handle to manipulate everything at 4. Now change to the 3D Translation tool, and notice how dragging on once. Your best bet for the the arrow handles changes the location of your clip. Dragging the X- most precise control is to con- axis handle to the right or left swings it around your view accordingly, sider how your clip should be and the Y-axis can move up or down. tilted on each axis, and then 5. If you drag the blue handle downward, your movie clip appears to move adjust each accordingly. As you closer to you. If you drag the blue handle upward, it moves farther away, gain practice, you might feel closer to the vanishing point. It seems smaller as you drag the blue han- more comfortable using the or- dle up. Think of watching a car drive away. From your perspective it ange handle to move every- thing at once. seems smaller as it drives further and further away from you.
  8. 208 HOUR 11: Simulating 3D Animation ▼ TRY IT YOURSELF Create a 3D Movie Clip FIGURE 11.6 Select a movie clip with the 3D Rotation tool. 6. Return to the 3D Rotation tool. Notice if you drag the center white cir- cle in the middle of the overlay, it moves the overlay and not the movie clip. This is how you can recenter the axis of rotation. You don’t have a similar option with the Rotation tool. Now you’ve had a chance to play with the 3D tools, and you should be get- ting a sense of how they work. Let’s take a few minutes to consider two 3D concepts, perspective angle and vanishing point. Perspective Angle As you work with the 3D tools, you need to consider the view you have on the clips you are manipulating. If you pretend your head is a camera, and your eyes become the lens, you begin to get a sense of what the Perspective Angle setting in the Properties panel does. When you select your 3D Movie clip, you see a 3D Position and View section containing a Perspective Angle icon. Drag the underlined value to change the focal view of the animation. It ranges from 1 degree to 180 degrees. The default is generally 55 degrees. In general, it’s easier to use the default Perspective Angle setting. If you want to use it, we recommend you experiment with it before using it in an animation.
  9. Moving Objects with the 3D Translation Tool 209 Vanishing Point The vanishing point is the point where an object disappears out of sight. As objects approach the vanishing point, they get smaller and smaller until they become too small to recognize. Imagine a railroad track ahead of you. Look into the distance far enough, and you can’t see the railroad track any longer. You know the sides of the tracks are parallel and are the same dis- tance apart, but from your perspective, the separate tracks appear to con- nect to each other, as shown in Figure 11.7. FIGURE 11.7 The vanishing point is the point where you can no longer see the railroad tracks off in the distance. The point is Flash has settings that enable you to change the distance away from you on the Stage where the vanishing point is set. To change the loca- tion of the vanishing point, click on your movie clip instance on the Stage. Then, use the X and Y sliders on the Properties panel next to the Vanishing Point setting. You see crosshairs on the stage that help you get a sense of where the vanishing point is shifting. Not only can you move the vanishing point closer or further out, you can also move it to the right or left. Moving Objects with the 3D Translation Tool You’ve had a chance to use the 3D Translation tool, but you haven’t ani- mated anything in 3D. In the next exercise, you find it’s like creating a mo- tion tween.
  10. 210 HOUR 11: Simulating 3D Animation ▼ TRY IT YOURSELF In this task, you create a movie clip and move it around in 3D space. You Use the 3D Transla- also get a chance to adjust how Flash centers the rotation and motion. tion Tool to Create an 1. Open a new file, and make sure it’s ActionScript 3.0. Draw a rectangle Animation on the stage, and turn it into a movie clip. 2. Click on the Timeline at Frame 25, and choose Insert, Timeline, Frame. Now, click on one of the frames, and choose Insert, Motion Tween. Your frames should now be blue to indicate motion tweening. 3. Click on Frame 25, and choose the 3D Rotation tool. Rotate your movie clip on all three axes. 4. Click on Frame 25, and choose the 3D Translation tool. Move your movie clip on all three axes. 5. Move your movie clip by choosing Control, Test Movie (or press Enter). As you watch it move, get a sense of how it’s moving in 3D space. A natural easing seems to take place as it moves further away and closer to you. Rotating Objects with the 3D Rotation Tool You’ve rotated a movie clip, but you haven’t rotated more than one in 3D space at the same time. Let’s try that now. ▼ TRY IT YOURSELF In this task, you create two movie clips that animate and rotate at the Create Multiple Ro- same time. tating Movie Clips 1. Open a new file, and make sure it’s ActionScript 3.0. Draw a rectangle on the stage, and turn it into a movie clip. 2. Use the 3D Rotate tool to rotate on at least two axes. 3. Create a second movie clip, or pull a new instance from the Library. 4. Click on the new instance, and then use the Rotate and Translate tools to move it in a recognizably different direction than the first movie clip, as shown in Figure 11.8 5. With the Rotate tool selected, press and hold the Shift key to select FIGURE 11.8 both movie clips at once. You now discover that both of them move as With the Shift key, you can select you rotate with the overlay handles. multiple movie clips to work on with the 3D tools at the same time.
  11. Summary 211 Another way to make your movie clips rotate is to use ActionScript. We give you a quick way to make your movie clip rotate without actually hav- ing to use the 3D rotation tool to do so. In Hour 16, “Basic Interactivity,” we discuss the addEventListener code more in-depth, but for now, this should give you a taste of what you can do with ActionScript. Start by creating a new movie clip, and giving it an Instance name in the Properties panel of myClip. Then, click on the first frame in the Timeline, and choose Window, Actions. This opens the code window. Type the follow- ing code: addEventListener(Event.ENTER_FRAME, rotate3D); function rotate3D(e:Event):void { myClip.rotationX += 1; myClip.rotationY += 1; myClip.rotationZ += 1; } This code tells Flash to rotate the movie clip on all three dimensions. It con- tinues to rotate indefinitely. To see your work, choose Control, Test Movie. Your clip slowly rotates. Summary Applying 3D in Flash used to be difficult and generally not worth doing. In this version of Flash, you have access to tools that make it more worthwhile to think of your movie clips in 3D space. While it’s still not perfect, prima- rily because of the lack of a third dimension in a movie clip, it’s certainly come a long way. With a bit of perseverance, you can create solid objects that seem to move and rotate in 3D space. This hour you’ve learned how to create 3D objects, rotate and move them in 3D space, and animate them. You’ve also touched on concepts such as per- spective angle and vanishing point. There’s more to explore with 3D Flash, but now that you’ve had a good introduction, you can discover at your own pace. Have fun with your 3D animations in Flash and push the envelope!
  12. 212 HOUR 11: Simulating 3D Animation Q&A Q. I created this great movie clip, but then I wanted to change its fill. Can I go back and do that now? A. You definitely can. Remember, though, that you can’t do any more edit- ing in place. Keep in mind what your Timeline looked like, and edit the clip in the Library. Q. Can I put a video/audio/animation in my movie clip and animate it in 3D? A. You most certainly can. Your best bet is to focus on creating your movie clip and doing whatever you need to do to it before working on the 3D side of things. Q. I tried to put a Flash movie with 3D on my website, but it didn’t work. What did I do wrong? A. You probably saw a warning from Flash when you tried to publish your movie. Chances are you are using the wrong version of Flash. We talk about publishing in Hour 20, “Linking a Movie to the Web.” Q. It was cool to rotate my shape with that code, but when I tried it with two movie clips on the stage, it didn’t work. A. Flash can rotate only one movie clip at a time with the ActionScript code we gave you. To get the other one rotating, give it a different instance name, and copy and paste the code again, modifying the name myClip to the new instance name.
  13. Workshop 213 Workshop The Workshop consists of quiz questions and answers to help you solidify your understanding of the material covered in this hour. You should try to answer the questions before checking the answers. Quiz 1. 3D Translation is the same as A. Turning a 2D object into a 3D object. B. Rotating a movie clip in any of three dimensions. C. Moving a movie clip in any of three dimensions. 2. In 3D space, you can manipulate A. Only movie clips. B. Movie clips, graphic symbols, and buttons. C. Anything you want. 3. To rotate more than one movie clip in 3D space, you need to A. Create a separate layer for each clip. B. Convert the multiple clips into a single clip. C. Press the Shift key to select all the movie clips. Quiz Answers 1. C. Translation moves things; rotation rotates them. 2. A. You can use only movie clips with the 3D tools. 3. C. While A and B work, the best answer is C. Extra points if you realized all three should work.
  14. This page intentionally left blank
  15. HOUR 12 Reusing Your Animations with Motion Presets After you’ve been using Flash for a while, you might find yourself creating WHAT YOU’LL LEARN IN the same motion tween again and again to apply to different symbols. In THIS HOUR: this hour, you learn about the Motion Preset panel. This panel serves as a . Using ready-made repository for motion tweens you can reuse. It’s a great time saver when motion tweens you want to apply the same motion to multiple objects. What makes it even . Saving your own mo- better are the tweens that Flash has already provided. Finally, it’s a great tion tweens for re-use way to share your tweens with someone else or vice versa. . Modifying existing mo- tion tweens The Motion Presets Panel For the remainder of this hour, keep in mind that motion presets can only be used in ActionScript 3.0 files. This means you should select the first op- tion, Flash File (ActionScript 3.0), when you create a new Flash file that will use a motion preset. Open the Motion Presets panel by choosing Window, Motion Preset (see Figure 12.1). At this point, it doesn’t look like much. There are two folders: Default Presets to store previously created motion tweens and Custom Pre- sets to store your own. All the good stuff is in the Default Presets folder. If you double-click on it or click on the gray arrow to the left, it expands and shows you the existing Flash presets, as shown in Figure 12.2. If you click on one of them, you see a demonstration of what it does in the Preview Pane on the top part of this panel. If you click on the Menu button on the top right of the panel, you see the fly-out menu, also shown in Figure 12.2. FIGURE 12.1 This is the Motion Presets panel when it is first opened.
  16. 216 HOUR 12: Reusing Your Animations with Motion Presets FIGURE 12.2 Within the Motion Presets panel, we’ve expanded the Default Pre- sets folder. Clicking on one of the presets starts a demo of the ani- mation in the top part of the panel. Let’s take a minute to go over some of the commands on this panel: . Import—This does exactly what you think it does. You use this to bring in motion presets from other sources. Motion presets are saved as XML files and contain a text-based description of how the movie clip should move. . Export—This is how you save motion presets for other Flash installa- tions. This creates the XML file for you. You never need to edit the XML; you can use the Flash interface and Motion Editor to make any changes. . Rename—This enables you to change the name of your preset. . New Folder—If you need to group some of your presets, you can cre- ate a new folder and drag them into it. . Remove—This deletes a preset. . Save—This saves your preset and gives you the opportunity to give it a new name. . Apply at Current Location—When you have a movie clip on the stage, you can click on a specific frame in the Timeline for motion tweening to begin using this option. . End at Current Location—This enables you to end the motion tween at a specific frame.
  17. Applying an Existing Motion Preset 217 . Apply—This button is located on the bottom right of the panel. If you select a movie clip on the stage and click this button, the preset mo- tion tween is applied to it. Along the bottom left of the panel are three more icons that stand for: a dog-eared page for Save Selection as Preset, a folder for New Folder, and a trashcan for Remove Item. These do the same things as Save, New Folder, and Remove in the fly-out menu. Finally, the top half of the panel shows a preview of the preset motion when you click on a preset in the list. It’s a great way to see exactly how each preset animates. Applying an Existing Motion Preset There’s really nothing else to the panel. It’s time for you to try using a mo- tion preset for yourself. In the following steps, you create a movie clip and apply one of the pre- TRY IT YOURSELF ▼ existing motion presets that came with your Flash application. Apply an Existing 1. Open a new file, draw a rectangle on the stage, and turn it into a Motion Preset movie clip. You can use any symbol type that a motion tween would use. 2. Select your movie clip. Open the Motion Presets panel by choosing Window, Motion Presets. Double-click on the Default Presets folder, and click on a few to preview them. 3. When you find one you like, select your clip on the stage, select the preset, and click on the Apply button, as shown in Figure 12.3. Your preset has now been applied to your movie clip instance on the Stage. 4. You now see a normal motion tween in the Timeline, as shown in Figure 12.4. In our example, the small-bounce preset put the ending location off the stage. You can click on the last keyframe and drag the movie clip back on the Stage to fix this. You can modify anything you like about the tween. Try changing the path of the tween; choose Control, Test Movie (or press Enter) to see your animation.
  18. 218 HOUR 12: Reusing Your Animations with Motion Presets ▼ TRY IT YOURSELF Apply an Existing Motion Preset FIGURE 12.3 With a motion preset selected, click the Apply button to attach it to your movie clip on the Stage. FIGURE 12.4 You can easily modify the loca- tion of your clip in any keyframe by selecting the keyframe and moving your clip. You now know how easy it is to use motion presets. Sometimes there’s no point in recreating a motion tween if you can use or tweak an existing mo- tion preset.
  19. Applying an Existing Motion Preset 219 Saving a New Motion Preset So far in this book, we’ve talked a lot about tweening and frames. We also need to mention a few things about layers that apply to saving a motion preset and just about any animation you create. Let’s detour to a quick overview of how layers work, and then we create a motion preset that takes advantage of multiple layers to set a mood in our animation. You’re probably familiar with layers in other graphic applications, and cer- tainly, by now, you have a sense of how they work in Flash. Layers are used to help organize your graphics, sound, and eventually ActionScript pro- gramming. They’re fairly intuitive. Let’s take a quick look at the Timeline (see Figure 12.5) and go over some of the layer settings. FIGURE 12.5 The Timeline uses different colors to represent the different types of tweening. In Figure 12.5, we’ve renamed our layers to help you see what’s going on in each of them. Starting from the top: . Active Layer—When you’ve selected a layer, it highlights with what- ever highlight color your operating system is using. In this case, it’s an orange color. You can also tell it’s the active layer by the small Pen- cil icon to the right of the layer name. . Motion Tween—Any layer containing a motion tween is colored blue. In this case, this layer contains the motion preset we applied in the last “Try It Yourself” exercise. Even though it’s a preset, it’s basi- cally a motion tween and behaves like one. This motion tween layer might only contain a single symbol that is being animated. . Classic Tween—This is the way Flash handled tweening prior to CS4. It’s colored purple and behaves much like a motion tween, although you have to set keyframes rather than enabling Flash to do it for you when you move a symbol around on the stage.
  20. 220 HOUR 12: Reusing Your Animations with Motion Presets TIP . Shape Tween—This layer is colored green and contains a simple Layer Organization shape tween. Remember, shape tweens morph between two nonsym- bol graphic shapes. As your animations grow in com- plexity, you should take advan- . 3D Tween—Because a 3D tween is similar to a motion tween, it’s also tage of Flash’s ability to keep colored blue. Unlike a motion tween, you can move multiple movie your movie organized. Not only clips in 3D space in the same layer. should you give your Library par- ent movie clips and assets . Hidden Layer—We’ve set this layer as hidden by clicking on the meaningful names, but you black dot under the Eye icon, causing a red X to show up. When a should also name your layers. To layer is hidden, its contents are not visible on the Stage. To make it be really organized, you might visible again, click on the red X. want to take advantage of fold- ers where you can drag your lay- . Locked Layer—Clicking under the Padlock locks this layer, making it ers and store them in various impossible to select or edit anything in it. To unlock it, click on the categories. Not only does that Padlock symbol. help you quickly find things, it makes your Timeline less clut- . Empty Layer—We included this so you could see what an empty tered when you have lots of lay- layer looks like compared to a tweening layer. ers. For example, you can put all . New Layer—This is a button directly under the layer list on the bot- the layers containing motion tom left of the panel. This creates a new layer. tweens in one folder and all lay- ers with buttons in a separate . New Folder—You can create a folder and double-click on its name to folder. Staying organized helps rename it. Then, you can drag particular layers into that folder for make using Flash easier. better organization. . Tiny, Small, Normal, Medium, Large—In the fly-out menu on the upper right, these settings control the appearance of the Timeline. If you have 100 frames of animation and you want to see all 100 frames in the Timeline, choose Tiny or Small to shrink the size of the Timeline ruler. It doesn’t change anything in your movie; it only affects the ap- pearance of the Timeline. . Preview and Preview in Context—These options enable you to see your movie clips in the Timeline itself at each keyframe. This is an- other way to view things and changes nothing in your movie. This was a rather longwinded review of the Timeline, but it’s definitely worth taking a few minutes to understand. Now, let’s take a break and build our own motion tween to save as a preset. ▼ TRY IT YOURSELF In this exercise, you create a movie clip and apply one of the preexisting Modify and Save an motion presets that came with your Flash application. This time you add Existing Preset some additional features to your animation and modify the preset. Finally, you save it under a new name. 1. Open a new file, and draw a ball on the Stage. Choose a radial gradi- ent fill to make it look more like a ball. When you’re done, turn it into a movie clip named Ball. Rename Layer 1 Bounce.
Đồng bộ tài khoản