The complete method of fireworks drawing mark

I personally draw the standard some steps and the custom, and everybody exchanges.
Basically, the plane software to do stereo icons is the first modeling and then rendering process, however, these have to do their own, although the Fidelity and 3D software still have gaps, but more changes in the style and effect of graphic software to make the icon to give designers more space to play. The following is the process of drawing a USB connector ( Personally think that the icon not too close to the object for good, more cartoon style, choose more representative object is the excellent icon ... Although I still can't do-_-!)

The process and final effect diagram for the production above

The first thing I want to say is that. FW itself does not have a direct perspective function, but there are perspective guides (not really convenient) and 3D Plug-ins. But do a better job of practicing your perspective. The whole set of icons I have here are all angled, so I use a square instead of the USB plug itself to fit more icons.

1 as above! Very square.

2 Use the Twist tool to turn him into a sideways look. You can use the guides in FW to make or use a 3D plugin to pivot a square. After the deformation, remember to save the history of this transformation to the command. Page fourth I have provided the JSF file download for this command
Tips: A lot of friends in the classic ask do not know what twisted tool is. Why do my distortions always magnify or shrink and not deform arbitrarily?? The Twist tool is the third of the morphing tool! If you don't understand the meaning of this step, see
FW Make mobile Hard drive
FW Draw 3D Graphics (ipod)

3 Copy one and then move a few pixels to the right, then shrink to 99%, roughly drawing the front and back plane of the USB plug that is here. In order to achieve a more accurate stereo effect without distortion, really can not distortion? Please keep looking down.
Tips: The back side is a little bit smaller than the front side. It's a little far away. A friend who shoots macro with a camera must know that the closer the lens is, the greater the difference in size.

4 Draw the good two face to collect (hide) ~ ~ later again use. Then draw the plane picture. The contents of the USB plug are all on one side, so the front of the picture is good. If there are a lot of aspects of the stereo graphics. It's going to be drawing a three-view plan. This floor plan is best for all the things you think are possible, even the obvious color transitions.

5 at the same time select the front and square you have painted. And then execute the command in the menu-[the Variant command you saved in the second step] OK. Not only has the square changed, the front image of the USB plug has also become a perspective. Do not delete the guide (the square of the perspective) before you finish, and take the 3rd step two of the way out. Face to face negative to opposite side.

6. Remove the guides later. Now the basic shape of the USB plug has come out, oops. It's a bit distorted. Well, now you can start cursing me. The 3rd step is better. My mistake. Yes, that's the difference between the tutorials and the exchange of experiences. I hope that we can put forward to my production process of view, see Post replies is a beautiful!!

Look at this picture, did the last thing really distortion? But it's kind of weird, because we put the metal part of the USB plug on one side with the plastic part. Take a closer look at the picture above. On the side, it's not actually on one side. How do we get them to go up to their respective faces? This is only by feeling to fine-tune the. Blue to the right to move a pixel, the red face up to move two pixels, the left one pixel
Tips: In many places we need to use fine-tuning, for example, there is a protruding surface on the stereo graphics, but not much. We're going to look at him in the same face, and then we'll tweak it.

7. Connect those faces into three-dimensional shapes. This is very simple. See "FW Make 3D Graphics" in detail
Now that we've got the stereo, we're going to draw the sides, and here are a few notches. Draw three lines first. After the effect do

Here the model has been completely completed. When we draw, we will draw the line and then color the pair, this is the line draft.

8. Color. If you are using a marker, it is generally directly on the online manuscript painted texture, yes, Mark pen five yuan, electricity five cents once .... So we don't have to draw the gradient directly, first draw a basic color, and then change one part to a gradient.

9. Adjust the gradient to show the light sense (who can tell me a more professional word), different textures reflect the light is fastidious, plastic more sleek, more straightforward metal, glass is more active. The corner of the plastic is a slow-changing process, and the corner of the metal cannot be expressed with a single gradient, Generally I will add a few more black and white lines on the corner ....

10. or light sense.
the front of the plastic part is feathered: feathering the front of the plastic to achieve a slow transition from the front to the side. You can compare it with the above picture, which shows that the top of the head is obvious.
Translucent Gradient: The hand position of the reflective paint, specifically above transparent, below the white gradient, and then feather.
ditto: The high light of the corner that makes the hand position
White solid fill: Make a thin line to represent the whole plastic part of the high light of the chestnut, the previous role and this step is the same, but the position of the hands of the high light bar is thicker, so I use two steps to achieve
the inner shadow of the metal part surface: The metal part surface has a groove and two holes. The inner shadow is meant to indicate that they are recessed.
one pixel white line: The metal part of the high light, the metal part of the chestnut is very straightforward. Change to another face

11. Details of the operation explained as follows
the original corner of the USB flag has a border: use the 1PX inner shadow to show that they are concave
USB flag: use 1PX projection to indicate that it is projecting, and the object of projection and shadow is to draw that very thin side.
Metal Texture Modification: Here Add a black or you can also add a white to the left. Why? You look at yourself from the projecting mirror and you are crushed. Then from one to 90 degrees of the chestnut to see the scene. Each scene is left with a line, so the original angle of the metal has a series of irregular lines.

12. Take a look at some of the other details and components of the metal section.
Plastic Re-metal projection: Use the surface to do the inner shadow, and then select [to the background], which is plastic blocking the part of the light that shines to the metal.
its edge: The edge of the metal, because of the 11-step theory, so that the edge of the metal plus two deep lines

13. Excessive simulation of the icon in use is not much significance, the real icon to use must be clear color, easy to distinguish, there is a sense of volume (fat point). and actually making, A set of icons to the style of unity. You can use the same perspective or the same color or the same style of presentation. Here I use the same perspective, which means that the whole perspective of the entire icon is in the same perspective command. Another example

14. Using the previous icon to make the saved command, so that the two icons from the same angle perspective, in this case, I also put [light and shade gradient] and [rendering texture] as a two-step, so that you can better adjust the color

Source files for two instances and command downloads for the perspective used here

Perspective command Download

Put in:
... \user\application data\macromedia\fireworks MX 2004\commands directory, then go to FW, select a square, and then execute the menu's [command]-[the commands I provide] You can get a direct perspective. That is, the 2nd picture is done directly.