Fireworks教程:psd网页模板输出html(2)_Fireworks教程

推荐：用Fireworks钢笔工具绘制飘逸的红彩带
Fireworks钢笔绘制飘逸的红彩带 整体效果:

4、同样的道理，在这个效果图中，有很多的圆角效果，但是在切片的时候同样的效果仍旧只切片一张即可。如图1-26所示。

 

图1-26 切片圆角图像

5、切片完成后，选择Fireworks CS3中的【2幅】窗口，如图1-27所示。在这个窗口的左侧，是可编辑的原图，而在这个窗口的右侧，则是优化以后的图像。在这个窗口的下方，可以看到详细的关于每一个切片的文件量和下载时间等信息。

 

图1-27 Fireworks的【2幅】窗口

6、按快捷键【F6】，打开Fireworks CS3的【优化】面板，使用【指针】工具，在【2幅】窗口的左侧依次选择切片，然后在【优化】面板中进行相应的优化操作，最终优化后的图像效果，可以在【2幅】窗口的右侧进行观察，如图1-28所示。

 

图1-28 对切片进行优化

分享：Fireworks教程:制作3D旋转的gif动画
本教程介绍使用Fireworks制作可爱的四叶草旋转gif动画效果，教程主要讲解了运用运动痕迹滤镜模拟3D效果来完成最终效果，如果你有兴趣就动手做做看咯。 　　看了“小可爱”转的用fireworks插件

推荐:Fireworks视频教程