Design a dotted line in fireworks

Design | Web

We're going to use a lot of style dividers in web design, so let's take a look at the tips for designing a dotted line in fireworks.

Method One, with the dotted style with fireworks

Fireworks with the dotted line style are: Three broken lines, bold broken lines, double broken lines, basic broken lines, real edge broken line, dotted line.

In web design, I usually use the real edge broken polyline. Because it and the Web page CSS border dotted, dashed two parameters similar to the effect. When you make a Web page, you don't need to export the cut picture, but you define it with CSS.

But sometimes it feels like the dotted lines don't apply, or you want to design a more distinctive web design. We also need to use other dashed lines.

Method Two, with the own texture of fireworks

Draw a 1-pixel-high rectangle (Benquan 0, fill the desired color), and add fireworks to its own texture, with a total texture of 100%.

The following is a generally available 1-pixel-high textured dashed-line effect chart:

Note: More than 1 pixels to more than one step, you need to press Ctrl+alt+shift+z to convert the rectangle to a bitmap, and then remove the extra black line above.

In fact there are many textures, you might as well try "cookies", "point" these are effective.

How to draw vertical lines:

1, select "Horizontal line" and so can directly appear dotted lines of texture;

2, turn into a bitmap, and then rotate 90 degrees;

3, the width of the rectangle with more than 1 pixels, until the dotted line, and then turn the bitmap, to excess line.

Method Three, use the filling pattern function of fireworks

Draw a rectangle, and then select your own line segment in the Fireworks menu "fill-pattern-other".

Usually a 1-pixel-high GIF file, draw a dotted line of several pixels wide with a brush or line tool, in the form of the dotted line you need.

Modification of Effect:

1, in the FW in the pattern is really filled with a stretch rod, stretching this rod, adjust the effect you want;

2, if the filler bar is still not to the effect you want to change the external GIF file. But save as a filename, and then select the rectangle's fill in the FW again. Because, after you have changed the style of filling the external file directly, the filled rectangle in the FW file will not be changed with the external file.

External GIF file, note that the right to leave a 2-pixel white space

Two different effects of filling levers:

The front black dot is the starting point for the fill, and the trailing black box is the padding stretching distance.