How to make an animation in Painf. How to make an animation using Paint and Movie Maker
Paint.net - Comfortable free graphics editorwhich partly can replace expensive Adobe Photoshop.. The set of its tools is enough to process photos and creating collages. In the editor itself, there is no possibility to create an animation, and therefore will have to additionally use free utility Unfreez.
You will need
- - graphic editor Paint.Net;
- - Unfreez program.
Instruction
Instruction
- Download Paint.net
- Download Unfreez.
Sections: Computer science
The purpose of the lesson: Creating an animated image on the topic: "Sea"
Tasks lesson:
- Educational - Create an animated image using the Paint and Power Point graphics editor on the topic: "Sea"
- Educational - promote in the course of the lesson to form care, independence.
- Developing - Development of creative thinking of students.
Type of lesson: Lesson studying new material
The structure of the lesson.
- Organizational stage. (2 minutes.)
- An introductory and motivational stage. (10 min.)
- Operating and subsequent stage. (20 minutes.)
- Reflexive - Evaluation Stage. (5 minutes).
- Homework (3 min.)
Equipment: board, chalk, PC, software, didactic materials.
During the classes.
1. Organizational stage.
Hello guys sit down. Today in the lesson we will learn to create an animated image. What does it mean?
To the animation create turn on imagination
Figure You need to draw to you without delay!
You will point out the trajectory, the drawing will revive
In the huge world of fantasy, he will call you !!
Today we will plunge into the magical underwater world.
Draw the sea, we know that
The sea will swim a wonderful octopus.
His beauty attracts his
Fish swimming, make a bow!
2. The introductory and motivational stage (actualization of reference knowledge).
At the last lesson, we studied the topic: "information coding" and carried out practical work on this topic. Answer questions: How can I encode and decode information? What is coding? What is decoding? With what programs, we encoded and decoded information?
To remember this topic Perform a practical task on your computer. Decoding the topic of our lesson.
The world of numbers and numbers - it is very large,
His mystery to comprehend - you could a student!
After all, each digit is kept here,
It decoding and read the VMY!
Decoding of information is made in the Notepad program. The letter is decoded when the numeric code is pressed simultaneously with the Alt key.
The following text is encoded in the task:
Today, in the lesson of informatics, we will create an animation in the Paint graphics editor. I wish you all fruitful work and good mood!
- 0209 0197 0195 0206 0196 0205 0223
- 0205 0192
- 0211 0208 0206 0202 0197
- 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
- 0204 0219
- 0193 0211 0196 0197 0204
- 0209 0206 0199 0196 0192 0194 0192 0210 0220
- 0192 0205 0200 0204 0192 0214 0200 0222
- 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
- 0208 0197 0196 0192 0202 0210 0206 0208 0197
- 080 065 073 078 084
- 0198 0197 0203 0192 0222
- 0194 0209 0197 0204
- 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
- 0208 0192 0193 0206 0210 0219
- 0213 0206 0208 0206 0216 0197 0195 0206
- 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033
3. Operational and subsequent stage. (20 minutes.)
Creating an animated image.
Work plan. Now we go to the underwater journey, we will create the animation "Sea".
4. Creating the animation "Sea"
1. Open Paint Graphic Editor (Start - Standard - Paint - Paint)
2. In the menu bar, select Figure - Attributes. Set the parameters: height 24 cm, width 32 cm.
3. In the toolbar, choose the fill, and, pour the document in blue.
4. Using the Ellipse Figure on the toolbar, we draw sea pebbles (arbitrary size and quantity). Using the fill, paint pebbles with different colors.
5. With the tool, the curve is drawing algae.
What are infinite beauty,
What a magnificent, wonderful look,
But here it lacks us something,
Calm and silence reigns.
Here are pebbles beautiful, underwater,
Here, algae long, green,
But lacks gold fish,
So that with a feeling of enjoying beauty!
Let's draw a fish with you,
To do this, let's put a little!
6. We save the resulting pattern. (File - save as - the name of the picture of the sea).
7. Open Paint Graphic Editor (Start - Standard - Paint - Paint)
8. In the menu bar, select Figure - Attributes. Set the parameters: height 3 cm, width 5 cm.
9. On the toolbar, choose the fill, and, pour a document, blue.
10. Draw a fish.
11. We save the resulting pattern. (File - Save as - Fish drawing name).
Here she is beautiful, goldfish golden,
Will quickly swim, the sea contemplate!
But to not be bored for fish,
We need a friend to create her!
12. Open Paint Graphic Editor (Start - Standard - Paint - Paint)
13. In the menu bar, select Figure - Attributes. Set the parameters: height 5 cm, width 3 cm.
14. In the toolbar, choose the fill, and, pour a document in blue.
15. Draw octopus.
16. We save the resulting pattern. (File - Save as - the name of the octopus pattern).
He has a lot of legs,
Who is it? Octopus!
Fishing together saves
And we will pass into the sea.
17. Open POWER POINT (POWER POINT - POINT) presentation.
18. In the menu bar, select Insert - Figure - From the File - Sea
19. In the menu bar, select Insert - Figure - Film - Fish
20. In the menu bar, select Insert - Figure - File - Octopus
21. We highlight the object, fish, rug the right mouse button and select the animation setting in the menu that appears.
22. Select: Add Effect - Travel Path - Draw a custom course curve. Draw an arbitrary curve.
23. We allocate the object, octopus, click the right mouse button and select the animation setting in the menu that appears.
24. Select: Add Effect - Move Path - Draw a Custom Curve Curve. Draw an arbitrary curve.
25. Select the slide display in the menu bar - start showing.
Beauty by the sea is limitless,
Changeable by the sea beauty,
In movement life and it is usual
Let's always move.
Shore of the sea, fish, oceans,
All beauties can not be conveyed,
To open the veil of secrecy,
You need to create an animation.
4. Reflexive - estimated stage (5 min).
Explanted estimates for the lesson
5. Homework.
Creating a free animated image.
Svetlana Szakhtin
Any webpage is unthinkable without web animation, including without animation GIF. "For quite a long time, the Web-designers were forced to use a whole set of specialized programs from different developers. However, with the appearance of appropriate opportunities in popular 2D graphics packages. focused primarily to work with two-dimensional raster graphics and at the same time allowing you to create files in the Animation GIF format at the expense of their respective utilities, everything has become much easier. These packages include JASC Paint Shop Pro, which includes the Animation Shop program. designed to create gif animations: animated buttons, banners and other animated elements.
Paint Shop Pro and Animation Shop work in close interaction, fully compatible and perfectly complement each other, which makes it possible at the animation creation stage to repeatedly switch from one program to another and edit frame image frames in Paint Shop Pro, which ensures the change in the corresponding frames in Animation Shop. In addition, you can export layers in frames and vice versa, as well as animation in a multi-layer image. At the same time, each of these programs remains its own specialization in terms of Web graphics: as a rule, the training and editing of frames is better carried out in Paint Shop Pro, and the imposition of dynamic effects, optimization and, of course, the animation itself is in Animation Shop.
Animation Shop is distinguished by a friendly interface and a simple and convenient frame editing mode with the possibility of their turn, mirror image and trimming, as well as the presence of a wide range of tools: brushes, shapes, tools, erasing and trimming, text tools, etc. All this, together with the ability to be Works with step-by-step masters, makes it even unprofessionals to quickly create gif animations. In addition, in Animation Shop is provided big set Professional effects and filters that can be used when creating animation. The program supports efficient and convenient optimization methods that allow you to quickly find the optimal solution based on the data window displayed in its window regarding the quality of the image, its size and load speed, and significantly reduce the size of the "live" image.
Theoretical aspects of creating animated GIF "
As you know, the animation is a frame sequence, the source graphic material for which can be previously prepared both in Animation Shop and in Paint Shop Pro, and the choice of application is determined by the specific animation features.
Gif animation in Animation Shop can be created in three ways. The first and most convenient of them is to pre-prepare in the Paint Shop Pro of the multi-layer image stored in Pspimage or PSD formats and open in Animation Shop, in this case, for each individual image layer, its frame is created. Layers provide convenient way Comprehensive constructing an animated image from various graphic and text elements and allow you to apply all sorts of filters to various elements of the image, to change the degree of transparency and layer mixing mode, adjust the brightness and apply other transformations available in Paint Shop Pro, thereby ensuring a variety of effects.
The second method is a traditional option for creating animations in independent Gif-animators and consists in a sequential connection of previously created single-layer frame images using a wizard. In addition, it is theoretically possible to create a simple animation GIF "A and from scratch directly in the Animation Shop environment.
There is also a fundamentally other possibility of creating frames - the automatic formation of intermediate frames, which is significantly accelerating the receipt of smooth animations, as it disappears the need to manually create each frame. For this are determined key personnelAnd then the computer automatically generates everything that must be between them, in accordance with the effect defined in the program (rotation, movement, change in color characteristics, etc.). but this feature 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 cases of life), and if the intended principle of frame changes in the number of existing effects is not included, then all intermediate frames will have to be created manually in Paint Shop Pro .
Export and update animation
As it was already noted, at the animation creation stage, you can switch between Paint Shop Pro and Animation Shop programs, though only when you enabled the Export Frames to Paint Shop Pro As Layered Images (export frames in Paint Shop Pro as image layers) in the Animation Shop program. To do this, use the command File \u003d\u003e Preferences \u003d\u003e General Program Preferences \u003d\u003e Layered Files (File \u003d\u003e Settings \u003d\u003e Basic Program Settings \u003d\u003e Multilayer Files) and enable the specified check box (Fig. 1). In this case, if you need to edit one or all frames of the animation, it will be enough to export selected frames from Animation Shop in Paint Shop Pro in one of the following ways:
Select the command file \u003d\u003e Export Frames \u003d\u003e to Paint Shop Pro (File \u003d\u003e Export frame \u003d\u003e in Paint Shop Pro);
Click on the Export Frames to Paint Shop Pro (Export of frames in Paint Shop Pro) in the toolbar;
Right-click on the highlighted frames and select the Export Frames to Paint Shop Pro command from the pop-up menu (Export frames in Paint Shop Pro).
Fig. 1. Enabling frame exports to Paint Shop Pro
Then you need to make the desired conversion in the Paint Shop Pro environment and close the file without saving - in this case the program will task the question regarding the need to update the corresponding frames in Animation Shop. With a positive response, all changes made to Paint Shop Pro will be transferred to the animation open in Animation Shop, which can be viewed.
Another option to update the animation from Paint Shop Pro is also provided: without closing the Paint Shop Pro file, use the Edit \u003d\u003e Update Back to Animation Shop command (Editing \u003d\u003e Update changes to Animation Shop). Then switch to Animation Shop and break the connection between the animation and temporarily created by the multi-layer image using the File \u003d\u003e Export Frames \u003d\u003e Break Link with Exported Frames command (File \u003d\u003e Export frames \u003d\u003e Broken communication with exported frames). The last action is necessary because without breaking the connection next steps In Animation Shop will be impossible.
Unfortunately, it is worth recognizing that both options are not very convenient, as it is impossible to create a spectacular animation, once resorted to the frame editing procedure in Paint Shop Pro. Most often, edit frames, update the animation, view the result and re-edit it is repeated. And every time you need to export frames in Paint Shop Pro. It is obvious that the second option is just designed to repeatedly edit a multilayer image with a regular update of animation, but it is not fully implemented and therefore practically does not give anything, allowing you to update the animation and forbid any actions in Animation Shop, and most importantly - view Animation. I would like to believe that in the following versions of Paint Shop Pro and Animation Shop, this unpleasant nuance will be eliminated.
Work with personnel
The main in the development of animation is the Frames window, in which the frames themselves are located (Fig. 2). To work with a specific frame, it is enough to select it in this window and subjected to the desired transformations - edit, impose an effect, change properties, etc. Selection of several frames is carried out in the usual way when the Ctrl or Shift keys are pressed, and immediately all frames can be allocated by command Edit \u003d\u003e Select All (edit \u003d\u003e Allocate all).
Fig. 2. Window Frames: With an abbreviation F, the frame number is specified, and with the abbreviation D - its duration in hundredths of seconds
With respect to frames, you can perform the simplest transformation: turns and mirror reflections (the Animation menu - animation), as well as carry out a reverse, changing the direction of the frames to the opposite by the ANIMATION \u003d\u003e REVERSE FRAMES command (animation \u003d\u003e Reversion frames).
The most interesting when working with frames is the imposition of effects on them that allow you to link frames with each other with a wide variety of transformations (Fig. 3). All effects are in the Effects menu (effects) and are divided into three groups: image displacement 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 part of the specified commands (they start with the words insert ...) automatically leads to the generation of a whole series of intermediate frames providing smooth transition Between manually created by the source frames. In turn, the Apply Image Effect and Apply Text Effect commands are imposed on the selected frames without the formation of intermediate frames.
Fig. 3. Overlaying effect DISSOLVE (dissolution)
View and change the animation properties
In the Animation Shop window, you can immediately watch the result by clicking on the View Animation button, and if necessary, and make the required changes, for example, adjust the delay duration of one or more frames, etc. Default display delay in all frames is equal to one hundredth of a second, and in This case frames replaced each other almost instantly. However, the playback time for each frame can be easily changed using the ANIMATION \u003d\u003e FRAME PROPERTIES \u003d\u003e DISPLAY TIME (Animation \u003d\u003e CDA properties \u003d\u003e display time).
In addition, it is not difficult to configure the color of the animation background, using the Animation \u003d\u003e Animation Properties \u003d\u003e Canvas Color (animation \u003d\u003e animation properties \u003d\u003e Canvas color), as well as resolve the frame size using the Animation \u003d\u003e Resize Animation (Animation \u003d\u003e Change animation size) (Fig. 4).
Fig. 4. Changing the sizes of animation frames
Conservation and optimization of animation
At the end of the work, the program allows you to save the animation file with optimization, that is, with a reduction in volume by reducing the number of colors, eliminating information about static areas of the image, etc. (Fig. 5) using the File \u003d\u003e Save command (File \u003d\u003e Save) (only when you first save) or by calling the Optimization Wizard optimization wizard (File \u003d\u003e Optimization Wizard). It is worth noting that, firstly, the program shows the optimization result at the optimization stage in the preview window, and secondly - on the finish, it tells the size of the compressed file in comparison with the original and the time of loading it at various connection options (Fig. 6) . All this in the complex helps to select the final version of the optimized file, finding reasonable compromise between image quality and its size.
Fig. 5. Determination of optimization parameters
Fig. 6. The result of the compression of the animation file when optimizing
In the end will be created compressed file In the Animation GIF format, which, if necessary, the refinement can be downloaded at any time with the File \u003d\u003e Open command (File \u003d\u003e Open) and the desired way is converted.
Gif-animation in practice
Different options for animations traditionally used in Web design and have become already classic, incredibly many. These are a variety of variants of moving both text in general or its individual characters and other objects; All kinds of transformation of objects and various turns. In addition, objects can flash and shifted literally to all frets, change their color, dissolve, emit and slowly manifest itself, decrease and increase, etc. Due to the immentation of the topic, we do not put our task to cover everything and all and dwell only on several examples that can demonstrate the possibilities of an effective combination of the Paint Shop Pro package functionality with the Animation Shop utility.
Animation scaling
This effect is often practically equally applied to both text and other objects and is implemented using the programs under consideration is extremely simple.
To obtain zoom animation, 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 a vector layer into raster by right-clicking on it and selecting the Convert to Raster Layer command in the raster layer). Then, combine both layers by right-clicking on one of them and selecting the Merge \u003d\u003e Merge All command (merge \u003d\u003e Combine all).
Fig. 7. Original image
Fig. 8. Layer palette
Save the created single-layer image in your own Paint Shop Pro format and open it in Animation Shop, which will lead to the formation of a single frame (Fig. 9). Enter the zoom effect (zoom) using the EFFECTS \u003d\u003e INSERT image transition command (effects \u003d\u003e Insert the image shift effect) when the parameters specified in Fig. 10. As a result, a whole series of frames will be formed - approximately as in Fig. 11. Review the created animation by clicking on the View Animation button, and save it using the File \u003d\u003e Save command in the Animation GIF format with the desired optimization parameters. As a result, approximately the same animation will be obtained as presented in Fig. 12.
Fig. 9. The initial state of the Frames window
Fig. 10. Selection and configuration of the Zoom effect
Fig. 11. Window Frames After applying the ZOOM effect
Fig. 12. Finished animation
Animation with blinking effect
Let's try to create a flashing text that is traditionally used in the Web design. Open Paint Shop Pro, create a new drawing and print arbitrary text on a white background, for example, in Fig. 13. At the same time, open the auxiliary file with which you are going to make the effect of flashing (Fig. 14).
Fig. 13. Original text
Fig. 14. Auxiliary image
Selection tool Highlight an arbitrary rectangular area on auxiliary image, copy it to the clipboard and paste as a new layer to source text using the Edit \u003d\u003e Paste \u003d\u003e Paste As New Layer command (editing \u003d\u003e Paste \u003d\u003e Paste as a new layer) over stock layer with text. Then temporarily make a new raster layer invisible, go to the layer with the text, highlight the Magic Wand tool outside the text. Return to the raster layer with the embedded image and press the DEL key to clean the selected area outside the letters. As a result, the text will take about this species as in Fig. 15, and the layer window will look in accordance with Fig. sixteen.
Fig. 15. Text after removing unnecessary image fragments
Fig. 16. Layer palette status as a result of a raster layer adjustment
Remove unnecessary for future animation background layer background and vector layer with text. Duplicate the remaining raster layer and on the copies obtained, reduce the opacity of the layer with a suitable way, for example, up to 80% (Fig. 17 and 18).
Fig. 17. Final type of text
Fig. 18. Final view of the Layer palette
Save the created two-layer image in your own Paint Shop Pro - Pspimage format or in PSD format (in both cases, the layers will be saved) and open it in Animation Shop. When opening a multilayer image, the layers will be automatically converted to frames (Fig. 19). Browse the created animation by clicking on the View Animation button, the result will be not very good: the letters do not look too spectacularly on the black background installed by default and flashing is too fast. To change the animation background, use the ANIMATION \u003d\u003e ANIMATION PROPERTIES \u003d\u003e CANVAS COLOR (animation \u003d\u003e animation properties \u003d\u003e Canvas color) and install the white color (Fig. 20 and 21). To slow down the shift speed, select both frames in the Frames window, open the Frame Properties \u003d\u003e Display Time command (Frame Properties \u003d\u003e Display Time) From the Animation Time and Change the duration of the frame delay, for example as in Fig. 22. Once again, look at the animation, and if the result is satisfied with you, save it using the File \u003d\u003e Save command in the Animation GIF format with the desired optimization parameters. As a result, approximately the same animation will be obtained, which is presented in Fig. 23.
Fig. 19. The initial state of the Frames window
Fig. 20. Changing the background color in the Animation Properties window
Fig. 21. Frames after changing the color of the canvas
Fig. 22. Changing the scrolling speed in the Frame Properties window
Fig. 23. Finished animation
Changing color in animation
Color in animation can be changed different waysIn extreme cases, simple creation of frames in which objects will be repainted manually. But there is a more convenient way: by adjusting the HUE parameters and saturation (saturation) - and consider it.
Open the original image in the Paint Shop Pro for which it is necessary to implement an animated color change (Fig. 24). Highlight the Magic Wand tool, then make an inversion (Fig. 25), copy the selected area into the clipboard and insert it to a new image with the Edit \u003d\u003e Paste \u003d\u003e Paste As New Image (editing \u003d\u003e Paste \u003d\u003e Paste as a new image) (Fig. 26).
Fig. 24. Source image
Fig. 25. Selection of image fragment
Fig. 26. The result of insertion of the selected fragment into a new image
Multiplely duplicate the Raster 1 source layer, clicking on the Duplicate Layer button (duplicate layer) Layer palettes. For a consistent change of shades of the color of such layers, it will be necessary to create quite a lot; For convenience, rename them in such a way as shown in Fig. 27. After that temporarily, do all the layers, with the exception of the layers of Raster 1 and Raster 2, invisible, activate the Raster 2 layer and using the Adjust \u003d\u003e Hue and Saturation \u003d\u003e Hue / Saturation / Lightness command (adjustment \u003d\u003e Tint and saturation \u003d\u003e Hue / Saturation / Brightness) Change the color, for example as in Fig. 28. Make a visible layer of Raster 3 and change the color of the image in the same way. Exactly the same operations for all remaining layers.
Fig. 27. Layer palette status after duplication of layers
Fig. 28. Image color adjustment
Save the created multi-layer image in your own Paint Shop Pro - Pspimage - or in PSD format and open it in Animation Shop - in this case, the layers will be automatically converted to frames (Fig. 29). Browse the created animation by clicking on the View Animation button, and save it using the File \u003d\u003e Save command in the Animation GIF format with the desired optimization parameters. As a result, approximately the same animation will be obtained as presented in Fig. thirty.
Fig. 29. The initial state of the Frames window
Fig. 30. Finished animation
Let's try a little conjunction created by the animation - so that the colors smoothly replaced each other not only in one direction, but also in the opposite. To do this, make one copy of each frame, except for the first, sequentially clicking on each frame with the right mouse button and selecting the duplicate selected command (duplication of the selected frame). Then drag copies of frames so that the shades smoothly change each other first in one, and then in the other direction, as a result, the Frames window will take the appearance as in Fig. 31. The dissonance will now call only the first, the brightest frame that can be moved to the middle of the animation - there it will be closer to the shades of the frames of frames. To do this, select the tenth frame, click on it right-click, select the Insert Frames \u003d\u003e Empty command and click OK button - an empty frame appears in the center. Then drag it the brightest first frame. Browse the resulting animation. It can be seen that the shade just displaced frame is still quite different from all other shades involved - when viewing the animation on this frame, the image strongly changes color, so it is better to delete this frame at all, highlighting it and pressing the DEL key.
Fig. 31. Frames window after duplication and travel
Browse the created animation and save it in Animation GIF format with the desired optimization parameters. The resulting animation is shown in Fig. 32.
Fig. 32. Finished animation
Theoretically, the color animation can be created and directly in Animation Shop - this will be much faster due to the presence of the corresponding Rotate Colors effect (colors in a circle). However, the use of this effect is limited by automatic selection of colors and shades that cannot be changed when setting up the effect. Let's try to apply the Rotate Colors effect on a single-layer image (Fig. 33). Open the image in Animation Shop - only one frame appears in the Frames window, since the image had only one layer. Take the effect of changing colors with the Effects \u003d\u003e Insert Image Effect command (effects \u003d\u003e Insert image effect) when the parameters specified 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 get the animation shown in Fig. 36
This lesson is prepared on numerous issues of our visitors. In fact, there is nothing complicated in creating animated patterns. Moving pictures support, for example, the most famous format of GIF graphic files. Note that make an animated jPG file Or BMP is unlikely to succeed, since these formats do not support personnel alternation.
How to Create Frames Moving Roller in Paint.Net
![](https://i0.wp.com/paint-net.ru/img/0319.jpg)
So, to create an animated roller, we will need to make a series of frames. Due to what ensures work with the layers, it is not difficult for footballs. For example, we use the image of the emoticon made at the Paint.Net lesson how to draw a three-dimensional smile, published on our website.
To create several frames, take an image of a three-dimensional smile from this lesson and create a copy of the layer with the image of the emoticon in the amount of how many frames of the roller we need. To do this, you can use, for example, the "layer" menu - "make a copy of the layer" or copy the layer directly in the "Layers" window. Paint.Net.
Copy layers can not be copied immediately, but for example, to make the second frame, copy the first layer, after which it is possible to change the pattern on the copied layer according to the idea of \u200b\u200bthe roller. We, for example, squeezed the smiley and moved it up and down a little slight frame behind the scenes. The example of the "layers" layers "Paint.NET can be seen in the picture on the left, naturally all frames did not fit on it, but you can see the common idea.
How to save frames moving roller into separate files
To connect individual frames in the desired order into an animated roller using Unfreez program, you must first keep the frames as separate files. There is nothing complicated in this. You can, for example, copy the entire contents of the desired layer, create a new image, and insert into it, copied from the layer image. After that save as a separate GIF file. Select all the image on the layer can be, for example, by pressing the Ctrl + A key combination. Description of the remaining hot-keys Paint.net is in the section Instructions on this site.
![](https://i0.wp.com/paint-net.ru/img/0320.jpg)
Another way can, for example, simply disable the visibility of the layers that are not needed on the current frame, after which it is possible to save visible layers as a separate GIF pattern. You can do this in the Paint.NET menu "File" - "Save As". When saving in GIF format Paint.NET will offer to combine all the image layers, i.e. It turns out that temporarily disconnected layers will disappear. But after saving a file with a frame, you can click the "Cancel" button in the horizontal Paint.NET panel and the last action on the combination of the layers will be canceled, and all layers will return back.
Once again, note that to combine the following framework by the Unfreez program to one animated GIF file, it is necessary that all the frames would have the same image size. Those., For example, if the size of the pattern of one frame 20 is 30 points, then the other frames must have the same size. The described method of creating frames in Paint.Net ensures that this condition is fulfilled, since all frames are made from one main picture.
How to make an animated pattern in paint.net
![](https://i2.wp.com/paint-net.ru/imgs/animated_gif_smile_paint_net.gif)
This lesson is prepared on numerous issues of our visitors. In fact, there is nothing complicated in creating animated patterns. Moving pictures support, for example, the most famous format of GIF graphic files. Please note that the Animated JPG or BMP file is unlikely to do, as these formats do not support frame alternation.
An example of an animated moving image in GIF format can be seen in the picture on the left. Standard file types in Paint.Net, although include GIF format, but still do not support the ability to save animated GIF files. Therefore, directly to create a series of frames of one animated GIF file, we use an additional one in this lesson. special program UNFREEZ utility. This program is also absolutely free, easy to use and does not require installation. With this program, you can connect a series of consecutive frames into one moving video. In Russian can be found on our website, you can also find out .
How to Create Frames Moving Roller in Paint.Net
![](https://i2.wp.com/paint-net.ru/img/0319.jpg)
So, to create an animated roller, we will need to make a series of frames. Thanks to Provides work with layers, no frames are not difficult. For example, we use the image of the emoticon made on published on our website.
To create several frames, take an image of a three-dimensional smile from this lesson and create a copy of the layer with the image of the emoticon in the amount of how many frames of the roller we need. For this you can use, for example, - "Make a copy of the layer" or copy the layer directly in .
Copy layers can not be copied immediately, but for example, to make the second frame, copy the first layer, after which it is possible to change the pattern on the copied layer according to the idea of \u200b\u200bthe roller. We, for example, squeezed the smiley and moved it up and down a little slight frame behind the scenes. Example You can see in the figure on the left, naturally all frames did not fit on it, but you can see the overall idea.
How to save frames moving roller into separate files
To connect individual frames in the desired order into an animated roller using the Unfreez program, you must first save frames as separate files. There is nothing complicated in this. You can, for example, copy the entire contents of the desired layer, create a new image, and insert into it, copied from the layer image. After that save as a separate GIF file. Select all the image on the layer can be, for example, by pressing the Ctrl + A key combination. There are in the section Instructions on this site.
![](https://i1.wp.com/paint-net.ru/img/0320.jpg)
Another way can, for example, simply disable the visibility of the layers that are not needed on the current frame, after which it is possible to save visible layers as a separate GIF pattern. You can do it in - "Save as". When saving in GIF format Paint.NET will offer to combine all the image layers, i.e. It turns out that temporarily disconnected layers will disappear. But after saving a file with a frame, you can click the "Cancel" button. And the last action on the combination of the layers will be canceled, and all layers will return back.
Once again, note that for the union, then frames In one animated gif file, it is necessary that all the frames have had the same image size. Those., For example, if the size of the pattern of one frame 20 is 30 points, then the other frames must have the same size. The described method of creating frames in Paint.Net ensures that this condition is fulfilled, since all frames are made from one main picture.