当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > FW MX 2004为卡通图片添活力(三)

FireWorks
Fireworks 制作凝胶字效果
Fireworks 制作 NOKIA8250 手机
Fireworks 制作扇子展开动画
用 Fireworks 制作红墙砖头效果
Fireworks 绘制时尚手机 [2]
Fireworks设计制作TeachTV标志
Fireworks 仿MSN浏览器按钮
Fireworks MX 实现 MAC 文字效果
Fireworks 2004:远古兽皮卷轴
FW MX 2004教程(5):文字编辑
FW MX 2004教程(7):图像输出
FW MX 2004教程(9):图像变换
FW MX 2004教程(10):链接设置
FW MX 2004教程(11):自动操作
巧用Fireworks设计印章
Fireworks MX教程:制作缺角矩形的方法
Fireworks MX使用教程--教你如何改变图片大小
Fireworks MX使用教程--教你如何羽化图片
Fireworks MX使用教程--如何制作漂亮的Mac按钮
用Fireworks MX做按钮

FireWorks 中的 FW MX 2004为卡通图片添活力(三)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 61 ::
收藏到网摘: n/a

  在主图下面新建一个图层,将眼睛动画元件拖到场景里加菲猫眼睛的位置。由于原图的眼睛部分是不透明的,我们使用橡皮工具将眼眶里的颜色仔细地去除后,就会看见原来的眼睛已经被我们添加进去的眼睛动画元件代替了。在这里需要结合每一帧的效果预览,仔细地移动和旋转眼睛元件的角度和位置,同时调整元件的旋转轴心,将两个眼珠的转动范围控制在加菲猫的眼眶里(图5)。


  添加了眼睛动画元件之后,我们看到加菲猫的眼睛随着小窗口活动图片的轮显示,忽闪忽闪地转动起来。

  提示:制作多重动画时,每增加一个新动画元件之前,都要打开帧面板,将当前帧定位在首帧上,否则会造成各个动画效果之间的不协调和动画显示错误。

  现在我们的作品马上就要完成了。最后选择“文件→导出预览”命令,将输出格式定为“Gif动画”后打开动画设置选项,在这里将全部帧的间隔时间设置为100(图6),即每秒显示1帧,就可以把它保存下来了。看看这幅加工后的加菲猫,是不是增添了几分活力呢?


  最后的动画效果如下: