Create a simple animation with your own hands.

In the last lesson you and Iintroduce youliswith the programOpenOfficeImpress, consideredinterface and basics of working with the programOpenOfficeImpress. Let's remember the main points of this topic.

1. Test.

1. What is the program for? Libre Office Impress ?

application program LibreOfficeImpress

2. What is a presentation?

3. Libre Office Impress needed For creation ….

Download:

Preview:

Topic: "Accommodation graphic objects on the presentation slides. Applying animation effects to slide objects."

Goal: repeat techniques for saving and demonstrating a presentation document, options for adding slides to a presentation, teach how to add graphic objects to a slide and apply animation effects to them; develop imagination, communication skills, cognitive interest of students; to cultivate information culture and aesthetic perception of the world around us.

Equipment: computer software, media projector, presentation samples

During the classes.

I. Organizational beginning.

1. Greeting.

Hello guys and dear guests!

2. Work with duty officers.

II. Repetitive training work.

In the last lesson we met with Open program Office Impress, we looked at the interface and the basics of working with the program Open Office Impress. Let's remember the main points of this topic.

1. Test.

1. What is Libre Office Impress used for?

1. application program Libre Office Impress , designed for creating presentations *
2. application program for processing code tables
3. a computer device that manages its resources in the process of processing data in tabular form
4. system program that manages computer resources

2. What is a presentation?

a) means of visual presentation of information*

b) spreadsheet processing application

c) computer device that controls the slide show

d) a text document containing a set of drawings, photographs, diagrams

3. Libre Office Impress needed to create...

1. tables to improve the efficiency of calculating formula expressions
2. text documents containing graphic objects
3. Internet pages to provide wide access to available information
4. presentations in order to increase the efficiency of perception and memorization of information *

4. An element of a presentation that has logical and meaningful value is called...

1. slide *
2. sheet
3. frame
4. drawing

5. A set of slides collected in one file form...

1. show
2. presentation *
3. personnel
4. drawings

Self-test (slide)

2. Frontal survey.

Name structural elements Impress program windows? (a window is shown on the slide and a student talks at the blackboard).

What are the principles used when creating a presentation?

List guidelines for creating an effective presentation.

3. Summing up the stage.

Well done, you and I remembered the material that will be useful for further work in the lesson.

III. Work on understanding and mastering new material.

1. Statement of the topic and purpose of the lesson.

You will learn the topic of the lesson if you complete the following task: solve anagrams (the order of letters in words has been changed).

What words are encrypted?

Aktsvva (insert)

KBobt (object)
enpyaztceira (presentation),
yantdmyosreats (demonstration),
manciaya (animation).

What topic do you think is encrypted on our board?

So, the topic of our lesson is “Placing graphic objects on presentation slides. Applying animation effects to slide objects.” We must learn how to add graphic objects to a slide, become familiar with the concept of animation, apply animation effects to objects, and apply the acquired knowledge in practice when developing our project.

2. presentation of new material.

go to the Layouts tab and select the most suitable one for this slide. For example, the first slide usually contains the title of the presentation, and for this it is advisable to choose the Text-Centered or Title Only layouts. Select Centered Text, click on the centered text that appears and enter your name:

To change the size, color or style of text, select it with the mouse and change the necessary parameters:

Finally, insert a picture into the title slide. This can be done in at least two ways:
- use the Insert->Image->From File menu and add a pre-prepared image.
- or take a picture from the built-in gallery (Gallery button on the panel below / Tools->Gallery menu). A collection of pictures will open, any of which can be inserted into the slide by clicking on it and dragging it to the desired location:

The Gallery is closed by pressing the corresponding button again.

Now we'll find outwhat is animation? On the slide, you see the movement of the Earth around the Sun. (slide shown)

What do you think is called animation? (moving picture)

This is not entirely true. We are interested in how this movement is achieved. Does anyone know how cartoons are made? (Draw with separate pictures).

This is right. And these pictures are changing quickly.

And so, animation is the creation of the illusion of movement of objects on the monitor screen, using a quick change of frames.

Now let's write the definition in our notebook. (slide)

Animation is a multimedia effect in which, during a rapid change of frames, the illusion of movement is created.

- You can insert already animated images into the presentation, and you can also apply animation to static pictures or text.

To make your presentation unique, you need to use settings that are not standard.

To do this, the Impress program has a section “Setting up animation”.

Here we can create an animation for each selected object on the slide,

Write it down “Setting Animation” - applies animation to each selected object on the slide (the definition is displayed on the slide).

Adding animation. Select the desired object. On the right, select effects and then add. Select the effect you like and click ok. Ready scheme animation links several types of animated effects that complement each other.

To add animation in this mode, we must first select an object and then apply one of four animation options:input, selection, output, movement paths,

Within each of these effects there are many implementations of them, for example, the input can be "Appear with Zoom" OR "Diamond", etc. the same goes for the rest of the effects.

We can apply several animation effects to each object.

For example, now on the slide you see how the “Cloud” object appears, increases in size, moves along an arc, and then dissolves. (slide)

All four types of animation were applied here: entry, selection, movement and exit.

Each animation has effects options. There we can change some features of the effects, timing and text animation.

3. Generalization.

So, we have looked at how you can insert objects onto a slide and apply animation to them. This material is for preparation homework you can find it in the reading room in the Computer Science folder. The file is named after the topic we are studying today.

IV. Practical work.

1. Task message.

There are cards on the tables with the task let's read it. (One student reads).

1. Launch OpenOffice.org Impress.

1. In the drawing panel, select a tool Rectangle using Area Fill Style select instrument Color , then select from the drop-down list Texture , select texture Space .

1. Select a rectangle on the slide and call right click mouse context menu, select the command in it Position, then select Behind object.
2. On the drawing panel, select the Circle tool and draw several planets of the solar system, the sun; usingArea style/fillcolor the planets and the sun.
3. To configure the animation, right-click on the image of one of the planets and context menu select team Effects . Next, select the command Add , on the Motion Paths tab, select Curve Object , then draw the planet's path.

1. In the Effect group select startAlong with the previous one, speed Low .

1. Repeat steps 5-6 to adjust the animation parameters of other planets.
2. To view the animation, use the function key F5 or command Demonstration menu Demonstration.
3. Wait for the slide to finish showing and click to return to the work area.
4. Save your work under a name Space .

2. Introductory briefing.

(show slide with finished work again).

3. Independent work students.

4. Ongoing briefing.

5. Summary of practical work.

V. Lesson summary.

1. Frontal conversation.

Who can say what animation is?

- how to apply an animation effect to an object?

Each of you has learned how to create an animated presentation. Everyone made wonderful, colorful presentations.

Over the past 10 years, the video game industry has seen Fast passage from simple 2D monochromatic games to full-scale, fast, and fully color games high resolution, 3D games that are so popular today. At the same time, thanks to object-oriented programming, it became easier to create animations High Quality. Creating animations can be viewed as drawing objects now from the perspective of a computer screen. For example, a monster in DOOM is an instance of a class object for that kind of monster,” said a DOOM game designer.

CEO of DOOM: “Simply put, object-oriented animation of an application defines various classes, creates instances of those classes, and performs operations on instances of the object using methods found in the class Graphic Object”.

Graphical abstraction of an object

The basic principle of abstraction in animation is the representation of a graphic object as a GraphicObject class. Everything that is drawn on the screen is an object of the GraphicObject class. Point, Line, Polygon, Bezier Curve, Bezier Surface, Texture Map Polygon, Background, Image, 3D Shape Sprite are all created using Polygons and are an example of GraphicObject. Simple graphic objects can be combined into more complex graphic objects. The main problem an animator faces is being able to use these objects on screen. In the procedural principle of programming, there can be nothing in common between the functions of drawing a cube and a ball,” said an animator for the game DOOM.

The DOOM game programmer continued: “One of the fundamental methods of GraphicObject is a method called Draw(). Using this method, a graphic object is drawn. Without this method, the object cannot be visible on the screen. Using the GraphicObject class, you can update a graphic object every millisecond by transferring control to the camera, which at this moment will be either static or dynamic. The graphics abstraction GraphicObject has properties and methods that may or may not be implemented outside of graphics object classes. Most graphics objects have a position property, which allows you to use the GraphicObject.Draw() method as an anchor point for drawing the object.

When the graphics engine moves a graphic object, the GraphicObject.Draw() method needs to recalculate the location of all parts of the graphic object and redraw them in the new location, so the graphic object appears in the new location.
The advantage of using a position in a GraphicObject is that the engine simply sets a new position on the graphics object, and the graphics object redraws the rest of itself in the new location.

Not all custom visible graphics need to have a position property. An example would be a graphic object representing a background. The background image is not tied to any position, since it has just been drawn on the entire screen. On the other hand, there may be graphical objects that are not visible to the user, so they must contain a position property. An example of such a graphical animation object is the camera, since it actually needs a position in order to calculate the point of view of the rest of the visible objects.

Graphics objects that have positions have operations that can be performed on them, such as GraphicObject.Reposition(), GraphicObject.Displace() or GraphicObject.Rotate(), as well as GraphicObject.Scale() and GraphicObject.Shear().
GraphicObject.Reposition() – drawing a graphic image at a new position,
GraphicObject.Displace() – removal of a graphic image,
GraphicObject.Rotate() – rotation of the graphic image,
GraphicObject.Scale() – increasing the graphic image,
GraphicObject.Shear() – shift of the graphic image.”

On video: Basic course— “Introduction to OOP.”

There are no similar entries.

Lesson objectives:

• educational: to form in students an idea of ​​animation, its types, methods and programs for creating computer animation; develop the ability to use the Internet to search for information;
• developing: develop the ability to highlight the main thing and independently acquire knowledge.
• educational: cultivate interest in the history of computer science.

Lesson type: lesson of learning new material.

Methods and forms of training: explanatory-illustrative, heuristic.

Means of education: computers with Internet connection, multimedia projector.

The lesson is accompanied by a presentation: a presentation (Appendix 1) and cartoons or fragments thereof.

Lesson plan:

1. Org. moment – ​​2 min.
2. Introduction to the topic of the lesson – 3 min.
3. Learning new material – 20 min.
4. Independent work on the Internet – 15 min.
5. Lesson summary – 3 min.
6. Giving homework – 2 min.

During the classes

1. Organizational moment.

2. Introduction to the topic of the lesson.

Teacher: Every year the role of media technologies in the transmission of information increases. No matter how anyone wants it, but gradually text information cedes some positions to graphics and multimedia. For example, computer presentations in educational process have become the norm, and as Internet speed increases, the proportion of graphics in website content increases. Why do you think this happens?

Answer: The reason for this is the ease of perception of such information. In addition, the volume of information is growing, and, therefore, ways to more quickly and easily assimilate it should appear.

Teacher: I suggest you watch one video.

Demonstration of the first computer cartoon “Kitty” (Can be downloaded on the website “Mathematical Etudes”).

More than 40 years ago, 1968... A group led by Nikolai Nikolaevich Konstantinov creates mathematical model movements of the animal (cat). The BESM-4 machine, executing a written program for solving ordinary (in the mathematical sense of the word) differential equations, draws the cartoon “Cat,” which contains, even by modern standards, an amazing animation of the cat’s movements, created by a computer. This was done as part of the creation of programs that simulate mechanisms. What is especially interesting is that to create the actual film with the cartoon, each frame was printed on a printer, and the role of the pixel was played by the letter “Ш”.

So, what is the topic of today's lesson?

Answer: Computer animation.

3. Studying new material.

Let's first define the term, what is “Animation” and how does “animation” differ from “animation”?

The vast majority of people have an idea about animation. Probably, many will immediately present some kind of animated film (something like “Shrek” or “Winnie the Pooh”).

Try to define it.

Answer: animation - it is the movement of hand-drawn images.

The words "animation" and "cartoon" mean the same thing. In many countries, animation is called animation. It's hard to say why this happened. In Latin, the word "multiplikato" means multiplication. It’s clear why they used it when coming up with titles for films in which you need to repeat it many times, i.e. multiply drawings to make the characters on the screen move. And the word “animation” is derived from the Latin “anima” - animation. This means that everything depicted in the cinema looks like real, alive, animated.

It turns out that both names are suitable, so people this moment use both.

In the “Western manner” we will use the first option.

Which types of animation can you name?

1. volumetric animation (example “Plasticine Crow”).
2. pictorial animation (most cartoons).
3. transfer animation (example " Good night, kids!").
4. computer animation (for example, Shrek).

Student reports about types of animation. The messages are accompanied by an example of this type of animation, showing a fragment of a cartoon.

Material for messages can be found on the Website for computer science teachers by N.A. Filatova. .

Teacher: So, let's move directly to computer animation and consider its types. I think you will give the definition yourself.

Answer: Computer animation is animation created using a computer.

Or, computer animation is the creation of the illusion of objects moving on the monitor screen.

Types of computer animation.

Since the basis of computer animation is graphic images, then animation can be divided into two types:

• Raster (animation in presentations, Gif animation);
• Vector (Flash animation).

Let's consider ways to animate objects.

Keyframe animation. The placement of key frames is done by the animator. Intermediate frames are generated by a special program. This method is closest to traditional hand-drawn animation.

Let's imagine a timeline (film) as a track consisting of individual frames. Let's say that in frame No. 1 the object should be on the left, and in frame No. 100 - on the right. These two frames are marked as key frames for of this object. In them it is located at the beginning and end of the movement (Fig. 2). All other frames - intermediate ones - do not require fixation of the object - the image in them will be created by a computer program. She herself will calculate where and at what moment the object should be. It is clear that if we want to move an object along a curve, then we will have to make more key frames (or use special means provided by the program to create a trajectory).

Motion recording. Animation data is recorded with special equipment from real moving objects and transferred to their simulation on a computer. A common example of such a technique is Motion capture. Actors in special suits with sensors make movements that are recorded by cameras and analyzed by special software. The resulting data on the movement of joints and limbs of actors is applied to three-dimensional skeletons of virtual characters, which is achieved high level the reliability of their movement.

The same method is used to transfer the facial expressions of a living actor to his three-dimensional analogue in a computer.

Procedural animation. Procedural animation is fully or partially computer-generated. The following types can be included here:

• Simulation of the physical interaction of solid bodies.
• Simulation of the movement of systems of particles, liquids and gases.
• Simulation of the interaction of soft bodies (fabric, hair).
• Calculation of the movement of the hierarchical structure of connections (character skeleton) under external influence.
• Imitation of autonomous (independent) movement of a character.

Programmable animation. Two languages ​​are widely used on the Internet, with the help of which the movements of animated objects are programmed:

• Java-Script - browser language
• Action-Script is the language for working with Flash applications

The advantage of programmable animation is the reduction in size source file, the disadvantage is the load on the client's processor.

Animation creation software.

Teacher: Modern man must not only be able to perceive information in “ graphical form", but also to produce it.

Since computer animation is an integral part of media technology, we must be able to create at least the simplest types of computer animation. But first, let's look at programs for creating animation.

Teacher: Animation is a section of the “Computer Graphics” topic, think about what programs can be used to create animation?

Answer: Graphic editors.

Teacher: Yes, you can animate objects using some graphic editors, but there is also special programs to create animation. Let's record some of the programs.

Conventionally, we can distinguish two or three types of software for creating animation:

1. Programs that allow you to create animation from ready-made images (various gif animators, for example, Microsoft GIF Animator).
2. Software environments that allow you to create 2D animation (for example, Adobe Flash CS4, Synfig).
3. Software environments that allow you to create 3D animation (for example, Autodesk 3ds Max, Blender).

In addition, you can create animation using graphic editors, such as AdobePhotoshop or GIMP.

There are also programs for creating animation using a digital camera. Today, software that allows you to use a digital camera to shoot animation is used as often as the familiar 3D or 2D packages. Any program of this type provides control of a digital camera via a computer and work with the resulting frames.

4. Independent work on the Internet.

Exercise: fill out the table using the Internet " Comparative characteristics software to create animation" (Appendix 2).

Inserting pictures and graphic objects:

Select the Insert / Drawing command. The selected picture or graphic will be displayed on the slide.

To format a picture (autoshape), you need to select it and select the Format / Picture (autoshape) command; the Format Picture (autoshape) dialog box will open.

Video clips

Inserting video clips:

Select the command Insert / Movies and sound / Movies from a collection of pictures. Next, in the Clip Collection panel in the task pane, you can select a clip and view it. To do this, you need to hover your mouse over the clip and click on the drop-down list button, from which you need to select the “View and Properties” command. After viewing the clip, click the Close button.

To add the selected clip to a slide, click on the clip in the Clip Collection panel with the mouse, it will be displayed on the slide.

Inserting sounds

1. Open the slide to which you want to add music or sound effects.

2. From the Insert menu, select Movies and Sound, and then do one of the following:

Inserting a sound file

Select Sound from File, locate the folder that contains the file, and double-click the file.

Inserting sound from the Picture Collection

Select Sound from Collection , Find the clip you want and click it to add it to your slide.

Burning from CD

Select Burn from CD, find the file you want, and double-click it.

Record sound

Select the Record Sound command, the Sound Recording dialog box will open, in which you need to click on the Start Recording button. Using a microphone, record sound. After recording, click on the "Stop recording" button

Animation

Animation is adding a special video or sound effect to text or an object. Animation effects can be applied to elements on a slide such as text, pictures, graphs, diagrams and other objects. Text animation effects can generally be applied to letters, words, and paragraphs.

The commands you use to add animation in PowerPoint are Animation Effects and Custom Animation. Pre-made animation effects can be applied to all elements of selected slides or all slides in a presentation. Animation settings can be applied to individual elements on a slide.

Animation effects :

If you only want to add an animation scheme to certain slides, select the slides you want in the Slides pane.

From the Slide Show menu, select Animation Effects.

In the Slide Design task pane, select the desired animation effect from the Apply to selected slides list.

If you want to apply the animation effect to all slides, click Apply to all slides.

Animation settings

IN normal mode Open the slide whose text or objects you want to animate.

Select an object to animate.

From the Slide Show menu, select Animation Settings.

In the Animation Settings task area, click the Add Effect button and select the desired effect from the sections that appear: Input, Selection, Output, Motion Paths.

Diagrams

The editor allows you to add different types of charts to your slides that are not based on spreadsheets or numerical values. These diagrams are used to illustrate material presented in presentations. These include: cyclic, radial, pyramid, Venn and target diagrams.

Adding a chart:

Select the Insert / Schematic diagram command or on the Drawing toolbar click the Add diagram button.

Select one of the chart types and click OK.

You can then use the Chart toolbar commands to replace a chart, reverse a chart, add text to a chart shape, add a shape to a chart, and so on. In addition, you can apply a ready-made style to the chart by clicking the AutoFormat button on the “Chart” toolbar and on certain areas of the chart, you can enable chart animation.

Animation techniques are constantly evolving, and game developers and film studios are constantly looking for talented and creative individuals who can apply these techniques.

Here are the main types of animation that can be used to create digital characters for television shows, commercial applications, company logos, movies, videos or games.

• Traditional animation.
• 2D vector animation.
• 3D computer animation.
• Motion graphics.
• Stop motion.

Traditional animation

Have you ever seen images that appear as frames in quick succession, drawn on transparent sheets of paper with colored markers? This type of computer animation is called traditional. It is used for preliminary character sketches.

This process can be quite expensive and time-consuming, as animators have to create a series of different frames based on the 24 frames per second frame rate. This method used mainly on PCs, as well as tablets using special computer programs, allowing you to create animation in the style of old Disney cartoons.

2D vector animation

The most commonly used animation style. Its frames are created on a relatively flat surface. In addition, vector animation has adopted some traditional animation techniques. In reality, it is the same as traditional animation, except that a process known as shading and shading is applied to the frames.

During this process, animators place thin, transparent sheets of celluloid onto paper on which animated characters are drawn, and then transfer them onto film. At the end, shots of different characters are superimposed on each other, and due to the high transparency of the film, this allows you to create a composition from various elements and characters.

3D computer animation

3D animation is completely different from other types of animation in computer graphics. Although they use the same principles of composition and movement, technical methods, used to solve various problems, vary significantly. In 3D animation, the animator does not need to be a graphic artist. It's more like playing with dolls than drawing.

These are also called computer-generated images ( CGI). They occur when computer animators create a stream of images that are brought together to form an animation. Combining dynamic and static images is done using computer graphics. Characters created in 3D, in digital format are displayed on screen and then combined with the wireframe, allowing each model to be animated differently.

Animation is formed by creating models in separate key frames, after which the computer multiplies them, interpreting the animation by adding intermediate frames between key frames.

In addition, a lot of time is spent working with curves representing different parts of the object at different periods of time. In 3D animation, all characters must be taken into account, even those that at a certain point in time are blocked by something and are not visible.

The main difference between these types of animation is that in traditional and 2D animation the artist works on individual frames, while in 3D animation there is always a continuous flow. If it stops, it is perceived as an error. Even when the character remains in place, there is always a continuous flow of frames that creates the illusion of reality.

Motion graphics

Have you ever wondered how promotional videos, animated logos, movie opening credits, and app advertisements are created? This is done using moving graphic texts and elements, or as I call it, motion graphics.

This is a process that uses "multiplication" of animated frames to create smooth movement between frames. Frame multiplication programs support scripts that automatically change the animation to create numerous effects.

3D compositions are created from flat elements moving relative to each other, which creates the illusion of volume. They may also be accompanied sound effects or music. Such objects are often used in multimedia projects.

Stop motion

Stop motion is a type of computer animation that is more similar to traditional animation. All you have to do is take a photo of the object, and when you move the object relatively short distance, you take another photo. This procedure is repeated repeatedly, and when the images are played one after another, the impression of movement is created.

There are many forms of stop motion animation, including Cut-Outs, Claymation and Puppets, and others. But the point is that to create animation, objects that need to move are photographed sequentially many times.

Translation of the article "Types of Animation in Computer Graphics"was prepared by the friendly project team.

Good bad