When presenting a presentation, you may need to highlight an element with more than just frames or size. PowerPoint has its own editor that allows you to add additional animations to different components. This move not only gives the presentation an interesting look and uniqueness, but also increases its functionality.

Types of Animation

It’s worth immediately considering all the available categories of effects that you have to work with. They are divided according to the area of ​​use and the nature of the action performed. In total, they are all divided into 4 main categories.

Entrance

An action group that plays out the appearance of an element in one of the following ways. The most common types of animation in presentations, used to improve the start of each new slide. Indicated in green.

Exit

As you might guess, this group of actions serves, on the contrary, to disappear an element from the screen. Most often, it is used together and sequentially with the entrance animation of identical components so that they are removed before rewinding the slide to the next one. Indicated in red.

Selection

An animation that somehow indicates the selected element, drawing attention to it. Most often, this is applied to important aspects of the slide, drawing attention to it or distracting from everything else. Indicated in yellow.

Travel paths

Additional actions used to change the location of slide elements in space. Usually, this method animation is used extremely rarely and for additional visualization of especially important moments in combination with other effects.

Now you can begin to consider the animation installation procedure.

Creating Animation

IN different versions Microsoft Office There are different ways to create such effects. In most older versions, to configure elements of this type, you need to select the desired slide component, right-click on it and select “Animation Options” or similar values.

IN Microsoft versions Office 2016 uses a slightly different algorithm. There are two main ways.

Method 1: Quick

The simplest option, which is designed to assign one action to a specific object.

1. Effect settings are located in the program header, in the corresponding “Animation” tab. To get started, go to this tab.
2. In order to apply a special effect to an element, you first need to select the specific slide component (text, image, etc.) to which it will be applied. Simply highlighting is enough.
3. After this, all you have to do is select the desired option from the list in the “Animation” area. This effect will be used for the selected component.
4. Options are scrolled through control arrows and can also be expanded full list standard types.

This method produces a quick addition of effects. If the user clicks on another option, the old action will be replaced by the selected one.

Method 2: Basic

You can also select the required component, and then click on the “Add Animation” button in the header in the “Animation” section, then select the required type of effect.

This method is much better because it allows you to layer different animation scripts on top of each other, creating something more complex. Also, this does not replace the old included item action settings.

Additional types of animation

The list in the header shows only the most popular animation options. A complete list can be obtained by expanding this list and selecting the “Additional effects...” option at the very bottom. A window will open with a complete list of available effect options.

Skeletal Change

The three main types of animations—entry, selection, and exit—do not have a so-called “animation skeleton” because they simply display an effect.

But “Movement Paths”, when overlaid on elements, depicts this very “skeleton” on the slide - a drawing of the route that the elements will take.

To change it, you need to left-click on the drawn movement route and then change it by dragging the end or beginning in the desired direction.

To do this, you will need to grab the circles in the corners and middles of the edges of the animation selection area, and then stretch it to the sides. You can also “grab” the line itself and pull it in any desired direction.

To create a travel path that does not have a template, you will need the Custom Travel Path option. It is usually the very last one on the list.

This will allow you to independently draw absolutely any trajectory of movement of any element. Of course, you will need the most accurate and even drawing to depict good movement. Once the route has been drawn, the skeleton of the resulting animation can also be changed as you please.

Effect settings

In many cases, simply adding animation is not enough; you also need to customize it. All the elements located in the header in this section are used for this.

• The Animation item adds an effect to the selected element. Here is a simple, convenient list that can be expanded if necessary.
• The “Effects Options” button allows you to configure this selected action more specifically. Each type of animation has its own settings.
• The “Slide show time” section allows you to configure effects by duration. That is, you can choose when a specific animation will start playing, how long it will last, at what speed it will go, and so on. For each action there is a corresponding item.
• The “Advanced Animation” section makes it possible to configure more complex types of actions.

  For example, the Add Animation button allows you to apply multiple effects to one element.

  “Animation area” will allow you to call up a separate menu on the side to view the sequence of configured actions on one element.

  The “Animation by sample” item is designed to distribute the same type of special effects settings to the same elements on different slides.

  The Trigger button allows you to assign more complex conditions to trigger actions. This is especially useful for elements that have multiple effects applied to them.

• The “Preview” button allows you to see how the slide will ultimately look when viewed.

There are certain standard criteria for using animation in a presentation at a professional or competitive level:

• The total duration of playing all animation elements on a slide should take no more than 10 seconds. There are two most popular formats - either 5 seconds for entry and exit, or 2 seconds for entry and exit, and 6 for highlighting important points in the process.
• Some types of presentations have their own type of time-sharing of animation elements, where they can take up almost the entire duration of each slide. But such a design must justify itself in one way or another. For example, if the whole essence of visualizing a slide and the information on it rests on this approach, and not just using it for decoration.
• Such effects also load the system. This may not be noticeable in small examples because modern devices boast good performance. However, serious projects involving a huge package of media files may have difficulty running.
• When using movement paths, you should carefully ensure that the mobile element does not go beyond the boundaries of the screen, even for a split second. This demonstrates the lack of professionalism of the presentation creator.
• It is highly discouraged to apply animation to video files and GIF images. Firstly, it is not uncommon for the media file to become corrupted after the trigger is fired. Secondly, even with high-quality settings, a failure may occur and the file will begin to play while still in progress. Roughly speaking, it is better not to experiment.
• You should not make the animation too fast in order to save time. If there are strict regulations, it is better to abandon this mechanic altogether. Effects are primarily a visual addition, so they should at least not irritate people. Excessively fast and not smooth movements do not cause viewing pleasure.

In conclusion, I would like to note that in the early days of PowerPoint, animation was an additional decorative element. Today, not a single professional presentation can do without these effects. It's important to practice creating effective and functional animation elements to get the best quality out of each slide.

We are glad that we were able to help you solve the problem.

Ask your question in the comments, describing the essence of the problem in detail. Our specialists will try to answer as quickly as possible.

Did this article help you?

Animation is a technology that uses stationary objects to create the illusion of movement to attract and hold the attention of the audience. Capturing the audience's attention is perhaps the main goal of any presentation, which means it's worth learning how to make animation in PowerPoint.

Using animation makes it easier to perceive a presentation, highlight important ideas, and increase interest in the information presented. To achieve these goals, PowerPoint provides almost limitless possibilities. The program quickly copes with animating text, photographs, graphic images, charts, SmartArt elements, tables and other types of objects.

How to make animation in PowerPoint 2013/2016?

The latest versions of PowerPoint animate almost any object. This gives wide scope for creativity. But first you need to master the basic skills.

Adding an Animation Effect

Animating any stationary object, including text, requires 4 steps.

1. Select the object you want to animate (there should be resizing handles around it).
2. On the tab "Animation" click "Add Animation".
3. Select the desired effect.
4. Define the effect parameters.

When choosing effects, remember that some are only available as text animations in PowerPoint. This applies to effects such as “Whip”, “Wave”, “Fall” and a number of others.

To add an additional effect to an existing animation, you will need to perform 3 consecutive steps.

1. Click Add Animation.
2. Check the desired effect.
3. Click "With Previous" in the "Animation Area" section.

Advice! Make sure your slideshow settings are not set to "No Animation". If it is installed, the animation will not play during the slide show, but only during preview. This means that all efforts will go down the drain.

Running effects

PowerPoint offers 3 options for launching effects:

• "on click"(the effect turns on after clicking on the slide);
• "with the previous"(launch occurs at the same time as the previous effect);
• "after previous"(the effect plays when the previous animation ends, without having to click anything).

If all the animation effects are sufficient, then it is better to abandon the “click on” option. Its use requires more time, which increases the risk of the presenter's attention being scattered.

Let's look at how to animate a picture in PowerPoint using one of the above launch options.

1. Select the effect you will edit.
2. In the tab "Animation" click "Start".
3. Select the required indicator.

Determining the order in which effects are displayed

The following instructions will help you determine the order in which the effects will be shown.

1. Click Animation > Animation Pane.
2. Highlight an effect that is out of place in the animation order.
3. In point "Change Animation Order" select "Move Forward" or "Move Back".

The above commands can be used several times in a row.

Effects display speed

In this case, you need the parameter "Duration". It's very easy to use.

1. Select the effect to be edited.
2. In field "Duration" enter the required number using the keyboard.

The minimum display duration is 0.01 s, and the maximum is 59 s.

It is worth mentioning the parameter "Delay", which determines the length of time before a specific effect is turned on. This period of time starts after the completion of the previous effect or after an additional click.

How to remove animation in PowerPoint?

When an object is given an animation effect, a small number mark appears next to it. It confirms the presence of the effect and indicates its position in the order of animation on a particular slide. This notation can be used to remove animation. How?

1. Select the number next to the unnecessary animation.
2. Click "DELETE".

Animation in PowerPoint 2010

The general scheme for introducing animation in the 2010 version largely corresponds to the instructions for the 2013-2016 programs described above. Since there is no point in repeating them, we will consider only some specific nuances.

How to insert animation into a PowerPoint 2010 presentation?

The instructions below will allow you to provide one object with several effects.

1. Open "Animation".
2. Select the desired object.
3. Choose one of the effects offered in the group "Animation".
4. Go to section "Advanced Animation" by pressing "Add Animation". If the required effects are not in the main list, select the option "Additional effects...".
5. Select one of the available effects.
6. On the left side of the ribbon, click "View".

Using the Trigger button (Advanced Animation group), you can define additional conditions for switching animation effects. This tool will help create " hotkey", which triggers playback of a variety of effects.

Note. Numerical labels indicating objects with animation can only be seen when the tab is open "Animation" or in the Animation Area field.

View a list of effects

The list of effects used can be found in paragraph "Animation Area"(group "Advanced Animation"). This displays a number of important data about each animation effect.

Advice! Give each object a unique name to make them easier to work with.

Let's take a closer look at the characteristics of the effects presented in the field of animation.

• The number marks indicate the order in which the effects are played. They can also be seen on the slide next to the animated objects.
• Icons indicate the animation types used.
• Timelines indicate the duration of effects. To view the start time of all effects, click on the menu icon next to one of the effects and select "Hide extended timeline".

Animation effects in PowerPoint: general characteristics

Currently animation is in PowerPoint presentations involves the use of 4 groups of effects.

• Entry effects (appearance of objects on the slide). We are talking about a gradual appearance on the slide, a sudden appearance or introduction from the side.
• Selection effects (animation of objects located on the slide). This group can include changing the color or size of an object.
• Exit effects (disappearance of objects from the slide). In this case, objects may disappear from view or move in different ways.
• Paths of movement (moving objects along the slide). When using effects of this type objects move in different directions (down, up, right, left, or along a contour of a certain shape). The ability to create your own travel path is also available.

Each of the above effects can be used either separately or in combination with others. For example, input effects are useful when creating educational presentations. When using them, the audience will not be distracted by text that is not yet being discussed.

Highlight effects are useful when you want to draw viewers to a specific part of a slide, such as a drawing line or an important design detail. And here is the option “Movement paths” - best tool to show dynamics.

Note. After using the first effect, you can add additional animation only by clicking “Add Animation”. Otherwise, you risk simply replacing the current animation with a new one.

Combining animation with sound effects

This trick is usually used to give an animation more depth and draw extra attention to it. The following steps will help you voice the animation of an object.

1. In the tab "Animation" click "Animation Area". A new window will open to the right of the slide area with the characteristics of the applied animation effects.
2. Identify the effect that requires voice acting.
3. Click the down arrow and select "Effects Options".
4. In the dialog box that appears, select the tab "Effect".
5. In point « Extra options» open the field "Sound" and select one and possible options voice acting or add your own sound file (item "Another Sound").
6. Click OK.

When you click OK, the animation should start playing with sound. To edit the audio volume, in the Effect tab (Effect Options dialog box), click the speaker icon and drag the slider in the appropriate direction.

Moderation and appropriateness are the main principles when working with animation effects

Animation, of course, adds dynamism to a presentation, emphasizes individual ideas, and makes the information presented more memorable. But this does not mean that you can forget about moderation before making an animation in PowerPoint. Excessive animation effects can irritate viewers. “A little of every good thing” is the main principle to adhere to.

It's also worth thinking about whether animation or a particular type of animation is appropriate for a particular effect. For example, flickering animation is recommended to be used only in extreme cases, since it puts a lot of strain on the eyes and nervous system. It's especially important to remember moderation and appropriateness when you're thinking about how to animate text in PowerPoint. Some types of effects can distract the audience's attention from or distort the message.

In PowerPoint, it is possible to install animations in slides. By installing animation, you can add variety to your slides. Texts will automatically float out from the desired edge, and pages will switch in the form of chess, etc.

To make an animation in PowerPoint, follow these steps:

Open the program by clicking the button “Start” - “All Programs” - “Microsoft Office” - “PowerPoint”.

After that, create the required number of slides and write in them text.

Then go to the tab "Animation", point to the page you want and choose how to change slides.

To automatically change pages, check the box next to “Automatically after” and enter the time after which the slides will change. Also in the “Transition Sound” item, you can easily change the sound effects that will be played while changing slides.

After you've set up the slide transition, make an animation inside the text. To do this, click on the “animation settings” button, which is located in the left corner of the program.

After this, it will appear additional window settings in the right corner of the program.

To add animation, select the desired section of text on the slide and click “add effect”. Then select the animation you want for the entering and exiting text. For example, to make the text fly out from above, click “input” - “fly out”. Then in the “direction” column, select “top”.

The appearance of the necessary elements will occur in automatic mode, in the event that the “after previous” item is selected.

After this, the animation is set up, and you can proceed to viewing the presentation. To do this, click the “slide show” tab - “from the beginning”.

To remove animation effects, select the desired object or text and click “delete”.

This is where I end this article, good luck with your work.

Svetlana Shlyakhtina

Any web page is unthinkable without web animation, including animated gifs. For quite a long time, to create them, web designers were forced to use a whole set of specialized programs from different developers. However, with the advent of corresponding capabilities in popular 2D graphics packages oriented primarily for working with two-dimensional raster graphics and at the same time allowing you to create files in the Animation GIF format due to the corresponding utilities complementing them, everything has become much simpler.These packages include Jasc Paint Shop Pro, which includes the Animation Shop program , designed for creating GIF animations: animated buttons, banners and other animated elements.

Paint Shop Pro and Animation Shop work closely together, are fully compatible and complement each other perfectly, which makes it possible, at the animation creation stage, to repeatedly switch from one program to another and edit image frames in Paint Shop Pro, which ensures that the corresponding frames are changed in Animation Shop. You can also export layers to frames and vice versa, as well as animation to a multi-layered image. At the same time, each of these programs remains its own specialization in terms of web graphics: as a rule, it is better to prepare and edit frames in Paint Shop Pro, and apply dynamic effects, optimization and, of course, the animation itself - in Animation Shop.

Animation Shop features a user-friendly interface and a simple and convenient mode for editing frames with the ability to rotate, mirror and crop them, as well as a wide range of tools: brushes, shapes, erasing and cropping tools, text tools, etc. All this, combined with the ability working with step-by-step wizards, allows even non-professionals to quickly create GIF animations. In addition, Animation Shop provides a large set of professional effects and filters that you can use when creating animation. The program supports effective and convenient optimization methods that allow you to quickly find the optimal solution based on the data displayed in its window regarding image quality, its size and loading speed, and significantly reduce the size of the “live” image.

Theoretical aspects of creating animated gifs

As you know, animation is a sequence of frames, the source graphic material for which can be pre-prepared in both Animation Shop and Paint Shop Pro, and the choice of application is determined by the features of a particular animation.

Gif animation in Animation Shop can be created in three ways. The first and most convenient of them is preliminary preparation in Paint Shop Pro of a multi-layered image saved in PspImage or PSD formats and opened in Animation Shop - in this case, a frame is created for each individual layer of the image. Layers provide convenient way compositional construction of an animated image from various graphic and text elements and allow you to apply various filters to various image elements, change the degree of transparency and layer blending mode, adjust brightness and apply other transformations available in Paint Shop Pro, thereby providing a variety of effects.

The second method is the traditional option for creating animations in independent gif animators and consists of sequentially connecting pre-created single-layer image frames using a wizard. In addition, it is theoretically possible to create a simple animated gif from scratch directly in the Animation Shop environment.

There is also a fundamentally different possibility for creating frames - automatic generation of intermediate frames, which significantly speeds up the production of smooth animations, since there is no need to manually create each frame. To do this, key frames are determined, and then the computer automatically forms everything that should be in the spaces between them, in accordance with the effect defined in the program (rotation, movement, changing color characteristics, etc.). However this opportunity is limited by the number of effects available in Animation Shop (it is worth recognizing that in general there are quite a lot of effects, but not for all occasions), and if the intended principle of changing frames is not included in the number of available effects, then all intermediate frames will have to be created manually in Paint Shop Pro .

Exporting and updating animations

As already noted, at the animation creation stage you can switch between Paint programs Shop Pro and Animation Shop, although only when the Export frames to Paint Shop Pro as layered images checkbox is enabled in the Animation Shop program. To do this, use the command File=>Preferences=>General Program Preferences=>Layered Files (File=>Settings=>General program settings=>Layered files) and enable the specified checkbox (Fig. 1). In this case, if you need to edit one or all animation frames, it will be enough to export the selected frames from Animation Shop to Paint Shop Pro using one of the following methods:
select the command File=>Export Frames=>To Paint Shop Pro from the menu;
click on the Export Frames to Paint Shop Pro button in the toolbar;
Right-click on the selected frames and select Export Frames to Paint Shop Pro from the pop-up menu.

Rice. 1. Enabling the ability to export frames to Paint Shop Pro

Then you should make the necessary transformations in the Paint Shop Pro environment and close the file without saving - in this case, the program will ask a question regarding the need to update the corresponding frames in Animation Shop. If the answer is yes, all changes made in Paint Shop Pro will be transferred to the animation opened in Animation Shop, which can be viewed.

There is another option for updating animation from Paint Shop Pro: without closing the Paint Shop Pro file, use the Edit=>Update Back to Animation Shop command. Then switch to Animation Shop and break the link between the animation and the temporarily created multi-layered image using the command File=>Export Frames=>Break Link With Exported Frames (File=>Export Frames=>Break Link with Exported Frames). The last step is necessary because without breaking the connection further actions in Animation Shop will not be possible.

Unfortunately, we must admit that both options are not very convenient, since it is impossible to create effective animation just by resorting to the frame editing procedure in Paint Shop Pro. Most often, you have to edit frames, update the animation, view the result and edit again many times. And each time for this you need to export the frames to Paint Shop Pro. Obviously, the second option is precisely designed for the ability to repeatedly edit a multi-layered image with regular animation updates, however, it is not fully implemented and therefore gives practically nothing, allowing you to update the animation and prohibiting any actions in the Animation Shop, and most importantly, viewing animation. I would like to believe that this unpleasant nuance will be eliminated in the next versions of Paint Shop Pro and Animation Shop.
Work with personnel

The main window when developing animation is the Frames window, in which the frames themselves are located (Fig. 2). To work with a specific frame, just select it in this window and subject it to the necessary transformations - edit, apply an effect, change properties, etc. Selecting several frames is carried out in the usual way by holding down the Ctrl or Shift keys, and all frames can be selected at once using the Edit => command Select All (Edit=>Select all).

Rice. 2. Frames window: the abbreviation F indicates the frame number, and the abbreviation D indicates its duration in hundredths of a second

In relation to frames, you can perform simple transformations: rotations and specular reflections(menu Animation - Animation), and also perform a reversal by changing the direction of the frames to the opposite using the command Animation=>Reverse Frames (Animation=>Reverse Frames).

The most interesting thing when working with frames is applying effects to them, which allow you to connect frames with each other using a wide variety of transformations (Fig. 3). All effects are located in the Effects menu and are divided into three groups: image movement effects (Insert Image Transition command), image effects (Insert Image Effect and Apply Image Effect commands) and text effects (Insert Text Effect and Apply Text Effect commands) . It is worth noting that the use of some of the specified commands (they begin with the word Insert...) automatically leads to the generation of a whole series of intermediate frames that provide smooth transition between hand-crafted source frames. In turn, the Apply Image Effect and Apply Text Effect commands apply the effect to selected frames without creating intermediate frames.

Rice. 3. Applying the Dissolve effect

View and change animation properties

In the Animation Shop window, you can immediately view the result by clicking on the View Animation button, and if necessary, make the required changes, for example, adjust the delay duration of one or several frames, etc. By default, the display delay for all frames is one hundredth of a second, and in In this case, the frames replace each other almost instantly. However, the playback time for each frame can be easily changed using the Animation=>Frame Properties=>Display Time command.

In addition, it is not difficult to adjust the animation background color using the Animation=>Animation Properties=>Canvas Color command, and also change the frame size using the Animation=>Resize Animation command. Change animation size) (Fig. 4).

Rice. 4. Resizing Animation Frames

Saving and optimizing animations

At the end of the work, the program allows you to save the animation file with optimization, that is, with a reduction in volume, reducing the number of colors, excluding from it information about static areas of the image, etc. (Fig. 5) using the File => Save command. (only when saving for the first time) or by calling the optimization wizard with the command File=>Optimization Wizard (File=>Optimization Wizard). It is worth noting that, firstly, the program shows the optimization result even at the optimization stage in the preview window, and secondly, at the end it reports the size of the compressed file in comparison with the original and the time it takes to load it when various options connections (Fig. 6). All this together helps to select the final version of the optimized file, finding a reasonable compromise between image quality and its size.

Rice. 5. Determination of optimization parameters

Rice. 6. The result of compression of the animation file during optimization

As a result, a compressed file will be created in the Animation GIF format, which, if necessary, can be loaded at any time with the command File=>Open (File=>Open) and converted as necessary.

Gif animation in practice

There are an incredible number of different animation options that are traditionally used in web design and have already become classic. These are a variety of options for moving both text as a whole or its individual characters, as well as other objects; various options for transforming objects and various rotations. In addition, objects can blink and shimmer in literally every way, change their color, dissolve, erase and slowly appear, shrink and grow, etc. Due to the vastness of the topic, we do not aim to cover everything and everyone and will focus only on a few examples that can demonstrate the possibilities of effectively combining the functionality of the Paint Shop Pro package with the Animation Shop utility.
Zoom Animation

This effect is often applied in almost the same way to both text and other objects and is implemented using the programs in question extremely simply.

To get a scaling animation, you should open Paint Shop Pro and create a new drawing (Fig. 7 and 8) - in this case it is some vector image on a white background. Convert the vector layer to a raster layer by right-clicking on it and selecting Convert To Raster Layer. Then merge both layers by right-clicking on one of them and selecting Merge=>Merge All.

Rice. 7. Original image

Rice. 8. Layer Palette

Save the created single-layer image to own format Paint Shop Pro and open it in Animation Shop, which will result in a single frame (Figure 9). Apply the Zoom effect using the command Effects=>Insert Image Transition (Effects=>Insert image transition effect) with the parameters shown in Fig. 10. As a result, a whole series of frames will be formed - approximately as in Fig. 11. View the created animation by clicking on the View Animation button and save it using the File=>Save command in Animation GIF format with the necessary parameters optimization. As a result, approximately the same animation will be obtained as shown in Fig. 12.

Rice. 9. Initial state of the Frames window

Rice. 10. Selecting and adjusting the Zoom effect

Rice. 11. Frames window after applying the Zoom effect

Rice. 12. Finished animation

Animation with blinking effect

Let's try to create blinking text traditionally used in web design. Open Paint Shop Pro, create a new drawing and print any text on a white background, for example, as in Fig. 13. At the same time, open the auxiliary file with which you are going to implement the blinking effect (Fig. 14).

Rice. 13. Source text

Rice. 14. Supporting image

Using the Selection tool, select an arbitrary rectangular area on the auxiliary image, copy it to the clipboard and paste it as a new layer onto the source text using the Edit=>Paste=>Paste As New Layer command on top of the vector one layer with text. Then temporarily make the new raster layer invisible, go to the text layer, and select the area outside the text with the Magic Wand tool. Return to the embedded raster layer and press Del to clear the selection outside the letters. As a result, the text will look something like the one in Fig. 15, and the layers window will look like Fig. 16.

Rice. 15. Text after removing unnecessary parts of the image

Rice. 16. State of the Layer palette as a result of adjusting the raster layer

Delete the Background layer and vector layer with text that are unnecessary for future animation. Duplicate the remaining raster layer and on the resulting copy, reduce the opacity of the layer as appropriate, for example to 80% (Fig. 17 and 18).

Rice. 17. Final appearance of the text

Rice. 18. Final look of the Layer palette

Save the created two-layer image in Paint Shop Pro's native PspImage format or in PSD format (in both cases the layers will be saved) and open it in Animation Shop. When you open a multilayered image, the layers will be automatically converted into frames (Fig. 19). View the created animation by clicking on the View Animation button - the result will not be very good: the letters do not look very impressive against the default black background and the blinking occurs too quickly. To change the background of the animation, use the command Animation=>Animation Properties=>Canvas Color (Animation=>Animation Properties=>Canvas Color) and set the color to white (Fig. 20 and 21). To slow down the frame rate, select both frames in the Frames window, open the Frame Properties=>Display Time command from the Animation menu and change the duration of the frame delay, for example as in Fig. 22. Review the animation again, and if the result is satisfactory, save it using the File=>Save command in Animation GIF format with the necessary optimization parameters. As a result, approximately the same animation will be obtained as shown in Fig. 23.

Rice. 19. Initial state of the Frames window

Rice. 20. Changing the background color in the Animation Properties window

Rice. 21. Frames after changing the canvas color

Rice. 22. Changing the frame scrolling speed in the Frame Properties window

Rice. 23. Finished animation

Changing colors in animation

The color in the animation can be changed different ways, as a last resort simple creation frames in which objects will be repainted manually. But there is a more convenient way: by adjusting the parameters Hue (Hue) and Saturation (Saturation) - we’ll consider it.

Open the original image in Paint Shop Pro for which you want to implement an animated color change (Fig. 24). Using the Magic Wand tool, select the background, then make an inversion (Fig. 25), copy the selected area to the clipboard and paste it onto a new image with the command Edit=>Paste=>Paste As New Image (Edit=>Paste=>Paste as a new image) (Fig. 26).

Rice. 24. Original image

Rice. 25. Selecting a fragment of an image

Rice. 26. Result of inserting a selected fragment into a new image

Duplicate the original Raster 1 layer multiple times by clicking on the Duplicate Layer button in the Layer palette. To consistently change shades of color, you will need to create quite a lot of such layers; for convenience, rename them as shown in Fig. 27. After this, temporarily make all layers except Raster 1 and Raster 2 invisible, activate the Raster 2 layer and use the command Adjust=>Hue and Saturation=>Hue/Saturation/Lightness (Adjustment=>Hue and Saturation=> Hue/Saturation/Brightness) change the color, for example as in fig. 28. Make the Raster 3 layer visible and change the image color on it in the same way. Do exactly the same operations for all remaining layers.

Rice. 27. State of the Layer palette after duplicating layers

Rice. 28. Image color adjustment

Save the created multi-layered image in Paint Shop Pro's native PspImage format or in PSD format and open it in Animation Shop - in this case, the layers will be automatically converted into frames (Fig. 29). View the created animation by clicking on the View Animation button and save it using the File=>Save command in Animation GIF format with the desired optimization parameters. As a result, approximately the same animation will be obtained as shown in Fig. thirty.

Rice. 29. Initial state of the Frames window

Rice. 30. Finished animation

Let's try to edit the created animation a little - so that the colors smoothly replace each other not only in one direction, but also in the opposite. To do this, make one copy of each frame, except the first, by sequentially clicking on each frame with the right mouse button and selecting the Duplicate Selected command. Then drag the copies of the frames with the mouse so that the shades smoothly replace each other, first in one and then in the other direction, as a result the Frames window will look something like in Fig. 31. Dissonance will now be caused only by the first, brightest frame, which can be moved to the middle of the animation - there its shade will be closer to the shades of adjacent frames. To do this, select the tenth frame, right-click on it, select the command Insert Frames => Empty and click Ok - an empty frame will appear in the center. Then drag the brightest first frame onto it. View the resulting animation. It can be seen that the shade of the just moved frame is still quite different from all the other shades involved - when viewing the animation on this frame, the image changes color greatly, so it is better to delete this frame completely by selecting it and pressing the Del key.

Rice. 31. Frames window after duplicating and moving frames

View your created animation and save it as an Animation GIF with the desired optimization options. The resulting animation is shown in Fig. 32.

Rice. 32. Finished animation

Theoretically, animation with color changes can be created directly in the Animation Shop - it will be much faster thanks to the presence of the corresponding Rotate Colors effect. However, the use of this effect is limited to the automatic selection of colors and shades, which cannot be changed when setting the effect. Let's try to apply the Rotate Colors effect to a single-layer image (Fig. 33). Open the image in Animation Shop - at first only one frame will appear in the Frames window, since the image only had one layer. Apply a color changing effect with the command Effects => Insert Image Effect (Effects => Inserting an image effect) with the parameters shown in Fig. 34. The result will be the automatic generation of the 21st frame in the Frames palette (Fig. 35), saving which in the Animation GIF format, you will receive the animation shown in Fig. 36.

Paint.net – convenient and free graphics editor, which can partly replace the expensive Adobe Photoshop. Its set of tools is enough for processing photographs and creating collages. There is no way to create animation in the editor itself, and therefore you will have to additionally use free utility UnFREEz.

You will need

• - graphic editor Paint.net;
• - UnFREEz program.

Instructions

Download the UnFREEz program archive from the developer’s website, unpack it and install it on your computer. Launch Paint.net. Its interface is very similar to that of its older brother, Photoshop, so it will not be difficult to navigate if you have used this famous editor before.

To understand the principles of creating animation, it is better to start with something simple, such as captions. In the toolbar, click the "T" icon to activate the Type tool.

Specify the appropriate shade in the color palette, and the font type and size in the properties panel. Click on the "Add New Layer" icon in the Layers panel and enter text. Using the “Save As...” command from the “File” menu, save the image to the desired folder with the .jpg extension, for example, 1.jpg. This will be the first frame of the animation.

In the Layers panel, click the Duplicate Layer icon. A new layer will be created with the same name as the one being copied. If you want to rename a layer, double-click on it in the Layers panel and enter a different name.

In the “Effects” menu, go to the “Distortion” group and select the “Dents” command. Set the distortion parameters to low values ​​to begin with. If you are satisfied with the result, click OK to save. To undo unsuccessful changes, use the “Undo” command in the “Edit” menu or the Ctrl+Z keys.

Save the new image in the same folder under the name 2.jpg so as not to mix up the sequence of frames. When saving, the program in the first step will offer to select the blur level and quality of the saved picture, in the second - to merge all layers or refuse to merge. Select "Merge All Layers". After saving the image, all layers will be merged into one called “Background”. Click Undo on the Edit menu to separate them again.

Create another copy of the layer and increase the distortion settings. Save the image as 3.jpg. Repeat the operation several times. The more frames you create, the smoother the animation will be.

Open the folder with your saved gif files. Launch the UnFREEz program and drag the pictures one by one into the Frames window. In the Frame delay window, select the time interval for changing frames and click Make animated GIF. When prompted by the program, enter the name of your animation and the folder to save it (by default, the folder with the saved gif files will be suggested).

To delete a layer, click on the cross in the layers panel. You can delete layers when there are at least 2 of them.

HOW TO MAKE AN ANIMATED DRAWING IN PAINT.NET

This lesson has been prepared based on numerous questions from our visitors. In fact, there is nothing difficult in creating animated drawings. Moving pictures are supported, for example, by the most famous graphic file format GIF. Please note that it is unlikely that you will be able to make an animated JPG or BMP file, since these formats do not support frame alternation.

An example of an animated moving image in GIF format can be seen in the figure on the left. The standard file types in Paint.NET, although they include the GIF format, do not yet support the ability to save animated GIF files. Therefore, to directly create one animated GIF file from a series of frames, we use in this lesson an additional special program UnFREEz utility. This program is also absolutely free, easy to use and does not require installation. Using this program, you can combine a series of consecutive frames into one moving video. in Russian can be found on our website, where you can also find out .

How to Create Moving Movie Frames in Paint.NET

So, to create an animated video, we will need to make a series of frames. Thanks to provides work with layers, making frames is not at all difficult. For example, let's use the image of a smiley made on published on our website.

To create several frames, let's take the 3D smiley image from this tutorial and create a copy of the layer with the smiley image in the number of frames of the video we need. For this you can use, for example, - "Make a copy of layer" or copy the layer directly to .

You can’t copy layers right away, but for example, in order to make a second frame, copy the first layer, and then change the pattern on the copied layer in accordance with the idea of ​​the video. For example, we squeezed the smiley face and moved it up and down a little frame by frame. Example you can see in the picture on the left, naturally all the frames did not fit on it, but you can see the general idea.

How to save frames of a moving movie into separate files

To connect individual frames in the desired order into an animated video using the UnFREEz program, you first need to save the frames as separate files. There is nothing complicated about this either. You can, for example, copy the entire contents of the desired layer, create a new image, and paste the image copied from the layer into it. Then save it as a separate GIF file. You can select the entire image on a layer, for example, by pressing the Ctrl+A key combination. is in the instructions section on this site.

Another way, for example, is to simply turn off the visibility of layers that are not needed on the current frame, and then save the visible layers as a separate GIF image. This can be done in - "Save as". When saving as a GIF, Paint.NET will offer to merge all layers of the image, i.e. It turns out that temporarily disabled layers will disappear. But after saving the file with the frame, you can click the "Cancel" button and the last action to merge the layers will be undone, and all the layers will go back.

Please note again that to combine frames later into one animated GIF file, it is necessary that all frames have the same image size. That is, for example, if the size of the picture of one frame is 20 by 30 pixels, then the remaining frames should have the same size. The method described above for creating frames in Paint.NET ensures that this condition is met, since all frames are made from one main image.

Sections: Computer science

Purpose of the lesson: Creating an animated image on the topic: “Sea”

Lesson objectives:

1. Educational – create an animated image using the graphic editor Paint and Power Point on the topic: “Sea”
2. Educational - to promote the formation of attentiveness and independence during the lesson.
3. Developmental - development of creative thinking of students.

Lesson type: lesson in learning new material

Lesson structure.

1. Organizational stage. (2 minutes.)
2. Introductory and motivational stage. (10 min.)
3. Operational and content stage. (20 minutes.)
4. Reflective - evaluative stage. (5 minutes).
5. Homework(3 min.)

Equipment: blackboard, chalk, PC, software, teaching materials.

During the classes.

1. Organizational stage.

Hello guys, sit down. Today in the lesson we will learn how to create an animated image. What does it mean?

To create animation, use your imagination
You need to draw a drawing without delay!
You indicate the trajectory, the drawing will come to life,
He will call you into the vast world of fantasy!!

Today we will dive into the magical underwater world.

Let's draw the sea, we know a lot about this,
A wonderful octopus will swim in the sea.
He attracts with his beauty,
As the fish swim by, they bow!

2. Introductory-motivational stage (updating basic knowledge).

In the last lesson, we studied the topic: “Information coding” and carried out practical work on this topic. Answer the questions: How can information be encoded and decoded? What is coding? What is decoding? What programs and applications did we use to encode and decode information?

To remember this topic, complete a practical task on the computer. Decode the topic of our lesson.

The world of numbers and numbers is very big,
You, the student, were able to comprehend their secret!
After all, every number here stores a letter,

Decode it and read it instantly!

Decoding of information is carried out in the Notepad program. The letter is decoded by pressing the numeric code simultaneously with the Alt key.

The following text is encoded in the task:

TODAY IN INFORMATION LESSON WE WILL CREATE ANIMATION IN THE PAINT GRAPHICS EDITOR. I WISH EVERYONE FRUITFUL WORK AND A GOOD MOOD!

1. 0209 0197 0195 0206 0196 0205 0223
2. 0205 0192
3. 0211 0208 0206 0202 0197
4. 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
5. 0204 0219
6. 0193 0211 0196 0197 0204
7. 0209 0206 0199 0196 0192 0194 0192 0210 0220
8. 0192 0205 0200 0204 0192 0214 0200 0222
9. 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
10. 0208 0197 0196 0192 0202 0210 0206 0208 0197
11. 080 065 073 078 084
12. 0198 0197 0203 0192 0222
13. 0194 0209 0197 0204
14. 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
15. 0208 0192 0193 0206 0210 0219
16. 0213 0206 0208 0206 0216 0197 0195 0206
17. 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033

3. Operational and content stage. (20 minutes.)

Creating an animated image.

Work plan. Now we are going on an underwater journey, we will create the animation “Sea”.

4. Creating the “Sea” animation

1. Open the graphic editor Paint (Start – Programs – Accessories – Paint)

2. In the menu bar, select Picture – Attributes. Set parameters: height 24 cm, width 32 cm.

3. On the toolbar, select a fill and fill the document with blue.

4. Using the ellipse shape on the toolbar, draw sea pebbles (any size and quantity). Using fill, paint the pebbles with different colors.

5. Using the Curve tool, draw algae.

What boundless beauties,
What a magnificent, wonderful view,
But here we are missing something,
Calm and silence reigns.
Here the pebbles are beautiful, underwater,
Here the algae is long and green,
But the goldfish is missing,
To enjoy the beauty with feeling!
Let's draw a fish with you,
Let's do a little magic for this!

6. Save the resulting drawing. (File – Save as – picture name Sea).

7. Open the graphic editor Paint (Start – Programs – Accessories – Paint)

8. In the menu bar, select Picture – Attributes. Set parameters: height 3 cm, width 5 cm.

9. On the toolbar, select a fill and fill the document with blue.

10. Draw a fish.

11. Save the resulting drawing. (File – Save as – name of the picture Fish).

Here she is, a beauty, a golden fish,
He will swim quickly, contemplating the sea!
But so that the fish don’t get bored,
We need to create a friend for her!

12. Open the graphic editor Paint (Start – Programs – Accessories – Paint)

13. In the menu bar, select Picture – Attributes. Set parameters: height 5 cm, width 3 cm.

14. On the toolbar, select a fill and fill the document with blue.

15. Draw an octopus.

16. Save the resulting drawing. (File – Save as – picture name Octopus).

He has many legs
Who is this? Octopus!
He will swim with the fish,
And we will be carried away into the sea.

17. Open the Power Point presentation (Start – Programs – Power Point).

18. In the menu bar, select Insert – Picture – From File – Sea

19. In the menu bar, select Insert – Picture – From File – Fish

20. In the menu bar, select Insert – Picture – From File – Octopus

21. Select the object, fish, right-click and select animation settings in the menu that appears.

22. Select: Add effect – Move paths – Draw custom course-Curve. Draw an arbitrary curve.

23. Select the object, octopus, right-click and select animation settings in the menu that appears.

24. Select: Add effect – Move paths – Draw custom course-Curve. Draw an arbitrary curve.

25. Select Slide Show – Start Show from the menu bar.

The beauty of the sea is limitless,
The beauty of the sea is changeable,
Life is in motion, and this is familiar to us
Let's always move.
Seashore, fish, oceans,
There is no way to convey all the beauties,
To lift the veil of secrecy,
We need to create an animation.

4. Reflective-evaluative stage (5 min).

Lesson grades are given

5. Homework.

Create a free animated image.