45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > Photoshop >

巧用Firework命令做动画

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:29 作者:45IT收集

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

  首先下载Animate Opacity,这里提供一个下载网址:www.projectfireworks.com/gadgets/view.asp?itemID=32。在这里你可以直接下载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帧。将第一帧的圆形以外部分拷贝到各帧。回到编辑窗口,此时窗口下方的“Play/Stop”按钮被激活。单击该按钮,动画开始播放,如果不满意,还可以对动画播放快慢、动画过程进行编辑。

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

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

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识