学院首页>图形图像>Fireworks>Fireworks制作探照灯效果

Fireworks制作探照灯效果

作者:大众网络报 来源:大众网络报 添加时间:2006-5-21 11:45:30
Fireworks作为网页制作三剑客之一,有着非常强大的功能!在Flash中,我们可以实现一种像探照灯的动画效果,而这种精彩的效果,在它的“同门兄弟”Fireworks4中,也可以轻松实现,而且步骤非常简洁明了! 

  第一步:打开Fireworks4。新建一个空白的文件,将它的大小设定为300×100,背景色为黑色,其余不需调整。 

  第二步:制作左右滚动的球体。选择菜单中的“insert”→“new symbol”创建一个新符号。在弹出对话框中的name项中为它取名“ball”;在type项中选取graphic,按“确定”即可。 

  第三步:用椭圆工具配合shift键,画一个正圆,将它填充好颜色。 

  第四步:刚编辑的圆形矢量图已经在library面板里表现出来了。再次选择“insert”→“new symbol”创建一个新符号。这次在弹出对话框的type选项中选择animation(动画)选项,name为“move ball”。 

  第五步:从Library(图库)中选中ball并将它直接拖到move ball的编辑窗口中,将之放置在stage左侧的位置。重复上面的方法再次拖动一个ball放置到stage的右侧,第五步完成。还有另外一种方法也可以实现,就是选中第一次拖到stage的ball,点选菜单项中的“edit”→“clone”复制一个ball,然后将clone后的ball放置到编辑区的右侧。 

  第六步:按住“shift”键或者按“ctrl+A”键,全部选中编辑区中的两个符号(symbol)。选择菜单中的“modify”→“symbol”→“tween instances”,并在弹出的菜单中勾选“distribute to frames”。 

  第七步:在主编辑区中(stage)输入文字“Fireworks”,再将刚才做好的animation symbol动画move ball拖到编辑区中。在出现的对话框中选择“确定”,这时Fireworks就会自动在当前帧的基础上增加动画需要的实际帧数。点击快捷工具栏的“播放”按钮便可以看到刚才所做的动画在主编辑区播放了。这时候你可以调整一下move ball的位置,最好让其居中显示。 

  第八步:选中刚才输入的文字,剪切它后选择菜单栏中的“edit”→“paste as mask”。 

  OK!现在这个探照灯已经全部完成啦,赶快点一下左下角快捷工具栏中的play键来欣赏一下吧!不过最后还是要提醒你注意一点,一定要记得将输出格式变为animated gif格式,而不是单纯的GIF格式。只有这样,才能实现我们想要的探照灯的动画效果! 
站内搜索