因此为了解决这一问题，我们通过点击菜单栏上的“修改——画布——符合画布”命令，使该画布完全符合按钮元件的切片大小。这样一来，就可以使这个打火机的按钮元件在响应鼠标动作时，图形的变换可以完全的处于画布之内，从页使我们能够完整地看到该按钮元件的图形变化效果。如图25。

　　

　　在图25中可以看出，尽管我们把这个打火机的按钮元件的背景色改成了黑色，但在画布当中所显示的却仍是白色。所以我们通过“修改——画布——画布颜色”选项，将画布改为黑色。　　

　　另外，在图25中的绿色切片上的文字也可以看出，当前的图形切片格式为*GIF，为了使作品在导出为HTM格式后，有个效好的图像观看效果，我们需要将该按钮元件的图象导出为品质较高的*JPEG格式。先选中该切片，然后在“优化”面板中点选“JPEG”，接着在右边的“品质”栏中输入数值为“100”即可，如图26。　　

　　

　　至此，整个作品就完成了，可点击工作区上的“预览”选项卡进行效果查看，如图27。

　　

　　在确认无误后最好还是通过“文件——导出”选项将作品以HTM格式进行永久性的保存。以后无论什么时候想要再查看该效果时就方便多了。所谓举一反三，在本例教材中我只是巧妙利用了Fireworks在制作交互式按钮元件时的相关功能，从而绘制出了这个可以用鼠标的操作先翻盖，再点燃的打火机效果。大家依然可以发辉想像力，再次利用Fireworks的这一功能来制作出更好的交互式作品！


-----------------------------------
点击下载png源文件及最终效果

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]