How to make animation in paint. "Create Animated Images Using Paint and PowerPoint Editors". Moderation and relevance are key principles when working with animation effects
Sections: Informatics
The purpose of the lesson: Creating an animated image on the topic: "Sea"
Lesson Objectives:
- Educational - create an animated image using the graphics editor Paint and Power Point on the theme: "Sea"
- Educational - to promote during the lesson the formation of attentiveness, independence.
- Developing - development of students' creative thinking.
Lesson type: a lesson in learning new material
Lesson structure.
- Organizational stage. (2 minutes.)
- Introductory and motivational stage. (10 min.)
- Operational and sorbent stage. (20 minutes.)
- Reflective - evaluative stage. (5 minutes).
- 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!
- 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-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 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 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, octopus, click right click mouse and in the menu that appears, select the animation setting.
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.
Paint.net is a convenient 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 free utility UnFREEz.
You will need
- - graphic editor Paint.net;
- - the UnFREEz program.
Instructions
Instructions
- Download Paint.net
- Download UnFREEz
Instructions
To create animation, you can use your own drawings or ready-made images. In both cases, you will need to create a series of pictures in which the position in space of the original object gradually changes. The more pictures you create, the smoother the animation will be. As an example, consider the flight of a balloon.
Open the background image in Paint.net using the Open command from the File menu. Open the balloon photo using the same command. Activate the "Magic Wand" on the toolbar and click on the background around the ball, then press Delete. Press Ctrl + A to select the image, then Ctrl + C to copy it to the clipboard.
On the right side of the toolbar, click the background layer icon to expand the image. On the Layers panel, click the Add New Layer icon and press Ctrl + C to paste the balloon drawing. Hold it with the mouse and drag it to the bottom edge of the background image.
While holding down the Shift key, grab one of the corner selection handles around the ball with the mouse and drag it towards the center to reduce it. Hit Enter. Double click on the thumbnail of the layer with the ball and reduce its opacity to about 190. Save the resulting image under the name 1.gif for easier orientation in the frames. When saving, the program will offer to merge all layers - confirm this action. After saving the image, press Ctrl + Z to detach the layers again.
On the layers panel, again click "Add a new layer" and use the Ctrl + V keys to paste the image of the ball as the topmost layer. Reduce its size, lower its opacity and place it above the previous image. Consider the laws of perspective - the higher the ball rises, the smaller it seems to the observer. In addition, taking into account the wind, the ball cannot rise vertically up, but will simultaneously move along the X-axis. Remove the visibility of the previous layer by unchecking the checkbox at the right edge. Only the background and the new balloon layer should be visible. Save this image as 2.gif.
Repeat these steps several times, each time reducing the image of the ball and placing it above the previous position. Do not forget to turn off the visibility of the lower layer when saving the picture, so that during animation there are no two balls at once in one frame. As a result, you should have several layers with balls of different sizes. In the screenshot, the visibility of each layer is turned on so that you can imagine how the position of the ball changes in the background image.
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.
On 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.
How to make animation in Paint and got a better answer
Answer from Alexey Khoroshev [guru]
The free program Paint.Net, despite the seeming 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 frames change faster than usual and 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 pictures in the "gif" extension.
There are many such programs, but we will take with you 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 well, quickly and does not require installation, the archive that you downloaded is the program itself.
Downloaded, unzipped and can be used.
The program interface contains a window into which you load pictures, only three working buttons and setting the frame alternation time in centiseconds (1/100 of a second).
A tick in the checkbox is responsible for "playing" videos from uploaded frames in a circle.
To load pictures (by dragging them with the mouse), you need all the same size and in the "gif" extension.
That's all. It is already becoming clear how the animation is done, we just have to 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.
Opening the image in Paint.NET.
