Make a picture pane effect with a Fireworks mask

Effect Picture (PNG source chart):

1, in the FW open pictures, can be slightly processed, such as doing some TV scan line special effects, Gaussian blur effect, etc., the specific production we no longer detailed here;

2, the use of rounded rectangle tool in the work area to draw a positive rounded rectangle (length: 60px, Width: 60px, strokes: #ccccccc, fill Color: #ffffff), and put a good position (x axis: 0,y axis: 0);
3, from the "Window" menu to open the "history" panel, the Panel in the history of the records are cleared;

4, select the positive rounded rectangle, from the Edit menu, select Clone (ctrl+shift+d), copy the rectangle in place, and move to the right to the X axis 64. Watch History Panel:

5, select all the records in this panel, and then press the "Replay" button in the panel, so that a row of positive rounded rectangular arrangement completed;
6, the same operation, we operate on the line, clear "history", "Cloning (ctrl+shift+d)", Move down ... The final arrangement is shown in the following illustration:

7, do some processing. Arbitrarily deduct one to two pieces of rectangle, after processing picture:

8, in the Layer panel, select all of these path objects (note Do not group the background bitmap into the vector group). Select the Modify menu, combine paths, merge (Ctrl+j).
9, the full selection of the image, the bitmap for the Mask mask operation: "Modify" menu, "Mask", "combination for the Mask";

10, open the Layer board, select the vector mask;

11. In the Properties panel, change the following settings to make the vector mask strokes appear:

You can also perform special effects on the vector mask object, such as shading, and so on.
This is the way we're going to make this. This article mainly introduces the merging of Firewoks vector objects, the flexible use of the history panel and the operation of the Mask mask.