Drawings for animation in paint. How to make animation in Paint? Theoretical aspects of creating animated gifs

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 the 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 graphics 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.

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 masters, 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 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 a convenient way to compositionally build an animated image from various graphic and text elements and allow you to apply to various elements images, various filters, 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 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 duration of the delay 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, it will be created compressed file in 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 Paint Shop Pro's native format 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 desired optimization parameters. As a result, approximately the same animation will be obtained as shown in Fig. 12.

Rice. 9. Initial state window frames

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 create 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 command Edit=>Paste=>Paste As New Layer (Edit=>Paste=>Paste as a new layer) 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 the Del key 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, in extreme cases, by simply creating 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.

How to make an animation in Paint and got the best answer

Answer from Alexey Khoroshev[guru]
The free Paint.Net program, despite the apparent simplicity of its interface, is multifunctional and with its help you can create amazing, wonderful things.
What is animation? These are sequentially changing pictures (frames), very similar to a slide show, only the frames change faster than usual and the pictures (frames) for creating animation are saved in the “gif” extension, and not in “jpeg” or “jpg”, as usual We are used to saving pictures.
The point is, to create animation, you need additional program an interpreter that works with images in the “gif” extension.
There are many such programs, but we will take you to the UnFREEz program, the utility of which performs only one function - it makes animated moving files.
The UnFREEz program is free, downloads quickly, takes up very little space, works clearly, quickly and does not require installation, the archive that you downloaded is the program itself.
Downloaded, unzipped and you can use it.
The program interface contains a window into which you upload pictures, only three operating buttons and setting the frame alternation time in centiseconds (1/100 of a second).
The checkbox is responsible for “playing” videos from uploaded frames in a circle.
To upload pictures (by dragging them with the mouse), you need to all have the same size and in the “gif” extension.
That's all. It’s already becoming clear how animation is done; all we have to do is make these pictures (frames) in Paint.Net.
Open Paint.Net, go to the “Effects” menu, and check if we have the “Point Warp” plugin on the editor.
Here you can download the “Point Warp” plugin:. ru/soft/base/point_warp/point_warp_11/ Remove the space.
Place it in the Effects folder - (C:Program FilesPaint.NETEffects), the plugin will install itself, if not immediately, then when you open the editor again.
Open the image in Paint.NET.

Paint.net is a convenient free graphic editor that can partly replace 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 the free UnFREEz utility.

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.

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 it as a separate GIF file. 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 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 in the horizontal panel of Paint.NET and last action merging the layers will be canceled and all layers will return back.

Please note 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.