How to make animation with Paint and Movie Maker. How to animate in paint Adding an animation effect

This lesson has been prepared in response to numerous questions from our visitors. In fact, there is nothing difficult in creating animated drawings. Moving pictures are supported, for example, by the best-known image 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 sequencing.

How to Create Moving Movie Frames in Paint.NET

So, to create an animated video, we need to make a series of frames. Due to the fact that it provides work with layers, it is not at all difficult to make frames. For example, let's use the image of a smiley made in the Paint.NET lesson "How to draw a three-dimensional smiley" published on our website.

To create several frames, take the three-dimensional smiley image from this lesson and create a copy of the smiley image layer in the number of video frames we need. To do this, you can use, for example, the menu "Layer" - "Make a copy of the layer" or copy the layer directly in the "Layers" window of Paint.NET.

You can copy layers not immediately, but for example, in order to make a second frame, copy the first layer, and then change the picture on the copied layer in accordance with the idea of ​​the video. For example, we squeezed the smiley 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 frames do not fit on it, but you can see the general idea.

How to save motion picture frames to separate files

To combine individual frames in the desired order into an animated movie using the UnFREEz program, you first need to save the frames as separate files. This is also not difficult. You can, for example, copy all the 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. The rest of the Paint.NET hotkeys are described in the instructions section of this site.

In another way, you can, for example, simply turn off the visibility of layers that are not needed in 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 in GIF format, Paint.NET will offer to merge all layers of the image, i.e. it turns out that the temporarily disabled layers will disappear. But after saving the file with the frame, you can press the "Undo" button in the horizontal panel of Paint.NET and the last action to merge layers will be canceled, and all layers will be returned back.

Note again that to combine the 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 rest of the frames must have the same size. The described above method of creating frames in Paint.NET ensures that this condition is met, since all frames are made from one main picture.

WikiHow works like a wiki, which means that many of our articles are written by multiple authors. To create this article, 28 people, some anonymous, worked to edit and improve it over time.

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 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, great!) Story. Wikihow has a couple of articles to help you: "How to write a short story" is a good start for you. Remember, a good story consists of an introduction, a climax, and a conclusion.

Storyboard your script (translated into a series of hand-drawn pictures). See articles on Wikihow for storyboarding tips.

Let's start making animation! Open MS Paint (or any other image processing software like JASC Paint Shop Pro). PSP is a fairly straightforward program, although it has some learning difficulties. Most importantly, in PSP, you can add bits that will move in your animation as layers. Then, you will move the layer to get the effect of motion (against the reshaping of the whole frame, or "cel").

Draw the first frame (or import a photo). Make sure you do it the way you want it, otherwise you will get very angry with the outcome and waste your time.

Save this to the Pictures of the program you were using (or better copy it to the Animations of the program). GIF animations (GIF-A) are free, and are recommended for your first animation. You can also watch the JASC animator program (the "trial" version never ends). Animation programs will speed up the process in many of the above 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 slightly different from the previous one. If you know about "layers" and are using PSP, then you can achieve this with a mouse movement.

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

Add 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.

Add sound: this is necessary for a spectacular film. MM has a sound editor, but it is constantly buggy, difficult to modify, and can reboot without warning (often requires 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 to MM. You can download the sounds you need from the net simply and free of charge.

Don't forget about external sounds. This is a random background sound, usually something like a dull murmur; if you don't have that, 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 a complete lack of sound. To do this, you once again need a program like Cooledit for sound processing: you insert the background (or music) soundtrack into one channel, and your speech and sound effects into another channel.

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

   • Perfect lip sync and speech is not required... when the character speaks, as a rule, a simple movement of the mouth and lips is sufficient, but they do not have to accurately match the speech. If you add a few more movements in between (squint, look away, raise and lower your eyebrows, like in an LBJ show) and tilt your head slightly to the left or right, then the end result will be quite suitable.
   • Think about integrity. For example, if a rocket is fired from the left in a specific sequence, then it should be shown to the left if / when it hits something (as correctly shown in Stuff and Nonsense). However, the intro of this clip is spoiled when there is a transition from the cacophony of a rock song to people sleeping on (and under!) Beds.
   • Don't use too many different transition effects; you do not want to "take the viewer out of the story" (that is, to distract him). MM offers 25 types of transitions, but 95% of the time, fade in / out will be your best bet.
   • Move your eyes, do it. Cut out two eye holes on the face. Draw (or photograph) matching eyes. Now using layers, place both eyes one layer BEYOND the head. Anything that will show through the eye holes you cut out will be the eyes. With a mouse click, you can move your eyes back and forth at the same time. This method (appropriately adapted) also works well for animating the mouth when your character speaks.
   • The viewer's eyes and brain picks up a lot of action as in the example where the news rep throws his hands in the air in a state of alert. Only two positions (hands below and hands above) are needed to show this action (the viewer's brain will fill in the “missing” frames).
     • If using MM, wait until “all” of 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, credits, etc.) after the point will require changes.
   • As in 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 spin endlessly by repeating these three frames. Anything like this (for example, moving targets in a dash) can be done with a few repetitive frames.
   • Frame size depends on image quality and software requirements. Setting the image size above 1024x768 is good for smooth edges in your frames. However, if you plan on uploading the clip to YouTube, this will either reduce the size of your images to 320 x 280. Also, the larger your images, the slower the MM will run (and this will reduce the animation size). Also, if you are using GIF -A, pick one frame size and stick to it. If you're using 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 a slight change). The third time, when you start showing the action, the viewer will think: “I know what will happen!”, HERE, the third time, you will radically CHANGE the action, surprising (and hopefully, amusing the viewer). Check out the sequence of bees 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, medium, distant, low angle, high angle, etc. Also, if two (or more) characters are talking, go from the group shot to one face and back again for a change.
   • It will look more believable if you make a drawing, a statue, some fictional creature, than a face move. Why? We all know how a face moves and it gets ridiculous if it doesn't move the way we expected it to. For fictional characters, you may deviate a little more from the norm.
   • The first thing that is visible on the screen, this is a setting shot that helps the viewer understand where he is. This is an optional requirement, but the norm. The reverse strategy is when you start with a group shot and then pull the camera back to show that where you started is part of something larger. This technique is known as "disclosure."
   • After you've animated the short clip, you can use the JASC Animator to select parts of the scene (usually a close-up of the face) and create a second clip. This will give you two animations for one main one, and helps you add some variety to your shots.
   • Typically, for animation, only a few positions are needed (sometimes just two or three) to make the action realistic.
   • Some drawing skills can be useful for creating animations (if you really intend to draw your own frames). If your drawings or pictures don't look good enough, then your animation won't work out very well ... no matter how well done. However, if you are doing animation using photographs as the main block, even with a little drawing skills you can achieve an acceptable result.
   • Here's the right software that can really help you:
     • GIF Animator, JASC Animator, or any other equivalent. You may find that "GIF Advanced Animator" starts to glitch and the seller refuses to reply to emails.
     • Abrosoft FantaMorph costs $ 100 but will rotate, pan and scan. It will generate roughly 100 of the tweens, including intro and trailing shots. It's not perfect, but his help desk will be responsive and will make changes if the product is not of quality.
     • CoolEdit (or any other sound processing software packages).
     • Boilsoft (costs about $ 30) lets you 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 clip).
   • You can create transitions easily using morphing software, which 20 years ago required several months of work from a team of skilled technicians. Abrosoft FantaMorph is one option, but there are many more. Consider the following example: first, Big Jim looks at the Star Cafe crew on his porch (gaze frame), then his gaze slowly moves to the Cafe. Finally, what Jim saw is now what the viewer sees.
   • Lay out the background carefully. Consider combining elements from multiple photographs and / or other illustrations to get “that effect you want.” Then place your characters (yes, using layers!) On top of the background; with a mouse movement, you can move them around effortlessly. Example (heavily modified) old ovens, pots, frying pan and pancakes are glued to the top of the tile floor and in the background of the window PSP lighting function, gives an explosion effect The oven (on its own layer) will be remade as if it were dancing on the floor.

   Warnings

   • Do not use other people's drawings, photographs, or creative work without their permission, and show respect when asking for permission. On the one hand, you won't be eligible to make money on Youtube, but your video will be extremely popular.
   • Song copyright protection is a gray area: Youtube does have an algorithm that looks for songs that are copyrighted, however, if someone important (such as Disney or Warners) does not complain, then your clip will not be banned.
   • When MovieMaker fails it will often throw error messages that make you nervous (to put it mildly). 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 have to 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 the viewer interested for more than five minutes.
   • Movie Maker has its limits... You may not know that a clip is more than two minutes long until it works. 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).

Paint.net is a handy free graphics editor that can partially replace the expensive Adobe Photoshop. His set of tools is enough for processing photos and creating collages. In the editor itself, there is no way to create animation, and therefore you will have to additionally use the free utility UnFREEz.

You will need

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

Instructions

Download the UnFREEz program archive from the developer's website, unpack and install it on your computer. Start 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 how to create animations, it's best to start with something simple, such as text. On the toolbar, click the T icon to activate the Type tool.

On the color palette, specify the appropriate shade, on the property bar - type and size of the font. Click on the "Add a new layer" icon in the layers panel and enter the text. Using the "Save As ..." command from the "File" menu, save the image to the desired folder with the .gif extension, for example, 1.gif. 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 copied one. 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 small values ​​first. 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.gif so as not to mix up the sequence of frames. When saving, the program in the first step will offer to select the level of blur and quality of the saved picture, in the second - to merge all layers or refuse to merge. Choose "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 values ​​of the distortion parameters. Save the image as 3.gif. Repeat the operation several times. The more frames you create, the smoother the animation will be.

Open the folder with your saved gifs. Run the UnFREEz program and drag and drop the pictures into the Frames window one by one. In the Frame delay box, select the time interval for the frame change and click Make animated GIF. When prompted by the program, enter the name of your animation and the folder to save (by default, the folder with the saved gif files will be offered).

Tip added on June 24, 2014 Tip 2: How to Make Animated Text in Paint.net By combining two free programs, Paint.net and UnRREEz, you can create animated text and other moving pictures. Using plug-ins for Paint greatly expands the capabilities of this convenient graphics editor.

Instructions

Create a new file using the New command from the File menu, or open a suitable ready-made image as a background using the Open command. In the Layers panel, click the Add New Layer icon and click the T icon in the toolbar. Select the appropriate font and size, on the palette specify the color of the text.

Create a copy of the text layer by clicking on the corresponding icon in the layers panel, or using the Ctrl + Shift + D keys. Turn off the visibility of the first layer with the text by unchecking the box at its right border, and go to a copy of the layer. Press S on your keyboard and select the text with a rectangular frame. On the toolbar, select "Move Selection", hold Shift, click one of the corner move handles with the mouse and drag to the center of the layer to reduce the size of the text. Hit Enter.

Make a copy of this layer and again reduce the size of the text. Repeat the operation several times. Each copy will become a frame of your animation. The more frames you create, the smoother the animation will be. Double click on the layer with the smallest image and name it "1". Name the next layers in sequence "2", "3", etc.

Remove visibility from all layers except the background and 1st and save the image under the name 1.gif using the "Save As" command from the File menu. Before saving, the program will offer to merge all layers. Click on the "Combine ..." item. When the file is saved, press Ctrl + Z to undo the merge. Then make the 2nd layer visible, turn off the visibility of the 1st, and create a second frame of the 2.gif animation. Repeat the operation with all layers of the image, remembering to turn off the visibility of the previous layer.

Run the UnFREEz program and drag, one by one, the frames of your animation into the Frames window from the folder where you saved them. In the Frame delay box, set the frame rate. If you want the video to spin constantly, check the Loop animation parameter. Click Make Animation GIF and specify the path where the animation will be saved (by default, it is sent to the gif folder). You can launch your video with any program for viewing images.

You can place all images not in the same place, but with an offset along the coordinate axes: the smallest to the top corner, the largest to the bottom diagonally. When creating an animation, a text zoom effect will appear.

You can change not only the entire inscription, but also individual letters in it - you get the effect of "dancing" text. Make as many copies of the text layer as there are letters. Activate the first layer. Click on the Rectangle Selector toolbar and frame the letter. If you chose an italic font, you will need to rotate the selection by a certain angle. To do this, mark the "Move selection area" on the toolbar, right-click inside the selection and, without releasing it, drag the mouse. The frame will rotate. When the frame rotates to the desired angle, drag the move handles while holding down the Shift key to resize the selection.

Check "Move selection" on the toolbar. Hold Shift and drag the handles to resize the letter. If you want to change its color, press S, set the desired shade in the palette, select the Fill tool and click the highlighted letter. On the next layer, change the size and color of another letter, etc. Turn off the visibility of the layer copies one by one and save the images in gif format, as described in step 4.

Please note Only .gif images can become animation frames.

• Download Paint.net
• Download UnFREEz

How to make animated text in Paint.net - printable version

Paint.net is a handy free graphics editor that can partially replace the expensive Adobe Photoshop. His set of tools is enough for processing photos and creating collages. In the editor itself, there is no way to create animation, and therefore you will have to additionally use the free utility UnFREEz.

You will need

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

Instructions

Download the UnFREEz program archive from the developer's website, unpack and install it on your computer. Start 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 how to create animations, it's best to start with something simple, such as text. On the toolbar, click the T icon to activate the Type tool.

On the color palette, specify the appropriate shade, on the property bar - type and size of the font. Click on the "Add a new layer" icon in the layers panel and enter the text. Use the "Save As ..." command from the "File" menu to save the image to the desired folder with the extension .jpg, 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 copied one. 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 small values ​​first. 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 level of blur and quality of the saved picture, in the second - to merge all layers or refuse to merge. Choose "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 values ​​of the distortion parameters. 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 gifs. Run the UnFREEz program and drag and drop the pictures into the Frames window one by one. In the Frame delay box, select the time interval for the frame change and click Make animated GIF. When prompted by the program, enter the name of your animation and the folder to save (by default, the folder with the saved gif files will be offered).

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

Sections: Informatics

The purpose of the lesson: Creating an animated image on the topic: "Sea"

Lesson Objectives:

1. Educational - create an animated image using the graphics editor Paint and Power Point on the theme: "Sea"
2. Educational - to promote during the lesson the formation of attentiveness, independence.
3. Developing - development of students' creative thinking.

Lesson type: a lesson in learning new material

Lesson structure.

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

Equipment: blackboard, chalk, PC, software, didactic 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?

Use your imagination to create animation
You need to draw a drawing without delay!
Indicate the trajectory, the drawing will come to life,
He will call you into a huge fantasy world !!

Today we will dive into the magical underwater world.

Let's draw the sea, we know a lot about it,
A wonderful octopus will swim in the sea.
He attracts with his beauty,
Fishes swimming, bow!

2. Introductory-motivational stage (updating of 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 you encode and decode information? What is encoding? What is decoding? What programs and applications did we use to encode and decode information?

To review this topic, complete the practice on a computer. Decode the topic of our tutorial.

The world of numbers and numbers - it is very large,
To comprehend their secret - you were able to be a student!
After all, each number here stores a letter,

Decode it and read it in an instant!

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

The task encoded the following text:

TODAY IN INFORMATICS LESSON WE WILL CREATE ANIMATION IN THE GRAPHIC EDITOR PAINT. I WISH ALL GOOD WORK AND 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-sorptional stage. (20 minutes.)

Creation of an animated image.

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

4. Creation of animation "Sea"

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

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

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

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

5. With the Curve tool draw the algae.

What boundless beauties
What a magnificent, wonderful view
But here, after all, we are missing something,
Calmness and silence reigns.
Here the stones are beautiful, underwater,
Here the algae are long, green,
But there is not enough gold fish,
To enjoy the beauty with feeling!
Let's draw a fish with you,
For this we will conjure up a little!

6. Save the resulting drawing. (File - Save as - the name of the picture 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 the fill, and fill the document with blue.

10. We draw a fish.

11. Save the resulting drawing. (File - Save As - the name of the picture Rybka).

Here she is a beauty, a gold fish,
Will swim quickly, contemplating the sea!
But so that the fish do not 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 the fill, and fill the document with blue.

15. Draw an octopus.

16. Save the resulting drawing. (File - Save As - the name of the picture Octopus).

He has many legs
Who is this? Octopus!
It will swim with the fish,
And we will be carried away to 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 - Rybka

20. In the menu bar, select Insert - Picture - From file - Octopus

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

22. Select: Add Effect - Movement Paths - Draw Custom Course-Curve. Draw an arbitrary curve.

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

24. Choose: Add Effect - Movement Paths - Draw Custom Course-Curve. Draw an arbitrary curve.

25. Choose from the menu bar Slide Show - Start Show.

The beauty by the sea is endless
Beauty is changeable by the sea,
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 open the veil of secrecy
We need to create an animation.

4. Reflective - evaluative stage (5 min).

Grades for the lesson

5. Homework.

Create a free animated image.