Cascading Style Sheets Tutorial

Flash in the mouse painting skills

  Prologue: the Internet so much fun watching the colorful Flash, I believe that many of my friends would like to have their own personally generated animation aspirations.    But we and the majority of people did not learn painting, there is always a lot of ideas was unable to express their own brushes.    Although some friends have a good grounding in painting, but do not have the scanners, hand-painted plates and so on professional tools, and can not speak.    In fact, as long as you have a good mouse, and make good use of onboard Flash drawing tools, and carefully reading the paper, coupled with the careful and patient, even if not received any professional training in painting, you can produce a very nice Fixed comic effect. 

  This article explains how to use a mouse's facial mapping, including Lianxing shape, drawing the eyes, mouth shaped in three parts, the other graphics painting, you can provide in accordance with the ideas and methods of self-exploration, as we first of the first part. 

  Face shape 

  Attractive characters facial features, animated works will hyperchromic many.    Face shape from the front and side of the multi-perspective, first of all, we have to learn the basic positive modeling (see Figure 1). 

  This is a positive basic facial shape is produced entirely with the mouse! 

  Below we look at the production process: 

  (1) to identify the basic Lianxing 

  Determination of basic Lianxing can use inductive method that can be used to shape the face of a basic graphics to express, such as: triangle, circle, square, and so on.    Below me to a triangular to determine the basis of facial shape (Figure 2). 

  Through painting two straight, and then to adjust their relative position, we can produce a triangle. 

  (2) the adjustment of cheek 

  In the basic Lianxing identified, we can carry out some minor adjustments, use the arrow tool in the toolbox to the triangle that started on both sides of the field, some curvature, and that like the cheeks of the (Figure 3), Step behind the increase is to prepare nodes. 

  Use the arrow tool will pull out two straight arc. 

  (3) To increase the node 

  On the triangle in front of us to adjust, the magnitude of the adjustment, is not a good grasp details, we give the edge to increase two more nodes, and this can be different for each side of the fine-tuning, increased attention should be paid to the general nodes : Node not too much should be evenly distributed (Figure 4). 

  Lianxing positive nodes position: on the one pair of eyes is the location of nodes, the nodes on the chin determine the location, we can in accordance with their own specific situations to adjust. 

  (4) The adjustment Lianxing details 

  Good increase for each node after node can be fine-tuning, you satisfied with the results achieved position, the key is to patiently and carefully (Figure 5). 

  Adjusted after the Lianxing 

  (5) Production head 

  Lianxing good adjustment, it is necessary to add overhead, and most of the basic shape of the head is round, so we have to draw a Shift key according Zheng Yuan, the adjustment has been good round into the upper Lianxing.    Then need only to the second part of a round lines removed, leaving only the first half of such a basic Lianxing almost made (Figure 6). 

  Use the arrow tool selected the same round at the second half lines will be deleted, the head outline form. 

  (6) Fine adjustment Lianxing 

  We did just above a rough adjustment, the following on the need to be fine-tuned, we are able to position the head properly reduced, as far as possible consistent with the proportion of the head and face, until you look satisfaction (Figure 7 ). 

  End Lianxing positive adjustment, and finally some people like a:). 

  (7) Add ears 

  Face shape has been basically completed, the following need to add some essential parts!    Ears are indispensable, first painting an ear, and then Copy to end with "modifications" menu command to copy the inversion good ears vertical inversion.    Add to the two ears in the appropriate place in the face to complete the shape of the face (Figure 8)! 

  With the protagonist of your ears 

  OK!    Portray a positive face has been good, and in most cases have a positive Lianxing-it is not enough, it is also necessary to figures produced at different locations Lianxing, I probably summed up what (Figure 9)! 

  Auxiliary lines attention to the face, to different directions, there are changes in perspective 

  A good grasp of the direction of the face is whether the figures accurately portray the key demeanor, and hope that everyone observe, practice more fully grasp the changes of the face. 

  In this paper we have at the beginning of said, Lianxing shaping can be used in peacetime to inductive method that can be summed up to what this Lianxing basic graphics to pose?    I made four examples to help everyone analysis (Figure 10 ~ 13)! 

  Cases of a similar combination of graphics: the combination of the two elliptic through some coloring skills on the right of the results can be achieved, is fantastic! 

  Example 2, the combination of different sizes of graphics: 

  Three cases, a combination of a variety of graphics: 

  Four cases, a single graphics deformation adjustments: 

  Drawing eyes 

  After the study period, we may have already discovered, we are not really using the mouse to painting, or rather should be used to adjust the mouse to the needs of shape.    How kind, and now you think that a mouse in the hands of more obedient? 

  Below we will learn how to draw people's eyes, OK, pick up your "mouse", to "tune" it:)! 

  First, we must summed up in the minds of a good eye contour shape, a few hearts to be God-like rats.    With regard to specific adjustment method, in the period we have already mentioned, is mainly used pen and node editing tools to adjust the arrow tool arc, in the current period presentation will not repeat, we will focus on is how to demonstrate the characteristics of the eye. 

  The first step, to create eyebrows and the orbital (Figure 1). 

  Radian Road through several different curves can be drawn on the basic shape. 

  The second step, add the eyeball.    Because people's eye view from the front is a basic round, we draw a circle to not to forget the painting when ah hold down the Shift key (Figure 2). 

  Normal eyeball is generally not fully exposed, so we need to put in the position of the eyeball slightly on the point. 

  The third step is to remove the excess part of the eyeball, and then draw the outline of Yanbo line (Figure 3) 

  Drawing contour line here is convenient to fill Wenbo, the future contour line is to be deleted. 

  The fourth step is to fill colours.    Color can choose their own preferences, of course, the better you Huobiaoliang (Figure 4). 

  Here we have chosen the deep blue tones of the spherical fountain fills. 

  Step 5 with a linear effect of graded filled Wenbo (Figure 5). 

  If you make above the eyes has been very satisfied with the results, this step can be omitted.    . 

  Step 6, add reflective eye, and this can occur, "the water Lingling big eyes" effect, doing little modification, can be added to the eyes of a pupil.    As long as the increase in eye centre of a small black dots on the (Figure 6) 

  Here we add to some mascara eyes, the eyes looked more lively number. 

  Above the eyes will not make the move, if you want the animated characters in the eyes of God some more can be said of small dots high-made film devices (Movie Clip), a copy of the three different small ( I used three high-point, the CG in Japan because of the general shape is so, Oh, just to learn, not advocating oh.) on the different layers, to make some changes in the size of the Motion Animation, which will allow eyes glistening dynamic of the (Figure 7). 

  High-monitor to control the direction of the eye is very important, attention to the adjustment of the three high-point of size and location. 

  The molding of mouth 

  In the comic, the mouth is relatively good performance of the site, sometimes only need a straight line to be able to come out.    But if the comparison is a realistic mouth, will be rather cumbersome.    Making mouth is the major tool for pen-based, and adjust by adding nodes to form the shape of mouth, I am now providing mouth for the production process legend, but the specific production process here do not speak: (see Figure 8 ~ Figure 11 ) 

  Finally we look at the painting again after good but the distribution of nodes (Figure 12), nodes can be seen in adjusting the shape of the importance of lines. 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Tags: css mouse style, div flash, div skills

Releated Posts

  • Flash small skills allowScriptAccess
  • Flash senior learning skills: picturescroll picture scroll mouse
  • Flash mouse with interesting results
  • Flash printed with the mouse
  • Flash on the skills and links htm

This entry was posted on Friday, August 31st, 2007 at 12:00 am and is filed under Css+Div Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Chinese version of the Flash 8 Video Guide (18) effects - Projection
Introduced a method of making snow filled »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial