This tutorial introduces how to use the fireworks polygon slice tool to make navigation bar overlapping effect, the method is very simple also very practical, mainly hope that you through this tutorial, can skillfully grasp the use of polygon tools, forward, hope to help everyone!
Usually when you slice out the output of the page, generally use the common slicing tool for output. But if you encounter a lot of navigation, slicing overlap, with the general method can not be processed, then the benefits of the multilateral line slicing tools appear, the following I will detail the use of polygon tools!
1. Open a good navigation picture, in the first frame to do the general state graphics, in the second frame, do the button over state graphics, as shown:
2. Go back to the first frame and find the multilateral tool (K) in the toolbar, if shown:
3. Then use the Slice tool to check out the multilateral slices according to the button overlapping shapes, as shown in the picture:
4. Then select the slice, right-click, and select "Add Swap image Behavior" in the pop-up menu, as shown in the picture:
5. In the pop-up menu, select the second frame of the current slice, as shown in the picture:
6. Then select Export page, save type "html and image", as shown in the figure:
7. Other buttons and so on, the effect is as shown in the picture:
Issues to be noted:
1. Polygon Slicing tool can not cut out round slices, such as the original image is more complex, you can cut several edges, or in the DW in the Hot zone shape editing;
2. Polygon tool's number of edges determines the size of the generated file, so unless special needs, as far as possible to control the number of polygon edges;
The end of the tutorial, the above is the use of fireworks polygon slicing tool Introduction, I hope you will have some help after reading, thank you for watching this tutorial!