Fireworks MX Tutorial: Pen tool

Source: Internet
Author: User
Tutorial Original: http://www.solardreamstudios.com/tutorials/fw/mx_pen/
Pen tool, perhaps the most powerful tool in fireworks. In the following example, I will demonstrate some typical uses of the pen tool when drawing various graphics.
Example 1: Polygon
In this example, the Pen tool is selected and, in each area of the canvas, constantly clicked and loosened to form a vector polygon. As you can see, the closed shape is automatically synthesized when you return to the first point you draw and click.
Example 2: Curve
This time, click and drag the mouse to form the curve in different areas of the canvas. You can try dragging in different directions to observe the changes in the curve. This is a very interesting exercise and you may see yourself making a cool effect. Similarly, when you go back to the first point you draw and click, you get a closed shape.
Example 3: dehiscence
Now repeat for example 2, but this time we used the ALT key throughout the drawing process. Click and drag the mouse around the center of the canvas, and finally you will get a rip shape.
Conversely, if you click and drag the mouse around the center of the canvas, you can get a cloud/flower shape.
(I do not like to use the ALT key to control the handle when drawing, feel very difficult to learn, and after learning is not very convenient, I summed up a set of "theory" to deal with this kind of graphics, please see the following about my comments. -Sleepy Cat note)
Example 4:FW Logo (PNG source file)
Now we can draw some well-known logos through example 1, example 2, example 3 pen use method, and then experience the strength of the pen. The left image is composed of 3 graphic combinations drawn with a pen.
I first obtained the FW logo image by grabbing the screen, then pasted it on the new canvas. Then select the Pen tool, click at all corners of the logo, drag, and sometimes use the ALT technique for the third example. When each closed path is completed, selecting Subselection tool adjusts each node more ideally. Press and hold ALT, as you adjust the pen tool and end up with every node that is clean.
This takes about 20 minutes to draw, and you can download the source file for analysis. Because this is a vector image, you can resize it arbitrarily without losing any picture file information.
Example 5:DW Logo (PNG source file)
The image above is drawn entirely with the pen tool.
Select the Pen tool and then draw two graphics (one is similar to "D" shape, one is similar to a hole shape), and then select these two graphs and perform modify>combine paths>punch holes in D-shaped objects. Of course, the same technique is used in example 4 to adjust.
The logo has been drawn for about 10 minutes and you can also download the source file for analysis.
Example 6: Cube logo (PNG source file)
This image is a bit difficult to draw. I applied a lot of the technical ideas of FW, including the most important pen tool, and then draw 10 separate graphs and combine them in sequence. This logo is all vector information and does not include any bitmap elements.
It took me about two or three hours to approximate the original result. Again, you can download and view the source files. You can view each node without losing any image information by adjusting the image size.

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.