What is the principle of Flash animation?

Is to use the principle of human visual residue! The pictures are connected into an animation!

Responder: gty _ Jordan- Magician Level 5 7-24 10:4 1

Just like the principle of movies, you can see the dynamic effect by playing many pictures (photos) continuously according to a certain number of frames.

Respondent: reauh- manager level 5 7-24 10:43

Do not study the principle. 8. Everyone can do flash.

Respondent: zjc 590 18- assistant level 3 7-24 10:44.

Users may have seen the actual movies that make up the movies before. On the surface, they look like a bunch of pictures on a plastic film. Each picture is called a frame, which represents a time period in the movie. The content of these frames is always slightly different from the previous frame, so that when the film is shown on the projector, the illusion of motion is created: each frame is very short, and it is quickly replaced by another frame, resulting in motion.

Flash animation is no different, just like a moving picture, which includes many independent frames, and each frame is slightly different from the previous one. Keyframes define the position where the animation changes, such as when to move or rotate objects, change the size of objects, add objects, reduce objects, and so on. Each key frame contains any number of symbols and graphics.

When moving the playhead or playing a movie on the time axis, the user sees the graphic content of each frame in the scene. When the picture is shown at a fast enough speed, the illusion of motion will occur.

Just like plastic films make up a real movie, the timeline of Flash includes all layers and frames of animation. The timeline can be any length, and it can also be displayed at the speed that users want-of course, it should be within a reasonable range (the fastest is 120 frames per second). The speed unit of any movie (including Flash movies) is frames per second or fps.

When a Flash movie reaches a key frame on the timeline, it can do something that ordinary movies can't do-frame action. You can set frame actions to complete some tasks, such as jumping to other frames and opening URLs in browsers. Just like in a real movie, the timeline of Flash allows users to divide the timeline of the movie into several segments, thus using the scene to move from one location of the story to another.

Responder: rotten little magician level 4 7-24 10:45

/escool/includes/zhuan ti/flash 1 130/index . shtml

Please take a look at this tutorial for details. You will learn more. There are too many things to talk about. It's all CTRL+C, and then CTRL+V is boring. It is more interesting to learn more by yourself. .

Thanks for your support.

Respondent: Kangda421-Assistant Level 2 7-24 10:46

The original animation principle, you may have seen slides, is the principle that you can see continuous animation by releasing every picture at a speed of 24 frames per second.

That is, frame-by-frame animation in FLASH.

The same is true of movies.

19 In the 1920s, British scientists discovered the phenomenon of "visual persistence" of human eyes (the image of an object can stay on the retina of human eyes for about 1 second after being moved), revealing the principle that continuous decomposition action produces moving images when flashing rapidly.

Speaking of Flash, everyone must be familiar with it. Macromedia is a streaming media animation software based on vector graphics. Now the application direction of Flash has become more and more extensive, from the network, media to mobile phone MMS, which has gradually entered our lives. Learning Flash can not only satisfy your desire to make professional animation, but also play a great role in personal development. Among the Three Musketeers on the Web, Flash is a very personalized, independent and closely integrated streaming media animation software. Simple operation can make dynamic animation, support multi-format multimedia file placement and powerful interactive function, which are the reasons why we have to learn Flash.

There are two animation methods in Flash, one is similar to frame animation in Fireworks, and the other is tween animation. Using frame animation can make some real and professional animation effects. Tween animation can easily create an animation effect of smooth transition. Which way is our final choice?

Knowledge points: Flash animation principle, frame animation, tween animation. Flash animation principle, frame animation production, tween animation production. If you know what comics are, FLASH uses the principles of comics.

But he divided each picture into frames and played them quickly.

But because FLASH animation is highly compressed, the file is very small, and now it is widely used. You can also control the animation by programming, which makes the animation file smaller and easier to control.

This is FLASH animation.

Interviewee: Zhang Kuiru-Scholar Level 2 7-24 10:53

First of all, we must understand the principle of showing movies in cinemas-the pictures flash at a very fast speed, such as 65438+25 in 0 second. Because the human eye's vision is lingering, when the human eye sees this picture, the last picture will linger, so it becomes animation; The principle of Flash animation draws lessons from the principle of movie playing, but the "film" in Flash is equivalent to the key frame, and the image on the film is equivalent to the graphic element on the key frame. The graphic elements on the key frames are continuously played at a certain speed and become animation. Film is the carrier of images, and graphic elements in Flash are also placed in the scene.

Respondent: Chen OJ- scholar level 2 7-24 10:54

Guide it here to have a look.

Can make you learn something.

Hmm. How interesting

/Article/LUN Wen/200509/327 . html

Respondent: bbma- Juren Level 5 7-24 10:59

This is the same principle as showing a movie.

Responder: kods- Trainee Magician Level 3 7-24 1 1:20

Can make you learn something.

Respondent: boy Han 320- probationary period level 1 7-24 1 1:32.

Just like the principle of movies, many continuous pictures are played according to a certain number of frames, so that the images are preserved to form an image.

Respondent: fgsrbmklw- Assistant II 7-24 1 1:42

Keep the image to form an image.

Interviewee: romantic interpretation-trainee magician level 2 7-24 13: 15

To put it bluntly, it is a combination of cutting and painting.

Respondent: freefirenn- Assistant III 7-24 13:20

Is to use the principle of human visual residue! The pictures are connected into an animation!

Responder: Little Bean-Magic Apprentice Level 1 7-24 13:40

Vector diagram, frame animation. It's that simple.

Interviewee: 4 142 1356237309- assistant level 2 7-24 16:25.

Flash images are interactive two-dimensional vector graphics and animations specially created for the network. Network designers can use Flash to create navigation control bars, dynamic signs, animations with synchronized audio, and even complete visually rich websites. Flash images are compact vector graphics, so they can be quickly downloaded and scaled to fit the viewer's screen size. When creating with Flash, you can create images by drawing or importing your own works, and arrange them on the scene (the scene is a place where you can synthesize a single frame into an image, draw directly or arrange the imported works), and use the timeline for dynamic control. Like movies, Flash images are divided into several frames according to the length of time. You can also interact by making it react to events or make changes in a specified way. After the image is completed, it can be output as a Flash image, or it can be embedded in an HTML webpage and uploaded to a network server together with the webpage.

3. 1.2 Flash Timeline, Frame and Layer

Timeline is used to organize and control the contents of different layers and frames of images at different times. The most important components of the timeline are frames, layers and playheads. Timeline window is the place to adjust the animation playback speed and put the works on different layers. The timeline displays each frame in the image.

Animation is created by changing the content of subsequent frames. You can move objects in the scene, increase or decrease their size, rotate, change colors, fade in or out, or change shapes. All changes can occur individually or together with other changes.

In Flash images, each scene contains different layers. When making animation, the function of layers is mainly to organize all parts of sequence animation and separate animation objects so that they will not be rubbed, connected or divided. If you want Flash to insert and move multiple sets or components at once, each set or component must be in a separate layer. We just use the special function of the layer to make the demonstration animation of "picture in picture" on TV: the background layer is a static TV image, and the second layer contains independent animation objects, so that the "picture in picture" effect moves in the four corners of TV. This is an example of how to use timeline, frames and layers to make animation.

Complementary animation steps of reversing relative phase distortion line by line;

Take (1) as the coordinate axis, draw the vector Fn representing the signals of n lines and the vector Fn+ 1 representing the signals of different layers (n+1), and mark the angles, as shown in figure 1(a), where there are only fn and Fn+ 1 vectors.

(2) Select the vector Fn, and select Insert → Convert to Symbol → Convert to Graph; Also convert Fn+ 1 into graphics;

(3) Insert a key frame after the frame where the vector Fn is located, and it can be seen that the previous frame is actually copied after the insertion. Here, it is used to represent the vector Fn' with a phase shift of n lines and rotate it by a certain angle;

(4) Double-click the previous frame to pop up the frame properties panel. Select the motion in the transition effect to open the distance between two frames, and then you can see a solid blue line in the middle. Drag the timeline with the mouse, and you can see that the greater the distance, the slower the rotation speed, which can be adjusted according to requirements. Similarly, move Fn+ 1 clockwise to (n+ 1) line vector Fn+ 1' with phase shift, as shown in figure1(b);

(5) Create a new layer, take Fn+ 1' as the initial frame, and carry out the inversion process of Fn+ 1' according to step 3-4 to generate the vector Fn+ 1' inverted by Fn+ 1', as shown in figure 1(b

(6) Then copy FN' and FN+1''to the new layer, and draw the synthesis vector f of FN' and FN+1''according to the synthesis rule, as shown in figure 1 (b);

(7) Finally, stagger the animation time of each stage.

3. 1.3 Flash sequence animation

There are two methods to make sequence animation in Flash: frame-by-frame animation and interpolation animation. In frame-by-frame animation, the image of each frame should be made; In interpolation animation, only the images of the start frame and the end frame need to be made, and the intermediate transition frame is automatically created by Flash. Frame-by-frame animation increases the file size much more than interpolation animation, so we often use interpolation animation.

Interpolation animation is a very effective method to create motion and deformation while keeping the file size to a minimum. Unlike frame-by-frame animation, for interpolation animation, Flash only needs to save the value that causes the frame to change, not the whole frame. Flash can make two types of interpolation animation. The first is called tween animation, which defines the properties of an entity, a set or a text block at one point, such as position, size and rotation, and then changes these properties at another point. The second type, called shape tween, first draws a graph at one point, and then changes the graph or draws another graph at another point. Flash will create an animation by giving new values or graphics in the middle frame. In the electrical courseware, according to these two kinds of interpolation animations, many animations are made to demonstrate the current and signal flow direction. Here is an example.

Make an animation of the charging and discharging process of the line output circuit;

(1) Draw waveform coordinate axes in Flash;

(2) Draw the charging and discharging waveforms at different stages with the green line, as shown in Figure 2(a);

(3) marking the t value of each time period;

(4) Make a flashing effect to highlight the time interval of charging and discharging. You can create several new layers, draw a matching red waveform according to the waveform, thus forming a frame object, insert a blank frame in the following frame, and then copy the red waveform frame to the back of the blank frame, thus completing part of the waveform flicker effect;

(5) Using the same method to make the flicker effect of each band;

(6) After completing the waveform diagram, start to make the schematic diagram of circuit charging and discharging. Draw the corresponding circuit diagram, as shown in Figure 2 (b);

(7) In the corresponding circuit, the current direction is indicated by a red line.

3. 1.4 advanced design of flash memory

Flash has a special layer-a motion-oriented layer. The motion-oriented layer allows a path to be drawn along which an interpolated entity, set or block can be dynamically changed. You can link multiple layers to the same motion-oriented layer so that multiple objects can move along the same path. Using the motion guide layer, you can animate moving along a specific route.

Interactive images are essential in making wonderful Flash animation, which can let learners participate in it. By using the keyboard and/or mouse, students can jump to different parts of the image, move objects, enter table information or perform other interactive operations. Interactive video is realized by setting actions. The so-called action is a set of instructions to be executed when a specific event occurs. The so-called event that can trigger an action is when an image is played to a certain frame, or the user clicks a button, or presses some keys on the keyboard. These are called events. Using actions requires some programming experience. Through action, you can make an animation effect that stops playing. Adding an actions command to a button, such as controlling the animation of a signal, can stop the animation when the signal flows through a component, so that learners can flexibly switch between animation and text interpretation at any time.

3.2 Flash animation output

When using Flash to make network courseware animation, some other files are often needed. If you want to open a Flash image in a browser, you must first open an HTML document, and then start Flash Player and play the image. In addition to this HTML document, you can also create an animated GIF version, JPEG or GIF image of Flash image, which can be displayed without installing Flash Player.

The main file format of Flash images is. Sovereign wealth fund. This is the only file format that supports Flash interactive function. There are several ways to play Flash pictures: 1, which can be played on Netscape and Internet Explorer browsers with Flash Player. 2. Play it on Director and Authorware with Flash Xtra. 3. Play games in Microsoft Office with Flash Active X controller and other hosts with Active X. 4. Play as part of QuickTime image. 5. Make it into an independent player called projector to play.

. Swf is an open standard and can be supported by other programs. In addition to swf format, images and still images can be output from Flash in various formats, including GIF, JPEG, PNG, BMP, QuickTime or AVI.

4. Incorporate various technologies into the animation production of network multimedia courseware.

4. 1 PhotoShop image processing

Using the drawing function of Flash, it is convenient to make the circuit diagram and draw the signal flow direction. However, in Flash software, there is no overlay mode of layers, so it is difficult to express clearly the process of additive mixing of three primary colors. The image processing software PhotoShop can solve this problem.

HotoShop is a professional image processing software, which can draw graphics and optimize pictures. But PhotoShop can't produce continuous animation effect, so we decided to use PhotoShop to make several key frame images, and then import Flash to synthesize a more continuous animation.

For example, PhotoShop image processing and Flash animation are used when making the additive color mixing animation of "red light plus green light". The specific steps are as follows:

(1) Open PhotoShop and draw a circle that does not intersect each other on the two layers, and fill it with red and green respectively, as shown in Figure 3 (a);

(2) Change the upper mode to screen mode;

(3) Shorten the distance between two circles (more key frames can be made to make the animation continuous) and save it;

(4) As shown in Figure 3(b), when two circles intersect, the superposition mode of the two layers is screen mode, so the additive and mixed color effect can be produced. Continue to shorten the distance between the two circles, make more key frames and save them in turn;

(5) Open Flash and import the just saved picture;

(6) Make a button to control animation. You can choose: insert → symbol → button;

(7) Go back to the scene, open another layer, drag the button to an appropriate position, right click, set the button attribute, select goto in the action attribute, and set the target frame as the starting frame where two colors of light are superimposed; At the same time, stop action is added to the end frame of two-color light superposition;

(8) In the same way, do the color mixing processes of "red plus blue" and "blue plus green" respectively, and pay attention to staggering the frame positions of each superposition process so as to present the color mixing processes respectively.

4.2 Adobe Premiere video editing software

Adobe Premiere is a powerful nonlinear video and audio editing system. Adobe Premiere supports files in various formats. For video animation files, it supports. avi，。 mov，。 Movies and. flc，。 Fli, and also supports. Tga and. Gif file. For still images, it supports. psd，。 bmp，。 pic，。 Tif and other formats. For audio files, it supports the following formats. Wav and. Aif, so it can be used with many softwares that support these formats.

With the support of audio-visual processing card, Adobe Premiere software has the following functions: digital processing of dynamic analog signals output by audio-visual equipment, nonlinear editing of audio-visual media, dubbing or superimposing of words and images, special effects processing of clips and video compression.

Adobe Premiere provides a variety of accurate video editing tools, which can generate broadcast-level video files. When making network multimedia courseware, we often use some videos to demonstrate the teaching content, or make some still images into continuous animation. At this time, although Flash can also be used to make it, the production process is complicated and time-consuming, and the animation effect produced is not smooth. Adobe Premiere can capture several frames of images from a huge video file, and then use Flash to process them, so as to obtain satisfactory animation effects.

Adobe Premiere's video processing function is very powerful. We need to use some video materials when making electrical courseware, but the existing video materials are very large. If they are inserted into web pages, the loading time will be longer due to the influence of network transmission speed, so they are not suitable for network multimedia courseware. At this time, using Adobe Premiere to process the video, remove redundant frames and provide compression ratio, which can greatly reduce the size of the video file and make it suitable for web page making without affecting the teaching requirements.

The screenshot function of Adobe Premiere provides us with more original materials for making the courseware of Electricity. When making "TV Scan" animation, Adobe Premiere is used to capture several frames of images except video, and then Flash is used for frame animation.

4.3 Scanners and digital cameras

When making electrical courseware, we used a lot of materials. Some of these materials are drawn in Flash and PhotoShop, such as circuit diagrams and block diagrams. But sometimes we need to use physical drawings or more complex images, so we can't draw them by hand, and it takes a lot of time. Scanners and digital cameras can provide us with these materials conveniently. For example, when making the working principle of the camera tube, we need to use an animation to illustrate the working principle of the camera tube. The structural diagram of the camera tube is very complicated and difficult to draw. We use a scanner to scan the ready-made pictures into the computer, and then use Flash to make animation to show the direction of electron beam and current. Television pictures used to make "picture-in-picture" animation are also taken with digital cameras and then processed with flash.

Therefore, when making courseware, we should make full use of existing technology and equipment to improve work efficiency. Especially in the collection of materials, it can easily obtain a large number of realistic materials, making the courseware more convincing and expressive.

5. Concluding remarks

No matter what tools are used to develop the animation of network multimedia courseware, the teaching content must be displayed in the most vivid, direct and accurate way. When making, the producer must first have a deep understanding of the teaching content displayed by animation and a clear idea of the demonstration process of animation. When designing animation process, we should choose appropriate software tools, especially pay attention to the comprehensive use of various software tools to learn from each other's strengths. Only in this way can we make vivid teaching demonstration animation, give full play to the advantages of network multimedia courseware and improve teaching effect.

Interviewee: Ai Xueqi-Assistant Level 2 7-24 17:38

Visual residual

Respondent: WBS it- Scholar Level 2 7-24 20:3 1

Visual residue, like general animation, divides an action into several parts.