• 巧用Firework命令做动画

大家都知道Fireworks除了有相当强的网页图像制作功能以外,还可以制作GIF动画。这里我们介绍一种相当简便的方法:利用Command命令制作GIF动画。这里实现的动画效果是:图片或文字等对象的透明变化。用到的Command命令是:Animate Opacity。  

首先下载Animate Opacity,这里提供一个下载网址。在这里你可以直接下载Animate Opacity这个外部命令。注意:下载后的解压文件路径必须是Fireworks安装目录下的\Configuration\Commands文件夹中。该文件类型为.jsf。启动Fireworks界面,看看Command菜单下是不是多了Animate Opacity命令了。现在开始制作动画。这里以图片的变换为例。


首先,打开你要作动画的图片。如果对图片不是很满意,可以先进行处理。为了效果明显,这里用圆形选取工具(Oval Marquee Tool)截取图片的一部分来做动画。而圆形以外部分保持不动。所以两部分必须分配在两个层。另外考虑到图片美观,将图片边缘进行羽化,选择 Modify>Marquee>Feather...,在弹出的提示窗中键入羽化半径20pixels。然后利用缩放工具将圆形部分适当缩小,最后按"Ctrl+X"剪切。


现在对里边圆形部分应用动画。首先用箭头选择工具选取里边的圆形部分。然后单击菜单Commands下面的Animate Opacity命令。此时弹出"Javascript"对话框。提示用户输入要应用透明变化动画的帧数。帧数越多,则动画变化越慢。输入一个数值,然后单击OK,弹出对话框,提示用户输入起始帧对象的透明度。单击OK,弹出2(3),这个对话框键入终止帧的透明度。其中0为完全透明,100为完全不透明。输入一个数值,单击OK。动画就已经应用于对象。

为了让圆形以外部分在动画播放始终都存在,打开帧窗口:Windows>Frames。可以看到,总共有6帧。将第一帧的圆形以外部分拷贝到各帧。回到编辑窗口,此时窗口下方?quot;Play/Stop"按钮被激活。单击该按钮,动画开始播放,如果不满意,还可以对动画播放快慢、动画过程进行编辑。


如果需要修改动画播放速度,单击Frames面板右上角的小三角标志,在弹出的菜单中选择Properties。然后在弹出的窗口中,设置动画播放速度。默认为7/100second,每一帧的播放速度都可以分别设置。各项都设置满意之后,接下来的就是动画的输出了。单击Windows> Optimize,弹出Optimize面板,对图片进行优化处理。在file format下拉框中选择Animated GIF。这一项保证输出的是动画,其它项就由读者视具体情况自己设定了。


Fireworks的Commands命令还有很多,比如制作漂亮按钮GlassButtonMaker;多张图片轮流显示动画Animator;透明渐变效果MaskToTransparent等等,这篇文章希望能为读者起到抛砖引玉的作用。

我们是专业的广州网页制作网站制作公司,在各行业网站建设网站制作网页设计网站开发应用上有着成熟、丰富的项目经验,网站建设咨询电话:020-38847510 ,欢迎来访或来电垂询,我们随时乐意为您服务!
上一篇如何制作各种空心形状的边框  下一篇网站页面规划应检查的七个注意事项
【 字体: 收藏】  打印关闭】标签:网站设计 网站建设 海柳烟嘴广州网络公司
【作者:网络转载】【来源:网络转载】 录入:【广州网页制作】 编辑:广州网站制作公司
  • 相关链接