一、效果展示
1、普通状态。
2、鼠标滑动到打火机翻盖时的状态。
3、单击翻盖后，翻盖弹起。
4、鼠标触摸或移开打火机开关时，火苗被点燃或熄灭。
5、如果想要再次看到打火机翻盖时的效果，只需再次刷新页面即可。
怎么样，这个效果好玩吧！下面就让我们进入实质的制作阶段。
二、制作过程
要完成我们刚才所看到的效果，就必需先把打火机的“翻盖”和“开关”这些对象进行分解，然后依据鼠标的相关动作再将其进行组装。至于火苗和火苗光芒这些效果，我们可以根据需要，画上去即可。因为网上的打火机素材图片非常多，所以也就省去了再去绘制一个带翻盖打火机的时间。我们在启动Fireworks后新建一个500*400大小的白色画布，然后导入一张事先准备好的打火机位图，如图05。
为了更加凸显该打火机火苗的亮光，我们需要将图05中的背景，改为黑色，所以我们第一步要做的就是先将图05中的打火机从其背景中“扣”出来。等到把火苗绘制完后，再把画布改为黑色即可。在这里，我使用的是蒙版扣图。先用“钢笔”工具沿着这个打火机的外形绘制一个封闭路径，然后对该路径使用无描边色的实心填充，填充色为全白色，如图06。
将路径对象与位图同时选中后，使用菜单栏上的“修改——蒙版——组合为蒙版”命令。从而使我们得到一个较精确的打火机外形，如图07。然后再点击菜单栏上的“修改——平面化所选”命令，将这组蒙版对象转成位图。
将该路径与复制的打火机位图同时选中后也使用菜单栏上的“修改——蒙版——组合为蒙版”命令，从而将打火机的翻盖也“扣”了出来。接着再使用“修改——平面化所选”命令，将这个蒙版对象转成位图。如图09。
下一页
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
