The magical and graphic explanation of the fireworks polygon slice

Source: Internet
Author: User

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!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.