Draw QQ Chat expression in fireworks [1]

Some time ago, for you to explain how in fireworks to draw QQ Skin Tutorial examples, I believe that we have been harvested. This time we use fireworks with the GIF animation production function, for you to explain the dynamic QQ expression production. Thus also personalized QQ to carry out in the end!

In our daily life, people's expressions are included in the "Emotions". But in the online QQ chat, the usable expression action is rich and colorful, especially the appearance of dynamic expression, more can be a kind of emotion performance vivid and interesting show out, this kind of expressiveness sometimes than the expression of words also want to penetrating. Because QQ itself with the chat expression is limited, so many friends are happy from other software or forums to collect all kinds of chat expressions, and then add to the QQ expression library for use. But this will inevitably make different styles, the size of various types of expressions mixed use, resulting in a kind of regret. To this end in this example tutorial will take you to try to draw a unified appearance and personalized QQ expression.

Before we draw, it is necessary to select the expression to be drawn, only the more commonly used in chat or their preferred expression as a design goal, of course, to draw more of their own original style of expression is the embodiment of the real personalized. In addition, we are going to draw the GIF format is dynamic expression. Therefore, it is also important to keep the same inertia of the first and last frames as possible.

In this example tutorial selected is my own set of "Big eye mung bean" chat expression, because the expression is more, plus the limit of the length of the tutorial, it is impossible to all the expression of the drawing process. But same, the method of drawing is limited. Therefore, I will focus on the following three sections of the Fireworksgif animation production features of the expression, make a detailed explanation.

A "magnifying glass"

When you start fireworks, create a new canvas with a resolution of 72,455*255 size. The canvas is larger for the convenience of drawing, and the size of the expression I choose is 65*65 pixel. That is to say, no matter how the expression is, it cannot be larger than this, and so is the whole set of other expressions. So, first of all, we should draw a 67*67 square on the canvas, and the expression will be drawn within this inch.

Let's draw the green Bean's face first, use the "ellipse" tool to draw a positive circle of the 59*59 size, and then use the "Partial selection" tool to select the node at the lower end of the circle and move up to 7 pixels up with the arrow keys. Then we fill it with the "oval" gradient, which is #9fec00 to #81b31a, and the stroke color is a 2-pixel soft stroke of #669506. As shown in Figure 01.

Figure 01

Then add the inner bevel effect to the object, setting the parameters as follows.

Figure 02

To make the mung bean's appearance brighter, we add a brightness/contrast effect with a brightness of 12 and a contrast of 20. After we finish, we will draw the green Bean's eyes. Use the Oval tool to draw a 18*18 circle, with an "oval" gradient fill, and a gradient value from #ffffff to #979797, with a stroke of 1 pixel soft strokes for the #577811. As shown in Figure 03.

Figure 03

To make the eyeball have three-dimensional, we draw a 12*12 on the eyeball. A full white solid fill with a feather value of 2 and a stroke is canceled. As shown in Figure 04.

Figure 04

We select the two objects that make up the eyeball, and then use the Modify-group command.

Then we'll draw the black eyes. First draw a 9*9 circle and fill it with full black. Then draw a 3*3 size circle with a full white solid fill. As a result, the high light portion of the entire eye is reflected, as shown in Figure 05.

Figure 05