Flash animation Background Rendering Method-perspective

Source: Internet
Author: User
Tags modify
Flash Animation

Flash animation in the network spread widely, has become a popular internet one kind of art form. Flash also becomes the ideal way for friends to express their feelings and show themselves from a tool software.

In the flash works, the friends pay great attention to the creation of the characters, ignoring the drawing of the animation background. Animation background refers to all things except the animated character, which is an indispensable key factor of an animated work. Reasonable and accurate animation background, can foil animation theme, enhance the role of animation atmosphere.

There are many ways to draw the animation background, and there are many ways to express it. This will be combined with the basic knowledge of perspective to give you a brief introduction to the animation background of the drawing.

A parallel perspective of the animation background.

A parallel perspective is a lens (the observer's point of view) that is parallel to the picture. His advantage is that it is stable and easy for everyone to accept. The disadvantage is that the frequent use of parallel perspective, will cause the whole animation of the classification, no anger. Here we'll draw a typical animated background with a parallel view.

(Since the flash version has little impact on the drawing, this example uses the MX Chinese version)
1, running Flash MX, document properties default.
2, in the stage to draw a horizontal line, this line is named as the horizon. The horizon is the height of the eye of the viewer. The location is shown in Figure 1.


3, in the visual flat line to determine two distinct points, named more than 1 and Rest point 2. These two points are the vanishing point of the drawing background. As shown in Figure 2.


4, in the stage using geometric figures to draw a building background. The shape of any object in nature can be represented by geometric figures. Using geometry to draw is also a good habit for beginners. Draw a vertical line line on the horizon, which is the height of the building that we are going to represent. The y-axis position of the vertical segment depends on the height of the building you want to draw. For example, when the height of the building 17 meters, your horizon height of 1.7 meters (that is, your eyes on the ground vertical distance), then your vertical segment of the y-axis position will be in 1/10, as shown in Figure 3.


5. The vertices and the bottom points of the vertical segment are connected with the dotted line at point 1 and point 2 respectively. The four dotted lines are the vanishing direction of the object. As shown in Figure 4.


6. At the sides of the vertical line, use the vertical line to intercept the two sides of the building. The side of the distance from the rest point is smaller, which is due to the perspective of the deformation produced. As shown in Figure 5.


7, the vertical line to intercept the line to modify to the solid lines. Such a right angle parallelepiped we have finished drawing. As shown in Figure 6.


8, this is not a building graphics, we have to continue to modify. We set 10 points evenly on the vertical segment in the middle. As shown in Figure 7.


9, then from each point to the rest point 1 and more than 2 to do wiring. That is, we are going to draw the vanishing line of the window above the building. As shown in Figure 8.


10, the building graphics range to modify the dotted line Cheng Shi. As shown in Figure 9.


11. Now we will determine the horizontal distance between the windows of the building. Because the building produces the perspective deformation phenomenon, so the original horizontal interval equal distance, become distance more close, the distance is smaller phenomenon. As shown in Figure 10.


12, finally, the redundant lines to delete, the building line diagram completed. As shown in Figure 11.


13, the use of paint bucket tools to fill the building color, a very accurate background appears. As shown in Figure 12.


14, the background of the animation is often not the appearance of individual objects. What should the other buildings do? The method of drawing is the same, is to use the visual flat line, the rest point to complete. As shown in Figure 13.


15. Several other forms of parallel perspective. As shown in Figure 14-15. Special attention is shown in Figure 15. In this picture, it is not a look down effect, but a parallel visual effect.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.