A method of making an icon in Fireworks MX2004

Open FWMX2004 After the installation of the folder, we will find a name called Samples of the folder, which has many mm company to us some of the PNG format of the picture file, open the name of the shapes of the document, oh, is not there are a few beautiful graphics presented in front of us? By selecting these graphic objects individually, we can easily discover the mysteries of these beautiful graphics, we are related to the Crystal five-star production of the tutorial must have seen, should say five-star effect of the production is relatively simple, but the following is not so easy to make the icon, why so, let us first to "review" A very basic knowledge of it.

First, the preparation stage:

If you are a loyal user of FW, you must remember the object panel in FW3, version 4, as shown in the following figure. In subsequent fwmx and the latest FWMX2004 versions, most of the object panel's functionality is replaced by the properties panel and is more convenient to use. However, the object panel contents of the Path object shown in the following illustration are not reflected in FWMX and FWMX 2004, as the old user knows, the following panel is used to set the position of the path object and stroke, by default, the path is centered in the stroke object, The left button indicates that the path object is inside the stroke object, and the right button is the indication that the path object is outside the stroke object.

Since there is no this panel in the FWMX2004, we will be self-reliant, kite-making a related path object plug-in, please download , after decompression, directly run MXP file can be completed installation, open FWMX2004, You will find the window name of object (Path) under the Windows menu and click to open the floating panel, as shown in the following illustration:

Based on the previous experience we can know that the panel is required and subselection Tool (Super Selection Tool) to use, the following we will look at the plug-in's specific operating methods.

By default, the Path object is located at the center of the Stroke object, and in this case, look at the position relationship of the following diagram path object and Stroke object:

If we select the button on the left, in which case the stroke object is located inside the path object, as shown in the Location effect chart:

If you select the right button, the stroke object is located outside the path object, see the following figure:

Well, about the use of plug-ins we say so much, the following we will take a look at the production process of the example diagram, if we want to produce and example of the same effect, it must be used to this plug-in, so no plug-in friends will trouble you open FW3 bar, hehe. plugin Download .

　　Second, the production phase:

1, the selection of the Toolbox star drawing Tools, in the editing area to draw a pentagram, fill the effect of monochrome, color for the "#666666", stroke width of 6, white color, edge effect for soft rounded, as shown in the following figure:

Next, we need to make further deformation adjustments to the Star object, on the shape of shapes object adjustment methods, we have in the previous tutorial has a detailed introduction, here we will try to concise to the deformation process to do, if you have any questions, you can look at the relevant tutorials in front of us.

2, select the lower left points adjustment point, drag down the mouse, reduce the number of star-shaped objects, here we will change the number of corners to 4.

3, select the toolbox of the Super Selection tool, select the four-Star object, in the enlarged State, we can clearly see the path object in the Stroke object's central position, is the default state. Take a look at the picture below:

4. When the Super Selection tool selects the Star object, open the object (PATH) panel, select the leftmost button to place the stroke object inside the path object, see the following figure setting,

5, after the setting of the star-shaped object's stroke and the location of the path relationship as shown in the following figure:

6, next we want to the Star object deformation processing, to obtain the icon shape.

A, select the top adjustment point, drag downward,

b, select the top of the second adjustment point, drag inward, to adjust the internal angle of the smoothness,

C, select the most right adjustment point, drag in the center direction, increase the smoothness of the corners,

D, select the adjustment point at the bottom right, drag the internal direction, please look at the following figure:

E, will adjust the end of the Graphics object as a whole scale, magnified after the effect shown in the following figure:

7, may have friends for us must use plug-ins or can not understand, the following we will look at the use before and after the use of different. Now we'll cancel the stroke of the icon object above.

A, the following figure is the use of plug-ins after the effect of the map, we can see even if there is no stroke at the moment, but at the edge of the graphics object we can still find a circle of faint strokes, of course, this is not the so-called stroke;

b, if we do not use Plug-ins, the image after the elimination of strokes of the graphic effect shown below, the edge is very clean, there is nothing.

The difference is obvious, no more talk, we still continue the following operation!

8, restore the drawing object's stroke settings. Select the drawing object at the moment, perform the shadow and Glow-->inner Shadow effect command for the effect effect, and the value of the distance is set according to the stroke width of the graphic, about twice times the stroke width, The softness value is larger, the angle is set to 270 degrees, the specific settings, please refer to the following figure:

9, continue to perform the effect effect shadow and Glow-->inner Shadow effect command, the color uses "#666666", the angle is 450 degrees, other related settings please refer to the following figure:

10, or the implementation of the effect effect of the shadow and Glow-->inner Shadow effect command, the color "#666666", the angle of 360 degrees or 0 degrees can be, other numerical settings refer to the following figure:

11, the implementation of the effect effect of the shadow and Glow-->inner Shadow effect command, color using "#666666", the angle of 180 degrees, other numerical settings, please see the following figure:

12, the next implementation of the effect effect of the shadow and Glow-->inner Glow effect command, color with black, other related settings, please see the following figure:

So far, the main project of the graphic logo has been completed, please see the following illustration of the effect:

13, the next operation is to the icon object color, light and other aspects of the adjustment.

Execute effect-->adjust Color-->hue/saturation effect command, the specific settings please look at the image below, remember to check the colorize option.

14, Non-stop, and then execute effect-->adjust Color-->curves effect command, the specific settings will be more free, if you want to see their works as soon as possible, please refer to the following figure adjustment shape, position to set:

15, all settings are OK, look at our hard work for half a day of labor results bar:

Should say the final effect and mm example sorta Ah! Oh, is not very a sense of achievement?!

Don't worry, again use my hard to make the plug-in panel, select the Super Selection tool, select the Graphics object, and then see the Path Object Center, the results of the home.

　　　　　

Center 〈--| --〉 Gunet

PostScript: This can be regarded as the completion of the MM company to stay a "homework problem" bar, initially see the example diagram of the logo, thought very simple can be made, the actual combat just found how can not realize the local effect of example diagram, after repeated experiments to finally discover the "mystery" is---incredibly is the path object and stroke object in mischief, Fortunately, we see through this, oh, of course, can be a successful hand-work!