What's the difference between shape animation and tween animation in flash?

There are two kinds of tween animation: animation tween and shape tween.

Shape tweening: it is the process of changing from one object to another, such as changing from triangle to square. The tween shape on the time axis consists of a light green background and black arrows. ?

On the time panel, we draw a graph on one key frame, then draw a graph on another key frame or change the shape of the first graph. The animation that changes the shape or value between two key frames of FLASH is called shape tween animation.

(1). Shape tweening animation rules:

1, shape tweening animation in FLASH can only be used for vector graphics. When making shape tween animation, the graphics on the first and second keyframes should be vector graphics, and the size, movement, color, transparency and rotation properties can be changed. In addition, there is an appearance change (for example, a square turns into a circle, which can only be animated by shapes, but animation tweens can't do this effect.

2. The characteristic of vector graphics is that when the graphic object is selected, white uniform points will appear on the object. 3. Source of vector graphics: 1) The graphics drawn by tools such as lines, ellipses, rectangles, brushes and pencils in the toolbox are all vector graphics. 2) If you want to convert a bitmap into a vector diagram, you can interpolate the shape.

3. If it is the text drawn by the text tool in the toolbox, to make a single text, it must be separated once when you want to tween the shape, and multiple words must be separated twice until white dots appear. To fill the shape. ?

If you use words, graphic components and buttons, you must first separate them. What everyone must remember is that its object must have been broken up.

Animation tween: it is a process of changing from one form to another, such as moving position and changing angle. The animation tween on the timeline consists of a lavender background and a black arrow.

(2) animation rules of animation tweening: animation tweening in FLASH can only be performed on non-vector graphics, that is to say, when making animation tweening, the graphics on the first and second keyframes cannot be vector graphics.

1, animation tweened animation object: it can be a combination graphic, a text object, a component instance, an imported picture converted into a component, or a movie clip.

2. The characteristic of non-vector graphics is that when a graphic object is selected, a blue or gray outline will appear on the object. ?

3. Animation tween: animation can be generated, and the size, movement, color, transparency and rotation properties can be changed. ?

4. After combining the vector graphics, you can get the combined graphics, and drag the components in the library to the stage to get the instances of the components. ?

5. Its objects must be combined, and never be separated. If they are separated, the animation tween will not be established. ?

6. The text objects created by using the text tools in the toolbox are not vector graphics.

The difference between them is: animation tweening animation on the time axis and shape tweening animation. Lavender background+long arrow light green background+long arrow constitute elements. If graphic elements, buttons and text are used, movie clips, graphic elements and buttons must be scattered (separated) and deformed.

The completion function realizes the change of the size, position and color transparency of a component, the change between two shapes, or the change of the size, position and color of a shape. When a key frame is selected on the time axis, a blue or gray outline will appear on the object feature object. When a graphic object is selected, white uniform dots will appear on the object.

Extended data

Flash basic function

The three basic functions of Flash animation design are the most important and basic in the whole knowledge system of Flash animation design, including drawing and editing graphics, tweening animation and masking. These are three closely connected logical functions, which have existed since the birth of Flash.

draft

Flash includes various drawing tools and can work in different drawing modes. Many creation jobs start with simple shapes, such as rectangles and ellipses, so it is important to be able to draw them skillfully, modify their appearance, and apply fills and strokes.

For the three drawing modes provided by Flash, they determine how the objects on the "stage" interact with each other and how you edit them. By default, Flash uses merge drawing mode, but you can enable object drawing mode, or use basic rectangle or basic ellipse tools to use basic drawing mode.

Edit graphics

Drawing and editing graphics is not only the basic skill of making Flash animation, but also the basic skill of making multimedia. Basic skills are solid, and future learning and creation can be smooth; Using FlashProfessional8 to draw and edit graphics-this is the first of the three basic skills of Flash animation creation; In the process of drawing, learning to use components to organize graphic elements is also a major feature of Flash animation.

Every graphic in Flash starts with a shape. A shape consists of two parts: a fill and a stroke. The former is the interior of the form, and the latter is the outline of the form. If you can always remember these two components, you can create beautiful and complicated pictures more smoothly.

tweens

Interpolation animation is the core of the whole Flash animation design, and it is also the biggest advantage of Flash animation. It has two forms: animation interpolation and shape interpolation. When users learn Flash animation design, the most important thing is to learn "tween animation" design; There are some subtle differences when using movie editing components and graphic components to create animations. You should fully grasp these subtle differences.

Flash tween animation has the following kinds:

1. tween animation

Tween animation is one of the most important animation forms in Flash, and the objects of tween animation in Flash must be "component" or "composite" objects.

Basic concept: place a component on a key frame, and then change the size, color, position, transparency, etc. On another key frame of the component, the animation automatically created by Flash according to the value of the frame between them is called tween animation.

2. Shape tween animation

The so-called shape tween animation is actually the transformation from one object to another, and this process only needs the user to provide two key frames containing the object before and after deformation, and the middle process will be automatically completed by Flash.

Basic concept: Draw a shape in one keyframe and then change it or draw another shape in another keyframe. The animation created by Flash according to the value or shape of the frame between them is called "shape tween animation".

Shape tween animation can realize the mutual change of color, shape, size and position between two graphics, and its deformation flexibility is between frame-by-frame animation and action tween animation, and the elements used are mostly shapes drawn by mouse or pressure-sensitive pen.

Tip: In the process of creating tweened shapes, if the elements used are graphic components, buttons and characters, they must be "separated" before creating tweened shapes.

3. Frame by frame animation

Frame by frame animation is a common animation form. Its principle is to decompose the animation action into "continuous key frames", that is, the content in each frame is different, and the animation is formed by continuous playing.

Basic concept: Drawing content frame by frame in a time frame is called frame by frame animation. Because it is drawn frame by frame, frame by frame animation has great flexibility and can express almost anything you want.

In Flash, static pictures in JPG, PNG and other formats are continuously imported into Flash, which will create a frame-by-frame animation. You can also use the mouse or pressure-sensitive pen to draw the frame content in the scene frame by frame, and you can also use words as elements in the frame to realize special effects such as text jumping and rotation.

4. Mask animation

Mask is indispensable in Flash animation creation-this is an important highlight of the three basic functions of Flash animation design; Users can create more colorful animation effects by using masks and tween animations: image switching, flame background text, peeping leopard in a pipe, etc. They are all practical animations.

Moreover, from these animation examples, users can draw inferences and create more practical animation effects. The principle of masking is very simple, but there are many ways to realize it, especially when it is combined with tween animation and film editing elements, it can create ever-changing forms. You should make a summary of these forms, so that you can create various forms of animation effects in a targeted manner.

In Flash works, we often see many dazzling and magical effects, some of which are made by using the principle of "mask animation", such as water waves, kaleidoscopes, shutters, magnifying glasses, telescopes and so on.

Basic concept: In Flash, masking is to reveal the contents of the lower layer by masking objects such as graphics or characters in the layer. In Flash animation, "mask" has two main purposes: one is to be used in the whole scene or a specific area to make the objects outside the scene or a specific area invisible; The other is to cover a part of a component to achieve some special effects.

Objects in the masked layer can only be displayed by objects in the masked layer. The masked layer can use buttons, movie clips, graphics, bitmaps, text, lines, etc.

5. Guide layer animation

Basic concept: In Flash, the animation form of linking one or more layers to a motion guidance layer to make one or more objects move along the same path is called "guidance path animation". This animation can make one or more components complete bending or irregular motion.

In Flash, the guide layer is used to indicate the running path of components, so the contents in the guide layer can be line segments drawn with pen, pencil, line, ellipse tool, rectangle tool or brush tool, while the objects in the guide layer follow the guide line, and you can use movie clips, graphic components, buttons, words and so on. , but shapes cannot be applied.

Tip: The basic operation of guiding path animation is to attach a motion animation to the guiding line, so pay special attention to the two ends of the guiding line. The two central points of the starting point and the end point of the guided object must be aligned with the two ends of the "guiding line".

Baidu encyclopedia: Flash