Morphing differs from previous types of animation in that it only works exclusively with graphic (vector) objects, and not with symbols.
I think everyone has seen a simple way to smoothly change shape on flash websites (smooth flow of a square into a circle),
These are all graphic elements, I don’t think anyone will do this, it’s more interesting to look at a picture in png, how it changes shape, turning into another png, but morphing with a raster does not work. A certain algorithm of actions should be performed.
I'll tell you with my own example.
We create a document, import the pictures we need into the library, prepared in advance in size and on a transparent background. I immediately emphasize that the picture should be without gradients, without shadows and preferably not very colorful (the program will not be able to calculate it), who knows what a vector is , it represents how many patches of color shades there are in any picture, so you must agree that the Flash program is not intended for basic work with vectors.
So, we’ve loaded everything into the library, let’s go - insert - create a symbol - in the symbol itself from the library. insert the picture, select it, then - modification - raster image - vectorization.
A window will open, if you have a threshold value of 100, correct it to 10, but the value is the smallest area, you can experiment, the default is 1, but it will take too long for the program to calculate (each color point), so depending on what kind of picture you have , how complex the color is, change this value and look by clicking preview, the main thing is that the quality is not greatly distorted, in my example, 25 seems to be too much, but the quality did not suffer much, if you are satisfied with the result, click ok. 
Without removing the selection, press - copy- 
and go to the editing stage, select 1 frame and on the stage - insert.
It’s better to move it with the arrows on the keyboard, or so that the entire image is selected and the arrow shows a crosshair, otherwise you’ll move it piece by piece, this is already a vector, not a symbol.
Select the first frame and select - create a form animation, then at about frame 60 we insert an empty key frame. On the scale, the track is made with dots. 
Repeat the action with the second picture (paste-create symbol-vectorize-...copy...), we return to the stage, select the desired frame (I have 60),
click on the scene and press - insert,the track on the scale changes. 
I told and showed simple example, but in addition there are also editing tools when working with morphing, such as adding hints (points) for precise, smooth morphing, changing anchor points, distortion, smoothing... etc., if anyone is interested, I can describe the meaning of these tools.
Let's play it and watch. Here we have a simple animation of the form.
Lesson 25: Animating a Shape
Lesson objectives:
develop the ability to create form animation;
develop a culture of speech and concentration; develop students’ cognitive and mental activity, logical and algorithmic thinking;
cultivate independence and ethics of relationships.
Lesson type : a lesson in learning new knowledge and skills.
Software and methodological support lesson : editor Flash, § 20 of the textbook, handouts.
Lesson plan:
Organizing time
Testing your knowledge of the previous lesson.
Explanation of new material.
Fixing the material.
Summing up and reflection.
The tree of science has all its roots in practice.
A.N.Nesmeyanov
During the classes
Organizing time
Hello guys! Before starting our lesson, I suggest taking a short mood test. I have this good mood(smiley on slide 1 ). And now you show everyone what kind of mood you have (to do this, sit down at the computer and draw your mood in Flash). Well done! Save your mood. I would really like everyone to be in a good mood until the end or at the end of our lesson.
Updating knowledge
Face-to-face conversation with students on the following questions.
Guys, what have we been doing for several lessons now? (learning to create animation)
What kind of animation have we already learned to create? What's the difference?
Do objects always move in a straight line?
Give examples of non-linear motion.
How to change layer names?
How to insert a key frame?
How to import an image into the library?
How to open the library window?
Which key converts an object to a library symbol?
What kind of animation did we create in the last lesson?
Now, let's remember the algorithm for creating motion animation. To do this, we will divide into two groups, each group receives stages (one on pieces of paper). Your task: line up in the order of actions.
Algorithm for creating motion animation.
Draw or insert an object in 1 frame.
Convert object to library symbol (F8) or group.
Select the last frame of the animation on the timeline. Press F6.
In the last frame of the animation, change to move the object to a new location.
Right click: Create motion
Studying new material (method of problem presentation)
Do you think there is a limitation to what can be done with motion animation?
Problem: how can you animate the transformation of one object into another (for example, an apple into a pear).
So, the topic of our lesson isForm Animation . Let's formulate the goals and objectives of our lesson today.
Form Animation (Shape Tween) allows, as the name implies, to animate changes in the outline of an image. To create it, you do not need to convert drawings into clips, as when creating Motion Tween. Enough:
create a drawing that needs to be animated;
select the frame with the drawing by left-clicking on it and in the Properties panel in the Tween list select the Shape type;
Create a key frame at the point where the animation should end. The drawing from the initial frame will be automatically copied into it. Here you can change the picture or draw a new one.
Form Animation unacceptable to library objects of type symbol and grouped objects.
Form animation allows:
smoothly transform one figure into another;
smoothly change the color of the figure;
move the figure;
combine the above options.
Show students the creation of form animation using an example (video).
Algorithm for creating form animation.
Draw an object in 1 frame.
Select the last frame of the animation on the timeline.
Press F6.
In the last frame of the animation, change the shape of the object or draw a new object.
Select any intermediate frame.
In the Twin Properties panel, select: Shape (Shape)
Ctrl + Enter – view the animation.
Formation of practical skills of students (reproductive method, custom uniform work)
Complete tasks 1, 2, 3 on pp. 100-101 from the workbook. Additional task 4 (any) p. 103.
Summing up and reflection
Frontal survey. The results of the survey should clarify what issues students are having difficulty with.
Survey questions.
1. What do you mean by form animation?
2. List the stages of creating form animation.
3. To which objects does shape animation not apply?
4. In what mood do you leave the lesson?
To do this, open your file with the mood that you created at the beginning of the lesson, in frame 30, depict your mood at the end of the lesson and create a form animation. Show it to each other.
Thank you for the lesson!!!
Practical work No. 2:
Create a shape animation for the number "1" gradually transforming into the number "2". To do this, create a shape animation for the object on the first and last frames. Use numbers as objects, customize them appearance(size, color, position, using a set of properties on the corresponding panel).
To create an animation of the shape of a text object on the first and last key frames, the numbers must be “split” - converted from text to graphics. This is done in this way - the split command is applied to the selected object (menu mode "Modification" - "Split").
Practical work No. 3:
The resulting animation in the previous task may not suit us due to the “ugly” “flowing” of object points on the first frame into certain object points on the last frame. To improve the realism of transforming one object into another, it is necessary to indicate to which point of the object on the last frame the selected point of the object on the first frame will “flow”.
To do this, perform the following steps (using the animation of the previous work):
Examples of creating form animations are given in the "Animation" - "Form Animation" folder.
Brief summary of the lecture:
In addition to animation that changes the properties of an object (position, size, rotation, transparency, etc.), you can create animation in which the shape of the object changes.
To animate the shape of a text object on the first and last keyframes, the text must be "broken" into graphics.
To improve the realism of transforming one object into another, it is necessary to indicate to which point of the object on the last frame the selected point of the object on the first frame will “flow”. To do this, use anchor points (curve hints).
If you apply shape animation to shapes with different colors, the color will change during the transformation.
Key terms
- Form Animation
- Splitting text
- Hint curve
Practice kit:
- For which objects is it possible to create classic shape animation?
- Is it possible to change the color of an animated object when creating a shape animation?
- Assigning anchor points (curve hints) when creating shape animation?
- What is meant by graphical representation of a text object?
- Can shape animation be applied to a text object? What transformations need to be made to the text block for this?
Exercises
- Create a smoke animation.
- Animate the movement and shape of a cloud in the sky.
- Create an animation of the flame changing shape.
- Create an animation of a banner fluttering in the wind.
In the last lesson we introduced you to automatic motion animation (Motion Tween), and now we will continue the conversation about automatic animation and look at automatic animation of shape changes (Shape Tween). It should be noted that the term Shape Tween is translated differently in different publications, in particular the name “animation of filling frames with changing shape” is found. However, it is very difficult to accurately translate this combination, since tween is an abbreviation for between. Thus, it is meant that this type
animation is built on the basis of the initial and final frames, and everything that is between these frames is interpolated according to one or another algorithm. Shape change animation allows you to create the effect of one shape flowing into another while simultaneously changing the location, size and color of the shapes.
It should be noted that shape animation can only be applied to shapes, but cannot be applied to groups, instances, or bitmaps.
In order to apply shape changing animation to these objects, they must first be broken apart into their components. To understand the principles of creating automatic animation of shape changes, consider a simple example in which an apple will turn into a pear. Draw a closed path with an apple-shaped fill, as shown in Fig. 1.
Rice. 1. Outline with radial fill
Then click on the name of the layer of the drawn object (in this case, the default layer name is Layer 1) - the layer will become selected (Fig. 2), and a Tween window will appear at the bottom in the Properties panel, in which you need to select the Shape item.
Rice. 2. In the Tween menu, select Shape
Now let's add the final frame - let the shape change take place over 30 frames. Insert a keyframe at frame 30 and place a closed pear-shaped path there (Figure 3). Please note that in our example, the beginning and last frame differ not only in the shape of the outline, but also in the fill color.
Rice. 3. Place the resulting form in the 30th frame
Similar to how it is implemented in automatic motion animation, in automatic shape animation it is possible to specify animation with slowdown or acceleration. Let's demonstrate this feature with our example. Select the layer and click on the triangle next to the Ease window (Fig. 4), as a result of which a slider will appear that allows you to set the acceleration/deceleration mode.
To speed up the movement, you need to enter a negative number from –1 to –100, and to slow down the transformation process, enter a positive number from 1 to 100. Let's set the Easing parameter, for example, equal to +100, and get the following movie.
Rice. 5. Blend Dropdown Menu
Pay attention to the ability to select the nature of the animation, which is set in the Blend drop-down menu (Fig. 5). In this menu, you can choose two options - Distributive, in which the intermediate shapes will be smoother, and Angular, in which the shapes will be angular.
Using hints in form animation
In the previous paragraph, we studied the process of animating the shape change in which an apple turns into a pear. A logical process would be a morphing process, in which a twig becomes a twig, and a fruit becomes a fruit, while the program generates intermediate frames of the transformation, “knowing nothing” about the structure of apples and pears. Therefore, if we want to retain some morphing logic, we need to tell the program which areas should be inherited. For this purpose, the Flash program uses so-called shape hints - control markers, with which you can control the shaping process. Hints mark points that should turn into themselves in the initial and final figures. Hints are marked with letters (from “a” to “z”).
Let's look at how we can improve our animation using hints.
Select the first key frame and execute the command Modify => Shape => Add Shape Hint, as a result of which an initial hint in the form of a red circle with the letter “a” will appear on the shape. Let's move the hint to the top point of the branch (Fig. 6).
Rice. 6. Hint installation process
Move to the last keyframe and you will notice that the end hint will appear inside the outline of the resulting shape in the form of a green circle with the letter “a”. Move the hint to the point that should correspond to the first marked point (Fig. 7). After you place a hint on the curve in the last frame, in the first frame the hint will change its color (from red to yellow) - this means that a correspondence has been established between the hints. Repeat this process, adding new hints (Fig. 8). For getting best results
Hints should be placed counterclockwise, starting from the upper left corner of the figure.
Rice. 8. Position of hints in the resulting figure
Rice. 29. Creating a movie clip “branch”
Since our task is to build an animated tree, which, in turn, consists of branches, let’s turn the branch we created into a movie clip by executing the command Modify => Convert to symbol (Fig. 29). Now you can build a tree from a set of “branch” clips (Fig. 30). As can be seen from Fig. 30, the branch clip is repeatedly applied with various transformations (rotation, mirroring and scaling).
Rice. 30. A tree is built on the basis of the “branch” movie clips
Rice. 41. Adding Symbol instances to the scene 1 copy
You can also duplicate a symbol by using its instance. Let's demonstrate this using the same example. Let's select an instance of Symbol 1 on the stage and execute the command Modify => Symbol => Duplicate Symbol (Fig. 42).
Rice. 42. Duplicate a symbol based on instance
Rice. 43. Duplicate Symbol panel
After this, another symbol will appear - Symbol1 copy 2 (Fig. 43). Double-click on the name of the new symbol in the library window, which will open the window for editing the new symbol. Let's change the position of the leaf in the last frame, go to the main scene and add several instances of the new symbol. As a result we will get the final version
What is animation? Timeline.
Key frames. Operations with personnel. Types of animation. Stop-motion animation. Motion animation. Form animation. Animate using Timeline Effects Animation is the illusion of movement created by using a series of sequential still images that differ slightly from each other. Even during the Renaissance, it was noticed that when images quickly change, the effect of movement is created.), on which all frames are located, as well as the “frame playback head” - a small filled rectangle in the timeline area with frame numbers (see. rice. 1). When playing a movie, the head automatically moves.
Frames can be key or static.
Key frames, as a rule, contain the image (they determine the content of the film).. 1
Such frames are indicated by black circles 1.
- The remaining frames are static (they are played as if “in vain”). Rice
- The time line is configured using the button, which has the following modes: Tiny
- (Very small); Small
- (Small); Normal
- (Normal); Medium
(Average);
Large (Big). - Animation is the illusion of movement created by using a series of sequential still images that differ slightly from each other. Even during the Renaissance, it was noticed that when images quickly change, the effect of movement is created. - You can perform various operations with frames (copy, delete, etc.). For operations with a single frame, it is enough to first click on it with the mouse, with several consecutive frames - they must be selected by first clicking on the first of them, and then, while holding down the key, on the last one. You can make a certain frame a key frame using the F6 function key or using the main menu - commands
Insert KeyFrame(Insert - Timeline - Keyframe). To delete a frame (frames), after selecting it (them), select the item in the context menu - Animation is the illusion of movement created by using a series of sequential still images that differ slightly from each other. Even during the Renaissance, it was noticed that when images quickly change, the effect of movement is created. - KeyFrame Remove Frames
(Delete frames) or execute main menu commands rice. 2.
Key frames, as a rule, contain the image (they determine the content of the film).. 2
Edit (Edit - Timeline - Delete Frames). To move frames, you can move them with the mouse, as shown in To delete a frame (frames), after selecting it (them), select the item in the context menu - Animation is the illusion of movement created by using a series of sequential still images that differ slightly from each other. Even during the Renaissance, it was noticed that when images quickly change, the effect of movement is created. - (Edit - Timeline - Delete Frames). Copying frames is carried out using the contextual (item Copy Frames(Copy Frames)) or the main menu (
(Edit - Timeline - Copy Frames)). Pasting the copied frame(s) is done in the same way using the command
Paste Frames (Insert frames). Naturally, you need to indicate the insertion location on the timeline. To insert a static and empty keyframe, use the and function keys, respectively. By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - Animation is the illusion of movement created by using a series of sequential still images that differ slightly from each other. Even during the Renaissance, it was noticed that when images quickly change, the effect of movement is created. - (Insert frames). Naturally, you need to indicate the insertion location on the timeline. Reverse Frames
(Reverse frames). You can also use main menu commands
Modify (Edit - Timeline - Reverse Frames). Types of animation
In the Macromedia Flash program it is possible
the following types (animations:);
Stop-motion animation; Motion Animation);
Motion Tween
Form animation (
Stop motion animation
Frame-by-frame animation is implemented using a series of sequential keyframes, each of which must be created “by hand” ( rice. 3).
Key frames, as a rule, contain the image (they determine the content of the film).. 3
Motion Animation (animations: )
With this animation, an object moves from one place to another. To create it, you only need to specify the start and end key frames, all intermediate frames will be determined by the program automatically.
Let's take a closer look at the technology for creating such animation.
Let's draw a circle on the working field; on the timeline, the first frame will automatically become the key frame. Right-click on the key frame and select the context menu command Create Motion Tween (Big). - You can perform various operations with frames (copy, delete, etc.). For operations with a single frame, it is enough to first click on it with the mouse, with several consecutive frames - they must be selected by first clicking on the first of them, and then, while holding down the key, on the last one.(Create a motion animation).
A blue frame appears around the circle, indicating that the object is grouped. Then select on the timeline, for example, the 30th frame (indicate the duration of the film) and while pressing the right mouse button, select the command (Insert Keyframe) - A horizontal line with an arrow at the end appears on the timeline, indicating that motion has been created. Intermediate frames are automatically colored bluish.
- Using the panel Properties (Properties) you can also set additional animation parameters: Rotate (Rotation) determines the direction of rotation - clockwise ( CW ) or against ( C.W.W.
- ), or no rotation at all ( None
- ). The value Auto is also possible (the object is rotated once in the direction of rotation by the smallest angle);
Form Animation (Easy (Slow down); if the parameter value is positive, then the movement during animation will be slow, if negative, the movement will be accelerated;
Orient to Path
(Orientation relative to the path) allows you to orient the movement of an object relative to a given trajectory and others. (Insert Keyframe) - A horizontal line with an arrow at the end appears on the timeline, indicating that motion has been created. Shape Twee Motion Animation n)
Let's test the film and see how the circle smoothly turns into a square. To indicate the specific nature of the change in shape (the flow of points of one object into the points of another), it is necessary to create so-called tooltip labels. We will get acquainted with them later using a specific example.
Animate using Timeline Effects
In the version of Macromedia Flash MX 2004, it became possible to create animation using built-in effects. Effects can be applied to text, shapes, groups, graphics, bitmaps, and buttons. They can also be used for clips, but in this case the effect is embedded in the clip.
To apply the effect, select the object and execute the command (Big). - Timeline Effects(Insert - Timeline Effects); Next, select the effect type: Assistants(Helpers), Effects(Effects), Transition - Transform(Transition - Transformation). Group effects Assistants are not animated. They simply either create duplicates of a given object and place them at a certain distance from each other, or create an even flow of the object into its duplicate.
After selecting an effect, a dialog box appears in which you can set parameters for its manifestation.
When creating an effect, a layer is automatically created where the object is transferred (the name of the layer coincides with the name of the effect). A graphic symbol is created based on the object, which is written to the library in the folder Effects(Effects).
Practical part
1. Project “Moving Man”.
2. Project “Movement along a closed curve”.
3. Project “Turning a figure into a letter.”
1. Project “Moving Man”
Let's create a film in which, using motion animation ( animations:) the little man will move.
Before creating a project, you need to have a good idea of what individual elements the “hero of our film” will consist of. After all, every detail must move when the film is played. We also need to think about this point - which elements should be in the foreground and which should be in the background. For a more visual representation, it is advisable to first make a drawing on a sheet of paper.
So, let our little man look like this rice. 4.
Key frames, as a rule, contain the image (they determine the content of the film).. 4
Such an image can be obtained from the simplest shapes - circles, ellipses and rectangles.
Let's start drawing. Let's draw the whole person on one layer, and then distribute the individual parts into layers; the program has this option. First, draw the head (circle) and the command By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - Convert to Symbol(Edit - Convert to symbol) convert it to a symbol, and accept the type ( Behavior) symbol Movie clip(Clip symbol); let's call this symbol head.
Then we will create an object that will serve as the “body”. Let's execute the command (Big). - New Symbol(Insert - New symbol) and set the parameters as in rice. 5. After clicking the button OK We get into the symbol editing mode, draw a rectangle (see. rice. 6a).
Key frames, as a rule, contain the image (they determine the content of the film).. 5
You need to pay attention to the fact that the center of each drawn object in editing mode coincides with the registration point, which is indicated by the “+” sign.
The created symbol goes into the movie library. We go to the stage and transfer it to the work area. rice Then we create a “thigh” in the same way (note that the rectangle is drawn with rounded corners) and by copying we get a second similar element ( rice. 6b). We also get two shins and, finally, shoes (see. rice. 8.
.
Key frames, as a rule, contain the image (they determine the content of the film).. 6
4). We will give names to all symbols in accordance with By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - Animation is the illusion of movement created by using a series of sequential still images that differ slightly from each other. Even during the Renaissance, it was noticed that when images quickly change, the effect of movement is created. - The result is a little man! Don't worry about the beauty and verisimilitude of the drawing, the most important thing for us is to understand the idea of animation and translate it into the film. rice. 7.
Key frames, as a rule, contain the image (they determine the content of the film).. 7
So, the little man is in the first key frame on one layer. Let's distribute all the shapes that make it up into layers - to do this, run the command rice. 8.
Key frames, as a rule, contain the image (they determine the content of the film).. 8
Distribute to Layers
(Edit - Timeline - Distribute to layers) - see. As a result of executing this command, the layers should be arranged as shown in.
The bottommost layer will be the background of our film. Choose a drawing for it at your discretion. rice After this, you need to decide on the length of the film and indicate those frames that will show different positions of a person when moving. To do this, select the following frames: 5th, 9th, 13th and 17th. This means that the length of the movie will be 17 frames, and the named frames should be made key frames (using the F6 function key in all layers except the layer rice background rice Now let's look at what these key frames should look like. In the first frame the drawing should be like in Fig. 4, in the 5th - as on rice. 9a, in the 9th - as in
. 9b, in the 13th - as on
Key frames, as a rule, contain the image (they determine the content of the film).. 9
. 9c and 17th - as on
. 9y. a B C D) - It is advisable to raise the “body” and “head” layers a little in the 5th and 13th frames for more realistic movement. You may need to adjust some shots.(Create - Motion Animation). As a result, the timeline will look like shown in rice. 10.
Key frames, as a rule, contain the image (they determine the content of the film).. 10
The film is ready and can be tested.
2. Project “Rotation of a satellite around the Earth”
Let us depict the model of the Earth with a satellite in orbit as shown in rice. 11.
Key frames, as a rule, contain the image (they determine the content of the film).. 11
Let's describe the main stages of creating a project that uses motion animation (Motion Tween).
1. Using the panel Color Mix r (Color Mixer) set a radial fill by selecting two colors on the gradient scale: green and brown.
2. Draw a circle without a contour, with the fill selected at stage 1, which will serve as the “Earth”. Let's call the layer planet (rice. 12).
Key frames, as a rule, contain the image (they determine the content of the film).. 12
3. Create a background (the lowest layer), which can be any picture that imitates the sky.
4. Let's draw (with the Oval) orbital trajectory in the form of an ellipse of any color without filling, i.e. color management toolbar ( Colors) will look like this rice. 13.
Key frames, as a rule, contain the image (they determine the content of the film).. 13
5. To rotate the trajectory by 45°, it is necessary to group it, since when the areas intersect, the figure is split into parts. Let's select individual parts of the trajectory with the mouse while holding down the key. To group them, choose a team By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - Group(Edit - Group) - a blue frame appears. rice Let's rotate the grouped object by 45 ° (see. Transform. eleven). To do this, you can use the panel - (Transformation) by executing the command - Transform Window Using the panel Design Panels rice. 14).
(Window - Design Panels - Transformation) and entering in the field By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - (Rotate) angle value –30° ( 6. Then we again divide the trajectory into separate parts according to the command rice Break Apart
Key frames, as a rule, contain the image (they determine the content of the film).. 15
(Edit – Split). To simulate movement along a closed trajectory, you need to specify the starting point of the movement and its end. To do this, draw another smaller ellipse and superimpose it on the orbit (
. 15). Delete the area formed by the intersection of two ellipses using the key. rice 7. Using the tool and the key, select the unnecessary parts of the small ellipse and delete them. Thus, we have a trajectory that has a beginning and an end. To delete a frame (frames), after selecting it (them), select the item in the context menu - 8. Select the nearest part of the trajectory (see.. 16), copy it ( To delete a frame (frames), after selecting it (them), select the item in the context menu - Copy) and paste it in the same place (
Key frames, as a rule, contain the image (they determine the content of the film).. 16
Paste in Place ) onto a separate layer called piece. Let's make this layer invisible by clicking on the dot under the icon in the layers panel. 9. Select all parts of the trajectory and, while pressing the right mouse button, select the command Cut(Cut) and place it on a separate layer with the name To delete a frame (frames), after selecting it (them), select the item in the context menu - Copy).
orbit Cut to the same place ( 10. Above layer create a layer with the name (Big). - New Symbol(Insert - New symbol), indicate the symbol type Movie clip(Clip), and we give a name 10. Above layer. In the editing mode, draw a circle without a contour, select a fill, and do not forget that the center of the object coincides with the registration point (“+”), otherwise the satellite will not be locked to the orbit.
11. Let's return to the stage and move the symbol 10. Above layer onto the working field and install it at the starting point in orbit, from where it will begin to move - rice. 17.
Key frames, as a rule, contain the image (they determine the content of the film).. 17
12. Let’s create an animation of the satellite’s movement; to do this, right-click on the key frame in the layer 10. Above layer and in the context menu select the item a B C D) - It is advisable to raise the “body” and “head” layers a little in the 5th and 13th frames for more realistic movement. You may need to adjust some shots.(Create - Motion Animation), move, for example, to the 40th frame and select the command in the same menu (Big). - Keyframe(Insert - Keyframe). A horizontal arrow will appear indicating that the animation has been created. In the last key frame, we will move the satellite to the end point of the trajectory and make it smaller in size (see. rice. 18).
Key frames, as a rule, contain the image (they determine the content of the film).. 18
13. In all other layers we will make the same length of the film; to do this, simply press the F6 key.
If you start the movie now, the satellite will “run” to the end point of the shortest path. To make the satellite move along the entire trajectory, create above the layer 10. Above layer special guide layer ( Guide), by clicking on the icon ( Add Motion Guide) at the bottom of the Layers panel. And we’ll transfer the frames from the orbit layer to this layer.
The sequence of movie layers on the timeline is shown in rice. 19.
Key frames, as a rule, contain the image (they determine the content of the film).. 19
Let's test the film (by pressing the + key combination) and then improve it.
14. Let's make sure that the satellite hides while passing through the corresponding part of the orbit. To do this, you need to create at least four layers 10. Above layer new keyframes (for example, 21, 25, 27 and 29 - Fig. 20) and change the transparency of the satellite in the panel (Insert Keyframe) - A horizontal line with an arrow at the end appears on the timeline, indicating that motion has been created.(Properties) by selecting from the list Color(Color) value
Alpha (see rice. 21) and setting the transparency value in the indicated frames to 68, 57, 28 and 9%, respectively.
Key frames, as a rule, contain the image (they determine the content of the film).. 21
15. To hide the invisible part of the orbit, you should swap the layers of the planet (it should be higher) and Cut. Guide layer Guide should be invisible, and the piece layer, on the contrary, should be visible, i.e. on the timeline it will look like this rice. 22–23. It is necessary to change the color of the orbit section on the piece layer (similar to step 7).
Key frames, as a rule, contain the image (they determine the content of the film).. 22
Key frames, as a rule, contain the image (they determine the content of the film).. 23
16. Let's improve our “planet”. planet Let's temporarily hide all layers except the layer
.
Let's choose a tool planet, then along the “planet” - a circle with markers controlling the gradient will appear. rice. 24).
Key frames, as a rule, contain the image (they determine the content of the film).. 24
“Pick up” the central marker with the mouse and drag the gradient down diagonally, at approximately 45 ° to the point of contact with the orbit (see. rice. 25).
Key frames, as a rule, contain the image (they determine the content of the film).. 25
The same actions must be done in the last frame, only the gradient in it must be “dragged” upward (see. planet 17. All that remains is to design the animation. To do this, click on the first key frame of the layer (Insert Keyframe) - A horizontal line with an arrow at the end appears on the timeline, indicating that motion has been created. and on the panel (Properties) in the list Tween (Animation) choose Motion
(Movement).
18. Let's test the film.
3. Project “Turning a rectangle into a letter”
In this project, the rectangle turns into a letter, i.e. form animation is applied. 1. On the layer, which we will call rectangle , draw a rectangle without a contour, and write a letter next to it, for example, (rice. 26).
Key frames, as a rule, contain the image (they determine the content of the film).. 26
E By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - (Rotate) angle value –30° ( 2. Let's break the letter into parts on command
(Edit - Split).
3. Place the letter on the rectangle, then click on the icon rice. 27.
Key frames, as a rule, contain the image (they determine the content of the film).. 27
on the toolbar and stretch the letter along the height and width of the rectangle as shown in To delete a frame (frames), after selecting it (them), select the item in the context menu- Copy 4. Without canceling the selection, select the Cut command in the context menu, and then place the letter on a separate layer using the command
(Edit - Paste in the same place).
5. Hide the layer with the letter by clicking on the point under the icon.
6. On the timeline, select, for example, the 35th frames in both layers and make them key (by pressing the F6 key). (Edit - Timeline - Delete Frames). 7. Select the first key frame in the letter layer, copy it by selecting the item in the context menu 1. On the layer, which we will call(Copy frames), and paste it into the last key frame of the layer Copy Frames on command 1. On the layer, which we will call(Insert frames).
It turned out that in the first key frame of the layer (Insert Keyframe) - A horizontal line with an arrow at the end appears on the timeline, indicating that motion has been created. a rectangle is drawn, and in the last key frame of the same layer there is a letter. The letter layer can now be deleted. (Properties) in the list 8. Now let's create the animation. Click on the first key frame and in the panel Motion Animation(Properties) in the list
(Animation) choose (Form). A horizontal line with an arrow appears, and the frames turn greenish, indicating that a shape animation has been created. It is necessary to indicate which point of the rectangle should move to which point of the letter. For this there are so-called By default, animation occurs as frame numbers increase. To change the animation direction to the opposite direction, you need to select the frames and select the item in the context menu - Motion Animation -tooltip labels. To set them, you need to select the first key frame and execute the command rice. 28).
Key frames, as a rule, contain the image (they determine the content of the film).. 28
Add Shape hint (Edit - Form - Add form tooltip). A red mark with the letter a ( Let's add another label - to do this, right-click on the existing label and select the command in the context menu Add hint) and drag it with the mouse to the upper right corner of the rectangle (see. rice. 29).
After that, let's move on to the last key frame. Let's click on the white work field and only then move the red dot to the same place in the upper right corner of the letter E.
Let's create two more marks in a similar way (see. rice. 30) on a rectangle and indicate their place on the letter.
Key frames, as a rule, contain the image (they determine the content of the film).. 30
Let's test the film.
Note. Students can explore timeline effects on their own.
1 “Empty” keyframes are also possible. They are indicated by an open circle. - Approx. ed.
