To create a shape, such as the rectangle, click on the tool, then click and drag on your document. Take a look at the shape above. You can see the points on each corner of our rectangle. You can also see the paths lines that connect the points to make up the shape. Now let's go back to the Tools panel. Click and hold on the Rectangle tool to see the other tools grouped with it. Take the time to practice drawing the different types of vector shapes grouped with the Rectangle tool.
Learning what each shape looks like, as well as how to add it to your canvas, will help you after you finish this article and start to use Fireworks on your own. A compound shape is a shape that's made up of two or more simple shapes, such as rectangles. To create a compound shape in Fireworks, start out by drawing one shape. We drew a rectangle below.
Next, go to the Properties panel and select a compound path mode. These are pictured below. Next click the Pointer tool in the Tools panel.
Click outside of the canvas to deselect the shapes. As you can see, the second shape subtracts from the first shape — or punches out the part of the second shape that overlaps the first. When you use the Intersect mode to create a compound shape, you create a new shape out of the intersecting areas of other shapes.
Next, we are going to click on the Intersect button. As you can see above, the compound shape above was created by the intersecting areas of the two rectangles. The crop button looks like this:. To create a compound shape using the Crop mode, let's start out by drawing an ellipse. Crop mode crops away all areas of the shape that aren't overlapped by the new shape.
In addition to drawing your own shapes, Fireworks CS6 provides you with already drawn shapes that you can quickly add to your documents. These shapes are found in the Auto Shapes panel, as pictured below. To add one of these shapes, simply click on it and drag it't where you want to place it in your document.
To cut this shape in half, click on the Knife tool in the Vector area of the Tools panel. When you release your mouse, you will see two points added. The first point is where you started cutting with the knife. The second point is where you stopped. Keep in mind these points will always be on a path. Whenever you create vector shapes in Fireworks, there's little doubt that you will also want to add color to those shapes.
In this part of the article, we're going to show you exactly how to do that using several different tools available to you in Fireworks. Every vector shape has a stroke color and a fill color. You can add and change the stroke and fill color for any vector shape using the tools in the Colors area of the Tools panel.
What's more, you can create custom colors as well. The stroke color is the color of the border around the shape. However, do not confuse the border of the shape with the path of the shape. The path of the shape is always in blue and appears when you are working with the vector tools.
The fill color is the color that appears inside the shape. In the image below, you can see a red stroke color around our shape, but a tan fill color inside. You can click on one of the color tiles to select that color. You can also click if you do not want a stroke color. Click the color wheel to access the Color dialogue box where you can create a custom color.
To add a fill color, click on the swatch to the right of the paint bucket. Follow the same steps you took to create a stroke color to create a fill color for your shape. You can further edit fill and stroke colors, including specifying the thickness of the stroke, by using the Properties panel, as shown below:. The Eyedropper tool allows you to copy a color from an image, shape, or object, then apply that color to a shape.
We want to use the light green in the image on the left as the fill color for the shape on the right. Next, we are going to click on the Eyedropper tool. Since we want to use the green color as our fill color, we are also going to click on Fill color in the Tools panel, as we did in the last section.
However, we don't need to select a color. Instead, we just need to click on it to tell Fireworks that we want to add a fill color. Once we've done that, we are ready to use the Eyedropper tool. Move your mouse to the area that contains the color you want to copy. For us, it's the green color in the bitmap image. Click on the color that you want to copy. Again, we are going to click on the green in the bitmap image. To do so, we are going to click on the Paint Bucket tool. Move your mouse over the shape on the canvas.
You will see the mouse cursor turn to a paint bucket, and the shape will become active selected. The Gradient tool is grouped with the Paint Bucket tool. Once you've clicked on the Gradient tool, click on the Fill Color swatch to bring up the Gradient menu.
Click on the stoppers that appear below the color bar to choose the colors for your gradient. You use the Pen tool to create a path. The path is made up of curved and straight segments. These segments are created by anchor points. When you click the Pen tool in the Vector area of the Tools panel, you can draw corner points and straight segments.
If you drag the Pen tool, you can create smooth points and curved segments. These segments will have direction handles so you can change the direction of the segments.
You can use Smart Guides to help you align segments, as you'll see in this article. As you can see, a line segment appears between the two anchor points that you created. To create a closed path, connect your last anchor point with the first anchor point. A straight line is an open path. A circle is a closed path. So is a polygon and rectangle. To do this, you're going to click to place the first anchor point, just as before, but now you're going to click and drag. The shape of your curve is defined by the length and direction of the handles.
Click on the Pointer tool when you're finished to see your shape. Remember, just as with lines, segments are drawn from the previous to the new anchor point. To create a closed path, connect the last point with the first.
In Fireworks, you can add, subtract, or delete anchor points to modify a path. Here's how to add anchor points:. Hover your mouse over the path where you want to add the anchor point. In Fireworks, any text that you add will appear inside a text box. The text box is actually a vector shape.
To add text to a document, click on the Text tool in the Vector area of the Tools panel. To format the text, click in the text box until you see the blinking cursor, then select the text that you want to format.
Go to the Properties panel to format the text using standard word processing tools. The Special Characters panel lets you insert characters that you may need with your text.
This includes the copyright symbol. The lighter or darker pixels trick the eye into seeing a smooth edge. Feathering applies a blend between the edge color and the background color. If you choose Feather, set the amount of the blend with the Feather slider control. For other ways to modify your selection, see the section "Additional Selection Options," later in this lesson.
Select Live Marquee if it is not already selected. The Live Marquee option allows you to change the Magic Wand settings once a selection has been made. The selection area is dynamically updated as you change the settings. Click the area of the image you want to select. Click the gray background in the image. All neighboring pixels within the specified tolerance level are selected. You should now see the "marching ants" marquee around the gray background and part of the candy.
This indicates that the tolerance was set too high. Change the Tolerance amount to Your selection should now show the gray backgound and not the candy. Notice your selection was updated with the new tolerance automatically.
If you need more of the background selected, hold down Shift and click outside the boundaries of your selection with the Magic Wand to add more pixels to your selection.
Continue to hold down Shift and click until all of the background area is selected. Press Delete to delete the gray background. Once the background is deleted, you'll see the white background of the canvas. Previous page. Table of content.
Next page. Note You can change the appearance of the edge of the selection by picking Hard, Anti-alias, or Feather from the Edge menu of the Property inspector. Authors: Patti Schulze. Macromedia Dreamweaver 8: Training from the Source. Macromedia Flash Professional 8: Training from the Source. How to Use Macromedia Dreamweaver 8 and Fireworks 8. Visual C How to Program 2nd Edition.
0コメント