home › Inheritance and donation › Vector animation presentation. Abstract of the lesson of informatics on the topic "raster and vector animation". A large number of frames leads to better animation quality, but at the same time increases the size of the GIF file. To reduce its information volume, one can

Vector animation presentation. Abstract of the lesson of informatics on the topic "raster and vector animation". A large number of frames leads to better animation quality, but at the same time increases the size of the GIF file. To reduce its information volume, one can

MOBU Baykibashevskaya secondary school

Abstract of the lesson of informatics

Grade 9

Raster and vector animation

Teacher Samigullina D.M.

Baikibashevo-2016

Lesson Objectives: IEducational : students should learn concepts and judgments: animation,gif-animation,FLESH-animation

IIDeveloping: students must acquire skills and abilities

Play animation definition;

Differgif- andFLESH-animation;

Create animation in presentations;

IIIEducational: education of information culture.

IVCorrective : performing exercises for fatigue of the arms, hands.

Lesson type: combined.

Equipment:

Computer, textbook Ugrinovich N.D. Informatics and ICT for grade 9 - M .: BINOM, 2014, presentation

Lesson Plan

Organizational moment (1 min)

Warm-up (2 min)

Updating knowledge (2 min)

Learning new material: (16 min)

Physical education (2 min)

Practical work(15 minutes)

Summing up the lesson, homework (2 min)

During the classes

Organizing time. Mutual greeting.

Warm up. On a piece of paper, a comic task “We draw ourselves” is performed (with closed eyes, draw a model of the Earth - the Globe).

Knowledge update.

What is a graphics editor used for?
Show the basic tools for drawing primitives in a raster (for examplePaintorGIMP) and vector (on the example of OpenOffice.orgDraw) editors.

Learning new material.

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").

The words "animation" and "cartoon" mean the same thing. In many countries, animation is called animation. It is difficult to say why this happened. In Latin, the word "multiplikato" means multiplication. It is clear why they used it when they came up with a title for films in which you need to repeat many times, i.e. multiply drawings so that the characters on the screen move. And the word "animation" was formed from the Latin "anima" - animation. It means that everything drawn in the cinema looks like a real, living, animated.

It turns out that both names are suitable, so people use both at the moment. In the "Western manner" we will use the first option (examples of animation on slides)

Animation - creating the illusion of movement of objects on the monitor screen

1. Animation in the presentation.

can also be used when placing objects on slides. For each object, you can choose the most suitable effect: gradually appear, fly out from the side, turn around to a given size, shrink, flash, rotate.

Animation effects allow you to draw attention when placing long text on a slide: the text can appear in full, word by word, or letter by letter.

1. gif -animation.

gif- Animation is a sequence of raster graphic images (frames) that are stored in one raster graphic file in the formatgif. While watching thisgif-file bitmap graphic images sequentially appear on the monitor screen, which creates the illusion of movement. To create a sequence of bitmaps and convert them togif- animation can be used with multifunctional raster editors or special editorsgif- animations. While creatinggif-animation, you can set the amount of delay in the appearance of each frame, the smaller it is, the better the quality of the animation. In addition, you can set the number of repetitions (from one to infinity) of the sequence of frames stored ingif-file. A large number of frames leads to better animation quality, but at the same time increases the sizegif-file. To reduce its information volume, you can animate only some parts of the image.

2. FLESH -animation.

Flash-animation is based on the use of vector graphics and is a sequence of vector drawings (frames). The frame is built using a set of vector graphic objects (straight and arbitrary lines , circles and rectangles), for each of which you can set the size, color of the fill line, and other parameters.

Dignityflash-animation is that there is no need to draw every frame. It is enough to draw keyframes and set the type of transition between them (free transform, transform with rotation, transform with reflection, etc.). Editorflash-animation will automatically build intermediate frames. If there are a lot of intermediate frames, then the animation is smooth, and if there are few, then it is fast.

Fizkultminutka. Place your arms bent at the elbows on the edge of the table. Raise your hands up with palms facing each other. On the count of one - spread your fingers apart, on the count of two - collect all the fingers together. Repeat the exercise 3-4 times.

Practical work.

Exercise 1 Create an animated motion of the Earth around the Sun in the presentation.

Let's create an animated movement of the Earth around the Sun and the rotation of the Earth by setting animation effects.

Let's set up animation effects so that they start at the same time and end with the transition to the next slide.

This concludes our lesson, announcing grades and homework (pp. 37-40, questions on p. 40)

For grade 9 according to the textbook N.D. Ugrinovich. The lesson uses technologies of a differential approach, gaming, health-saving, ICT. Consolidation of the material is carried out in the course of practical work and the subsequent game, which can be used independently to repeat and increase attention in the lesson.

Download:

Preview:

Grade 9 Lesson No. 10 Informatics and ICT

LESSON #10 for Grade 9

TOPIC: Raster and vector animation

Goals:

Educational:

introduce various types animations;
repeat and consolidate skills in working with basic animation tools in PowerPoint;
learn how to apply various effects techniques to create animation according to the plot.

Developing:

develop cognitive interest, creative activity of students;
develop computer skills, develop friendly and business conversation students in collaboration.

Educational:

to cultivate interest in the subject, accuracy, attentiveness, discipline, the ability to work in a team.

Reference terms:

Animation, Animation Effects, GIF Animation, GIF File, Flash Animation, Keyframe.

Technical training aids:

Teacher and student PC, multimedia projector, screen.

Lesson software and materials:

OS Windows XP/7, Microsoft PowerPoint 2003, GIF-animator program, Adobe Flash program, presentation "Lesson No. 10", cards.

Lesson type:

study and primary consolidation of knowledge.

Applied technologies:

IT, person-centered approach, health-saving, playful.

Methods:

explanatory and illustrative, practice, game.

Methodical literature:

Textbook Informatics and ICT for grade 9 / N.D. Ugrinovich - M: BINOM, 2012.

During the classes

1. Organizational moment (3 min)

2. Testing knowledge on the topic "Editing images and drawings" (5 min)

3. Setting the goal of the lesson (2 min)

4. Explaining new material (12 min)

5. Consolidation and reflection (20 min)

6. Homework (3 min)

1. Organizational moment

Students are sitting at their desks. Desktop PCs are already included to save time.

Greeting students. Checking for absences in a class. Distribution of reflection cards.

2. Testing knowledge on the topic "Safety in the office of computer science".

Let's remember what a bitmap is? What is a vector image?

What is the difference between drawings created in vector and raster editors? (Poll "on a chain").

3. Setting the goal of the lesson

Let's start learning new material. Write the topic of the lesson in your notebook. (Sk. 1)

Today in the lesson we will learn how to create animation in PowerPoint. We will also get acquainted with other types of animation.

4. Explanation of new material

Since the images are raster and vector, then the animation can be raster and vector. (Presentation next 1)

Animation is the creation of the illusion of movement on the monitor screen. Computer animation uses fast-paced frames, which the human eye perceives as continuous movement. The more frames change in one minute, the more complete the illusion of movement appears in a person, by the way, there should be no less than 24 frames.

Animation in a presentation can be done using effects implemented in the slide transition process. To create a computer animation showing the movement of the Earth around the Sun, you need to create a sequence of frames on which are drawn different positions Earth in orbit. (The teacher gives a presentation in normal mode). To create the illusion of movement, it is required to quickly display them sequentially on the monitor screen (the teacher demonstrates an animation implemented by changing slides - the presentation "Movement of the Earth around the sun"). (tr. 2-47 in Slideshow mode)

Why do we see the Earth moving (leaps)? And what should be done to create a complete illusion of movement on the monitor screen?

Pupils: In order for us not to see jumps, we need to make more slides. The number of frames per second must be at least 24.

Animations in presentations can also be created using animation effects for each object on a slide. (sl. 48)

Another way of animation is gif-animation - a sequence of raster graphic images (frames) that are stored in one raster graphic file in the gif format. To create a sequence of raster images, you can use a regular raster editor, and to turn them into a gif-animation, you can use a special editor. (Teacher clicks on a link that takes you to the GIF animator program sl. 49)

The next way to create animation is flash animation, which is based on the use of vector graphics and is a sequence of vector drawings (frames). The frame is built using a set of vector graphic objects, for each of which you can set the size, color of lines and fills, and other parameters. The advantage of flash animation is that there is no need to draw every frame. It is enough to draw keyframes and set the type of transitions between them (p. 50). The flash animation editor will automatically build intermediate frames. If there are a lot of intermediate frames, then the animation is smooth, and if there are few, then it is fast. The teacher demonstrates the theme 7 of the Lyceum Project 1548 from the collection of works of the 2012 Flash Project Competition, organized by Moscow State University. M.V. Lomonosov (or converting a blue square first into a green triangle, and then into a red circle. (Hyperlink) To view flash animation, Flash Player must be installed on the computer.

4. Consolidation and reflection.

Pupils are transferred to their workplaces. The teacher seats the students according to the principle: a strong student - a weak student for neighboring PCs.

Practical work "Animation in presentation" (10-15 minutes). For those who finish the work earlier than in 10 minutes, an additional task: Draw and animate the movement of the Moon around the Earth on your own.

Practical work

Create image animation in Microsoft presentations PowerPoint 2003

Hardware and software.Windows computers, presentation design software Microsoft PowerPoint 2003 included in the integrated office application Microsoft Office 2003.

Objective. Learn how to use the power of presentation design software to create an animated image effect.

Exercise. Apply animation effects to a static image embedded in a presentation to create the illusion of object movement.

Animating an Image on a Slide

Launch Presentation Editor Microsoft PowerPoint 2003 command [ Start - All Programs - Microsoft Office 2003 - Microsoft PowerPoint 2003]. Select Blank presentation.
For the convenience of getting the job done, replace the title slide of the presentation with a blank slide. To do this, right-click on the title slide and in the context menu in the section Layout select Blank Slide.

Let's create an animated movement of the Earth around the Sun.

Increase travel distance if necessary A circle using special markers (squares).

Select the Earth object again, click the buttonAdd animationand run the command [Selection - Rotation].

Set up animation effects.

Call the task pane, on the tab Animation.
In the area that appears on the right, select the first animation effect you added (the motion path A circle ) and by right-clicking on the selected one, in the menu that appears, select the itemEffect Options….
In the dialog box that appears Circle on the Effect tab move the parameter sliders Smooth start and smooth ending for 0 sec. :

Switch to tab Time and change the options like this:

Click the button OK.
AT Animation areasselect the second animation effect Rotation and in Effect Options...apply the following settings to it:

To preview, run the presentation with the key F5 .
Select the object "Sun" and add animation to itChange of size. To do this, follow these steps:

To adjust effect parametersChange of size in Animation areas(in the program window - on the right) click on the added effect with the right mouse button and selectEffect Options….
On the Effect tab set the following settings:

(To adjust the size of the effect, click the drop-down button and in the Other: manually enter 95% . To accept this size, after entering the number, press the key).

On the Time tab set the following options:

Collective game "Who is faster" (3-5 minutes). Two teams: one student at the computer - the operator - at the choice of the guys, the rest sit at the back and discuss actions together, the operator makes the final decision and works on the computer. Teams are instructed to create an animation in PowerPoint of two roosters going in opposite directions. The team that completes the task faster and without errors wins.

So: PC #1-4 – team #1 will sit at PC #1, PC #5-8 – team #2 will sit at PC #4. Select an operator. (Students' choice.) Take seats at computers #1 and #4.

The teacher distributes 4 instructions (2 per team, players decide how to use them)

The game "Who is faster"

Apply animation effects

to images in Microsoft PowerPoint

Using Animated Image Rooster.gif from folder [ ], create an animation in PowerPoint presentations. Try to make the cockerel “run” across the screen, first in one direction, then in the other direction (in the opposite direction).

(When doing this work, use two copies of the image, one of which is reflected from left to right using the tool Rotate in Format menu that appears when an image object is selected.)

Open the Microsoft PowerPoint program.
Set the layout to Blank Slide.
Insert image Rooster.gif from folder [ Documents → 9th grade → Blanks].
Open the tab Animation effects "Paths of movement", draw the path of the cockerel in any direction, set.
Make a copy of the image of the cockerel running in the other direction.
Similarly to point 4, draw the path of the cockerel in the other direction.
Show animation.

Teacher: Team #___ won. Congratulations to the winners!

Teacher's conclusion: We knew that there are raster and vector graphics. Raster drawings are created in a raster graphics editor, vector drawings - in a vector one. And today we learned that there is also animation - raster and vector, which are based on raster and vector graphics, respectively.

The teacher gives grades. Students complete the reflection cards.

5. Homework:§ 1.4, create an animated presentation using Clipard, according to the plot: a person leaves the house - approaches the road - passes the car - crosses the road - leaves. As always, materials for the lesson are posted on the website tamau.ucoz.ru.

BIRTH OF ANIMATION

The word "animation" means "animation".

In our country, this term appeared in the 1980s.

In order for a drawn or three-dimensional character to come to life on the screen, its movement is divided into separate phases, and then filmed.

Walt Disney became the most famous among animators.

In 1936, the Soyuzmultfilm studio appeared in Moscow.

COMPUTER ANIMATION uses fast-paced frames, which the human eye perceives as continuous movement. The more frames change in one second, the more complete the illusion of movement appears in a person. This is how it is done in movies. Here, 24 frames are replaced per second.

the movement of the earth around the sun

THIS IS AN ANIMATION DEMONSTRATION OF THE EARTH ROTATION AROUND ITS AXIS .

FLASH ANIMATION.

Flash animation is based on the use of vector graphics and is a sequence of vector drawings (frames).

FOR EXAMPLE, to create an animation showing the transformation of a blue square first into a green triangle and then into a red circle, it is enough:

1 .in keyframes (first, fourth and seventh) draw

the above objects;

2. Set the type of animation transition between them.

FRAME 4 key

FRAME 1 key

FRAME 7 key

THE MOST IMPORTANT:

A n i m a c i i- this is the creation of the illusion of movement of objects on the monitor screen.

gif – animation is a sequence of bitmap graphic images that are stored in a single bitmap graphic file in the GIF format.

Flash animation is based on the use of vector graphics and is a sequence of vector drawings (frames).

THE MOST IMPORTANT:

Advantages of Flash-animation:

there is no need to draw every frame. The Flash animation editor will automatically build intermediate frames.
a small information volume of files, and therefore Flash animation is widely used on Web sites on the Internet. Flash editors (eg Macromedia Flash) save animation files in FLA format.

"Raster and vector animation"

Animation in presentations

Presentation development programs allow you to select one of the types of animation effects that will be implemented during the slide transition. For example, when using the effect Influx to the left the next slide will appear gradually, running over the previous slide from right to left. Animation effects can also be used when placing objects on slides. For each object, you can choose the most suitable effect: gradually appear, fly out from the side, turn around to a specified size, decrease, move along the selected trajectory, flash, rotate, etc. Animation effects allow you to draw attention when placing long text on a slide: the text may appear whole, by words or even by individual letters.

There are a large number of computer programs that allow you to create animation. These are already known to you Logo, Power Point, Photoshop and many others. All types of animation can be divided into 2 categories: GIF and FLASH.

Create a GIF animation

A GIF animation is a sequence of bitmap graphics (frames) that are stored in a single bitmap image file in the GIF format. To create a sequence of bitmap images, you can use a regular bitmap editor, and to turn them into GIF animation, you can use a special GIF animation editor.
A large number of frames leads to better animation quality, but at the same time increases the size of the GIF file. To reduce its information volume, you can animate only some parts of the image by using frames of different sizes.

Flash animation

is based on the use of vector graphics and is a sequence of vector drawings (frames). The frame is built using a set of vector graphic objects (straight and arbitrary lines, circles and rectangles), for each of which you can set the size, type of lines and fill, and other parameters.

The advantage of flash animation is that there is no need to draw every frame. It is enough to draw, keyframes and set the type of transition between them (free transformation, transformation with rotation, transformation with reflection, etc.). Flash-animation editor and will automatically build intermediate frames. If there are a lot of intermediate frames, then the animation is smooth, and if there are few, then it is fast.

For example, to create an animation demonstrating the transformation of a blue square first into a green triangle and then into a red circle, it is enough to draw the above objects in keyframes (first, fourth and seventh); set the type of animation transition between them.
In the process of viewing a flash animation, vector frames sequentially appear on the monitor screen, which creates the illusion of movement. When creating a flash animation, you can set the number of frames per second, the higher it is, the better the quality of the animation

The advantage of flash animation is the small information volume of files, and therefore flash animation is widely used on Web sites on the Internet. To develop flash animation, specialized flash editors (for example, Macromedia Flash) are used, which save animation files in a specialized FLA format.