Teach you how to use FW to make grid image effect

The grid image effect is also common in design, as shown in Figure 4-127. This effect is suitable as a background image for a Web page or banner. The specific production methods are as follows:

Fig. 4-127 The effect of grid image

1. Open the footage image in fireworks, as shown in Figure 4-128.

Figure 4-128 Opening footage image

2, according to the shortcut key "Ctrl+6", the image of the zoom magnification to the original 1600%, as shown in Figure 4-129.

Figure 4-129 Magnification display

3. Press the "Print screen" key on the keyboard to intercept, and then create a new canvas in fireworks, press the shortcut key "Ctrl + V" To paste the captured screen image into the canvas, as shown in Figure 4-130.

Figure 4-130 Copying an intercepted screen image

4, use the Crop tool to crop the parts you want, and then add the 2 to 3 sharpening filters in the Properties panel.

You can design a Web page banner based on this image effect, as shown in Figure 4-131.

Figure 4-131 Web Banner effect

In addition to the pixel-style effects, you can also make a horizontal or vertical color bar effect, as shown in Figure 4-132. The specific production methods are as follows:

Fig. 4-131 the color bar effect produced

1, start fireworks, a new canvas, the size of any.

2. Using the "Rectangle" tool, draw a rectangle in the canvas that agrees with the size of the canvas and fill in the linear gradient, the color is white over to any color, and the effect is shown in Figure 4-132.

Figure 4-132 Adding a linear gradient to a rectangle

3, switch to the "two" preview window, open the Fireworks "optimization" panel, in the Optimize panel, select the format "Gif", "Indexed color palette" is "most appropriate", "color" can choose "16" or "8", where "8" is selected, as shown in Figure 4-133.

Figure 4-134 Optimizing the image

4, like the above, press the "Print Screen" button on the keyboard, and then create a new canvas in fireworks, press the shortcut key "Ctrl + V" To paste the captured screen image into the canvas, as shown in Figure 4-135.

Figure 4-135 Copying an intercepted screen image

5, use the Crop tool to crop the parts you want, and then add the 2 to 3 sharpening filters in the Properties panel.

6, if you need a different color effect, you can directly use the "Hue/saturation" filter to adjust, do not need to be made again.

Note : Please pay attention to the triple Web Design section for more wonderful articles .