Fireworks MX2004 The first experience of the shapes

Source: Internet
Author: User
Tags filter continue key modify polyline split
It is estimated that recently let everyone happy a news no outside so mm company just launched the "Three Musketeers" MX2004 trial version! Presumably everyone has already begun to try it! Here we do not talk about anything else, just to see FWMX2004, hehe, FWMX2004 in the end or really bring us something to let our heart: Updated software interface; the addition of virtual line-drawing edge; enhanced blur filter--Added dynamic blur, radial blur filter Perfect Double-byte Support-great for Chinese support; more affinity to the material fill show; enhanced bitmap color substitution, processing tools; Of course, we have to focus on today's shapes--a lot of beautiful shapes and so we use Ah! So how do you use these shapes flexibly? Let's take a look at it today!

We can see that in FWMX2004, there are two shape groups involved. One is the group of shapes listed on the toolbox, as shown in the following illustration:


The second is the shapes panel of floating panel:



Here's a look at two ways to use the shape.

   The method of using the Shape group on the toolbox is detailed

   (i) basic operating methods

1. Select the arrow Drawing tool for the Toolbox shape group, and then draw directly in the edit area, and the graphic shown in the following illustration appears:

2, select the arrow object, we can adjust its fill color, stroke shape outside, you should notice that the drawing object has six yellow diamond markings. As shown in the following illustration:


3, if you are familiar with Microsoft's Word software graphics tools are often used, I believe that these diamond icons will not be unfamiliar, and it is estimated that your first thought is to use your mouse to drag them. Oh, what effect will appear? Let's take a look at the drag and drop of the adjustment points for each numerical indicator:

A, number 1th.

When we select the adjustment point, a yellow background balloon appears: Roundness. Rounded corners are numerically adjusted. Drag the mouse in the direction of the arrow, and you'll see that the original default right angle will turn into an arc style.


b, number 2nd.

When we select the point to adjust, the corresponding background balloon does not appear. But the amazing thing is that we can drag down, to the left and right (not up, that is, not as small as the existing horizontal height of the arrows), to form a curved-angle arrow, as shown in the following figure:

The effect of dragging is shown in the following illustration:



C, number 3rd.

When we select this point, a background balloon appears: Thickness. In this way, we know that the adjustment point is used to adjust the thickness of the arrowhead or to say the width. The premise of the following figure adjustment is that the arrowhead has been turned into a curved angle arrow, you can drag the point without turning the corner arrow to see how it works.


The effect of drag and drop is as follows:

D, number 4th.

When you select this point, a background balloon appears: Arrow Size. This adjustment point is used to adjust the size of the arrows. Drag directly with the mouse, you can adjust the size of the angle you need. The adjustment is as shown in the following illustration:


E, number 5th.

Select this point, we can directly to the left and right directly drag the mouse to adjust the overall length of the arrow, very practical, adjust the way as shown in the following figure:


F, number 6th.

When the point is selected, the corresponding background balloon appears: Arrow tip. Drag directly with the mouse (only to the left and right direction of the arrow), you can change the size of the arrow! Take a look at the image below to illustrate:

OK, through our detailed introduction to the above arrow shape tools, presumably we have a further understanding of the shape tools of FWMX2004? We may as well try one by one, and see what is more novel! (rest, rest, ...)

   (b) Case Introduction

The rest is complete! Oh, I do not know whether we have finished the test, then, we will look at the toolbox of other individual tools to adjust the skills to see if we think the same ah?!

1. Introduction of rectangle related tools.

The rectangular drawing tool has been in use since the day we used FW, which, needless to say, has been enhanced in FWMX2004 with rectangle-related drawing tools: In the shape drawing tool we can find the two graphical tools shown in the following illustration: Beveled Rectangle (beveled rectangle) and Chamfer Rectangle (rectangle with inner slice). The use of these two tools some meaning, or mm company some excessive "understanding" bar! Because in a different way, these two tools are essentially a tool, why so, we still draw it ourselves!


(1) Beveled Rectangle (bevel rectangle)

A, first we use the beveled Rectangle (beveled rectangle) tool in the editing area to draw at random (you can see the effect with the SHIFT key), as shown in the following figure:


b, you can find a total of 5 yellow diamond adjustment points, the lower right corner of the adjustment point function, we can learn by clicking the mouse at that point: Resize, very good understanding, you can draw the shape of the shape of the adjustment, but also the direction of arbitrary adjustments, please see the following illustration operation Demo:


C, on the edge of the bevel rectangle there are four adjustment points, select any one adjustment point, you can adjust the horizontal direction of scaling

D, the maximum limit to adjust to both sides is to become a rectangle. The maximum limit to the internal adjustment is that the adjustment points of the upper and lower sides overlap each other, forming the following figure, what shape I am not clear, hehe:


E, when selecting any of the four adjustment points on the sideline, we will find a yellow background hint box: alt/opt for individual corners. What is the specific function, press the ALT key on the keyboard, and then click any of the adjustment points to see what has changed? Oh, the bevel shape of the corner of the rectangle has changed, click Again, is there any change happening? In fact, there are 3 kinds of changes in shape, which everyone has seen, I will no longer use the legend demo!

F, OK, loosen the ALT key we pressed! Move the mouse over any one of the four adjustment points on the sideline, click the mouse, hehe, what effect has happened? is the shape of the four corners changed at the same time? Another adjustment point to click the mouse again, there are still changes to occur, wonderful enough! The specific shapes we look at are shown in the following illustration:


(2) Through the above introduction, chamfer Rectangle (rectangular) tool seems to be needless to say, because we only need to draw in the editing area, and then refer to the adjustment method above adjustment, what is clear!

(3) Finish the above two shape drawing tools, continue to look at the toolbox of other and rectangular tools related to the shape drawing tool, found the rounded Rectangle (rounded rectangle) Drawing tool, this is fwmx already have, but after drawing adjusted, found that The original tool should also be combined with the above two tools, is simply expatiating, do not know that we do not think so? And there's a change in the rounded Rectangle tool, originally in the fwmx can adjust the angle of the fillet, but in the FWMX2004, but did not adjust the options, the following figure is the fwmx in the corner resize the screenshot, red rectangular box is the size of the corner adjustment options.


So, MM company has another loophole it? Looking at the property adjustment box for the rectangle tool, we'll find that the rounded value adjustment box, like FWMX, still exists, as shown in the following figure. So, we need the exact size of rounded rectangles, or the use of rectangular tools better!


2, circular related tools

(1) Doughnut Tool (ring tool)

When you select the tool for the Toolbox and draw on the edit area, you see a graphic like the following figure:


Over processing, we can also see the relevant prompt box for the three control points after the graphic is selected:

A, the top control point function can be said to be the largest, click the control point and then in a clockwise or counterclockwise direction to drag the control point, there will be the effect of the ring cut separation, as shown in the following figure:

If you work with the ALT key on your keyboard and then drag, the cutting line will appear at different angles, as shown below:
Please note: This step is reversible, if you are not satisfied with the position of the cutting line, you can still select the adjustment point to adjust the angle, even you can drag the adjustment point to the previous adjustment point so that two adjustment points will naturally coincide. Of course, these operations do not need to match the ALT key on the keyboard. Please test it yourself!


Oh, what is the use of it? Now select the Super Selection tool for the toolbox to select any one sector for color adjustment. If you want to adjust carefully, you can execute the menu command "modify--ungroup (shortcut key is Ctrl+shift+g)" can be the above graphics to break up, the original ring has been those segments have been cut into a different sector.


b, in the middle of the point Adjustment point, click the mouse, the circle will become a circle. If you select the adjustment point, you can adjust the center size of the ring by dragging the mouse directly inward or outward!

C, the central right adjustment point is also used to adjust the size of the circle inside the circle, do not introduce another.

(2) Pie Toll (pie chart drawing tool)

This tool and the ring tool above are actually repeated again, because through our actual operation will find that we just adjust the ring tool to draw the center of the ring adjustment point can adjust the circle circle, and the operation of the pie-shaped drawing tool and the edge adjustment point of the ring is basically the same, please test yourselves!

3, polygon, star-shaped related tools

(1) Smart Polygon (positive polygon) tool

A, select the tool from the Toolbox, click the mouse in the edit area to appear a polygon, by default, a positive 7-side shape appears. You can see that there are 4 adjustment control points on the drawing object, please see the marked picture below:

B, number 1th points:

With the mouse to select the control point, a background balloon appears: scale/rotate (zoom/rotate). It is obvious that you can resize a positive polygon by dragging it and rotate the drawing object.

Point 2nd: Select the point, the background will appear: Sections:7 (section: 7). Do not release the mouse, drag down the mouse, what has changed? On the one hand, the value of the sections has changed-reduced, on the other hand, the polygon section is reduced correspondingly, the effect is shown in the following figure:


Drag the mouse up, the value of the sections will increase, and the section of the polygon will also increase.

Point 3rd: Select the point will appear prompt box: Inner Polygon (internal polygon). What happens when you drag the mouse in the edge direction? Inside also appeared a polygon, and added a reset Inner Polygon (restore original) control point, the specific operation and the above described the operation of the ring is basically similar! Please feel it yourself. Change effect please look at the following figure:


Number 4th: Select the point, the Prompt box appears: sides:7; Alt/opt-drag to split (number of edges: 7; With alt/opt drag to split) This control point is also more interesting, select the point and then drag up the mouse, what has changed? And number 3rd is the opposite, drag up the result is to increase the number of polygons, as long as the mouse does not stop, it will continue to increase, on the contrary, drag down the mouse, will reduce the number of polygons edge. If you match the ALT key on the keyboard, click the mouse, or drag the mouse in any direction up or down, and then choose the Toolbox's Super Selection tool, click the mouse, and you'll see that the polygon has been evenly divided. Similarly, the Execute menu command "modify--ungroup (Modify-break Group)" command, you will find the split polygon to get the various small polygons. As shown in the following illustration:

(2) Star (Star) tool

Star Tools If you can study it well, I believe you will do a lot of good results, and then I will use a special tutorial to introduce through the Star tool to adjust the object to form a variety of effects. Here we only make a simple introduction to the Star tool.

A, select the tool from the Toolbox, click the mouse in the editing area to appear a pentagram, you can see the Graphics object has 5 control points, please see the following processing of the marked Picture:


b, point 1th and Point 2nd there are no prompt boxes when the mouse is moved or clicked, you can select these two adjustment points, drag the mouse up or down, to adjust the shape of the Star object; Point 3rd and 4th when the mouse is over or click the Prompt box: roundness, You can adjust the appearance of a star object by adjusting to the left or right direction or up and down. Try it yourself, or focus on the following series of tutorials; the cue box at number 5th appears as: Points:5, likewise, by increasing the number of star-shaped objects by the way up, reduce the number of corners. Through our adjustment, we can make a lot of beautiful effects, please see the following figure:


The production techniques of related graphics will be described in detail in the following tutorial. (3) L-shape (L shape) Drawing tool

The tool is simpler to use and the control points are adjusted to refer to the adjustment method of the Arrow shape.

4, linear related tools

(1) Connector Line (polyline)

Select the tool from the toolbox, and then drag the mouse to draw in the editing area, and the graphic shown in the following figure appears.


As we know from the above picture, this drawing object has 5 adjustment points, the upper left control point and the lower right control point can be adjusted up and down, in any direction of drag adjustment, so that the folded line shape adjustment; the control points on the right and lower left sides of the upper side are dragged horizontally to change the rounded corners of the polyline connection. Center control point can be selected with the mouse to drag left and right, so as to change the left and right symmetry of the polyline, if you click the control point, you can fold the object to achieve a counter-clockwise 90-degree rotation. Of course, we can adjust the contents of the fill (fill) and its stroke (stroke) of the folded line object, and the following illustration is the drawing object for the adjustments:


(2) Spiral (Helix)

In a long time ago, many people to achieve the effect of the spiral to find ways, now do not need, because directly through the Spiral graphics tool can easily achieve the effect of the spiral, directly select the Toolbox Spiral tool, in the editing area to draw, the following effect map (stroke using a virtual line drawing edge):


As you can see from the above figure, there are two adjustment points of the helix figure, the left side is needless to say, it must be adjusted to the layer number of the helix, check the control point, up and down drag the mouse! Sure enough, the number of layers of the spiral has increased and decreased, and the center control point is used to keep the spiral closed or open, and only by clicking the mouse can a closed, open change be made, easily ... Well, the graphics are simple, but practical to see what happens:


Well, the toolbox of shape drawing tools to say so much, the mystery of which there must be many, we all need to explore together! Next we will give a detailed explanation to the Shaps shape panel, please pay attention!

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.