WikiHow works like a wiki, which means that many of our articles are written by multiple authors. This article was produced by 28 people, including anonymously, to edit and improve it.

Using simple software (such as Paint and Movie Maker), you can create your own animations for Youtube and other sites on the Internet. In addition, this article will introduce you to free (or very cheap) programs that make making animation much easier than you thought without learning Flash and other complex programs.

Steps

    Decide what you want to animate. Before you start drawing, you need to come up with a good (or better yet, great!) story. Wikihow has a couple of articles to help you: "how to write a short story" would be a good place to start. remember, that good story consists of introduction, climax and conclusion.

    Storyboard your script (translate into a series of drawn pictures). See Wikihow articles for storyboarding tips.

    Let's start making animation! Open MS Paint (or any other image processing software such as JASC Paint Shop Pro). PSP is a fairly simple program, although there are some slight learning curves. Best of all, the PSP allows you to add bits that will move in your animation as layers. Then, you'll move the layer to get the effect of movement (vs. re-cropping the entire frame, or "cel").

    Draw the first frame (or import a photo). Make sure you do everything the way you wanted, otherwise you will be very angry at the outcome and waste your time.

    Save this to the Images of the program you used (or better yet, copy it to the Animations of the program). GIF animations(GIF-A) are free and recommended for your first animation. You can also check out the JASC Animator program (the "trial" version never ends). Animation programs will speed up the process in many of the following ways.

    Make the adjustments you want to make for the next shot. This is an animation, so you have to do everything step by step. Each frame is usually just a little different from the previous one. If you know about "layers" and are using a PSP, then you can achieve this with mouse movement.

    It is important to save photos (or better yet, an animation file) in Windows Movie Maker (MM). Do this when you finish a scene. Drag them down to the storyboard panel. You will do this many times until you create your creation.

    Add a title and special effects. Once all the pictures are the way you want them to be, it's time to add special effects, parts, titles, whatever you need.

    Adding sound: this is necessary for an entertaining film. MM has a sound editor, but it is constantly glitchy, difficult to change, and can reboot without warning (often requiring a hard reboot). You can edit the sound in any other program (for example, CoolEdit, but it must have a suitable package), then drag the finished file into MM. You can simply and free download the sounds you need from the Internet.

    Don't forget about external sounds. This is a random background sound, usually something like a dull murmur; If you don’t have one, then the transition from “conversation” to complete silence will be very noticeable. You can insert a soundtrack as a background, but if this is not possible, you should never (almost never) have no sound at all. To do this, you'll once again need a program like Cooledit to process the audio: you insert the background (or music) soundtrack into one channel, and your speech and sound effects into another channel.

  1. Look for examples of animation using the programs mentioned in this article. Look at www.youtube.com (and search for "nzfilmprof" there). "Kiwi Kids" has many examples of young students using Paint; and other examples made using PSP.

    • Perfect lip-speech sync is not required. when a character speaks, a simple movement of the mouth and lips is usually sufficient, but they do not have to match the speech exactly. If you add a few more movements in between (squinting, averting your eyes, raising and lowering your eyebrows like in the LBJ show) and tilting your head a little to the left or right, the end result will be quite appropriate.
    • Think about integrity. For example, if a missile is fired from the left in a certain sequence, then it should be shown on the left if/when it hits something (as correctly shown in Stuff and Nonsense). However, the introduction of this clip is spoiled when it cuts from the cacophony of a rock song to people sleeping on (and under!) beds.
    • Don't use too many different transition effects; you don't want to "take the viewer out of the story" (that is, distract him). MM offers 25 types of transitions, but 95% of the time, fade in/fade out will be your best choice.
    • Move your eyes, do it. Cut out two eye holes on the face. Draw (or photograph) matching eyes. Now, using layers, place both eyes on one layer BEHIND the head layer. All that will be visible through the eye holes you cut out will be the eyes. With a click of the mouse, you can move your eyes back and forth simultaneously. This method (appropriately adapted) also works well for animating the mouth when your character speaks.
    • The viewer's eyes and brain catch a lot of action, as in the example where the news representative throws his hands in the air in a state of alarm. Only two positions (hands down and hands up) are needed to show this action (the viewer's brain will fill in the "missing" frames).
      • When using MM, wait until "all" your pictures are in the order you want for the final movie. Then add any titles, captions, sound, etc. Otherwise, if you add a clip in the middle, EVERYTHING (sound, titles, etc.) after the point will require changes.
    • Just as with the case above, two or three positions are required to show the rotation of the mill; After the windmill has made one revolution, you can make it rotate endlessly by repeating these three frames. Anything like this (like moving targets in a shooting range) can be done with a few repeating frames.
    • Frame size, depends on image quality and requirements software. Setting the image size above 1024x768 is good for smooth edges on your frames. However, if you plan to upload the clip to YouTube, this will reduce the size of your images to 320 x 280 anyway. Also, the larger your images, the slower MM will run (and this will reduce the size of the animation). Also, if you're using GIF -A, pick one frame size and stick with it. If you use different sizes, GIF won't do the job well.
    • Animation often relies on gags. Knowing the "rule of three" is invaluable. Show action. Show it again (with small change). The third time you start showing the action, the viewer will think, “I know what's going to happen!” HERE, the third time you CHANGE the action dramatically, surprising (and hopefully amusing) the viewer. Check out the bee sequence in "Kiwi Kids Stuff and Nonsense" on Youtube for an example (Stuff also has some examples of fourteen-year-old animation in Paint).
    • Diversify your plans: close-ups, mid-shots, long-shots, low-angle, high-angle, etc. Also, if two (or more) characters are talking, switch from a group shot to one person and back again for variety.
    • It will look more believable if you make a drawing, a statue, some kind of fictional creature move than a face. Why? We all know how a face moves, and it becomes ridiculous if it doesn't move the way we expected. For fictional characters, you can deviate a little more from the norm.
    • The first thing visible on the screen, is an establishing shot that helps the viewer understand where he is. This is an optional requirement, but the norm. The reverse strategy is where you start with a group shot and then pull the camera back to show that what you started with is part of something larger. This technique is known as "opening".
    • Once you've animated a short clip, you can use JASC Animator to select parts of the scene (usually a close-up of a face) and create a second clip. This gives you two animations for one main one, and helps you vary your shots.
    • Typically, for animation, only a few positions (sometimes as few as two or three) are needed to make the action look realistic.
    • Some drawing skills can be useful for creating animation (if you are, in fact, going to draw your own frames). If your drawings or pictures don't look good enough, then your animation won't do very well... no matter how well it's done. However, if you are making animation using photographs as the main block, even with little drawing skills you can achieve an acceptable result.
    • Here is the right software that can really help you:
      • GIF Animator, JASC Animator, or any other equivalent. You may encounter that "GIF Advanced Animator" will start to glitch, and the seller will refuse to respond to emails.
      • Abrosoft FantaMorph costs $100 but will rotate, pan and scan. It will generate approximately 100 of the intermediate frames, including the opening and closing frames. It's not perfect, but his help desk will be responsive and will make changes if the product is not of good quality.
      • CoolEdit (or any other software packages sound processing).
      • Boilsoft (costs about $30) allows you to put small animations together. This not only avoids the limitations of MovieMaker, but also makes editing easier (it's easier to edit a 2-minute clip than one 10-minute one).
    • You can easily create transitions,using software morphing, which 20 years ago required a team of skilled technicians to work for months. One option is Abrosoft FantaMorph, but there are many others. Consider the following example: First, Big Jim looks at the Star Cafe crew on his porch (gaze shot), then his gaze slowly moves to the Cafe. Finally, what Jim saw is now what the viewer sees.
    • Compose your background carefully. Consider combining elements from several photographs and/or other illustrations to get "that effect". Then place your characters (yes, using layers!) on top of the background; with a mouse click, you can move them around without special effort. In this example (heavily modified) old stoves, pots, pans and pancakes are glued on top of the tile floor and against the window. PSP backlight function, gives an explosion effect. The stove (on its layer) will be remade as if it is dancing on the floor.

    Warnings

    • Don't use other people's drawings, photographs, or creative works without their permission, and be respectful when asking for permission. On the one hand, you will not have the right to make money on Youtube, but your video will be extremely popular.
    • Copyrighting songs is a gray area: Youtube does have an algorithm that looks for songs that are copyrighted, however unless someone important (like Disney or Warners) complains then your video won't be banned.
    • When MovieMaker Fails it often produces error messages that make you nervous (to say the least). The MM will complain about the lack of "virtual memory" or something like "could not save the file in the specified location." These are meaningless messages. Basically, you could have exceeded the MM resources on your PC. You must reduce the file size, or split the animation in half, or reduce the frame sizes.
    • Keep it short! For example, Youtube limits the upload length to no more than 15 minutes. Honestly, it's rare that animation can keep a viewer's interest for more than five minutes.
    • Movie Maker has its limits. You may not know that the clip is more than two minutes long until it starts working. To make a 4 minute animation usually requires you to paste two 2 minute files together (using a program like Boilsoft, but there are others).

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 format graphic files GIF. Please note that make it animated JPG file or BMP is unlikely to work, since these formats do not support frame interleaving.

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 the fact that it allows you to work with layers, making frames is not at all difficult. For example, let's use the image of a smiley made in the Paint.NET lesson "How to draw a 3D smiley" 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. To do this, you can use, for example, the menu "Layer" - "Make a copy of layer" or copy the layer directly in the "Layers" window Paint.NET.

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. You can see an example of the Paint.NET "Layers" window in the figure 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 as separate file GIF. You can select the entire image on a layer, for example, by pressing the Ctrl+A key combination. Descriptions of other Paint.NET hotkeys are 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 the Paint.NET menu "File" - "Save As". When saving to GIF format 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 "Undo" button in the horizontal panel of Paint.NET and the last action to merge the layers will be canceled, and all the layers will go back.

Please note once again that in order to then combine frames with the UnFREEz program 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.

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. Standard types files 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.

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 especially for additional visualization important points 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 required slide component and click on it right click mouse and select “Animation Options” or similar values.

The 2016 version of Microsoft Office 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. The options are scrolled through with control arrows, and you can also expand the full list of standard types.

This method produces quick addition 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 difficult conditions to start 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 small examples, because the 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 at the dawn of existence 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 you create " hotkey", which triggers playback of a variety of effects.

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

View the 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

IN currently animation 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 voiceovers or add your own sound file(paragraph "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, an additional settings window will appear 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 to work 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 to work 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 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 to pre-prepare a multi-layer image in Paint Shop Pro, saved in PspImage or PSD formats and opened in Animation Shop - in this case, a separate 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 serial connection pre-created single-layer frame images 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. For this purpose, it is determined key frames, 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, change in 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 action is necessary because without breaking the connection, further actions in the Animation Shop will be impossible.

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 these commands (they begin with the word Insert...) automatically leads to the generation of a whole series of intermediate frames, ensuring a smooth transition between manually created 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 its loading time for various connection options (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 in your own Paint format Shop Pro and open it in Animation Shop, which will result in a single frame (Fig. 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 desired optimization parameters. 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 deletion unnecessary fragments Images

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 using the command Effects=>Insert Image Effect (Effects=>Insert 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.