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

FireWorks
用Fireworks制作动画
在Fireworks中绘制QQ聊天表情 [6]
在Fireworks中绘制QQ聊天表情 [1]
在Fireworks中绘制QQ聊天表情 [2]
在Fireworks中绘制QQ聊天表情 [4]
在Fireworks中绘制QQ聊天表情 [7]
在Fireworks中绘制QQ聊天表情 [5]
在Fireworks中绘制QQ聊天表情 [3]
巧用Style制作立体感文字(组图)
将Fireworks表格插入Dreamweaver
FireWorks触角教程
用Fireworks给黑白图上色
超酷图标教你做
用Fireworks 4.0制作旋转文字动画(组图)
FireWorks金属节教程
Fireworks 营造残破纹理
译:FWMX2004移除相片红眼(组图)
Fireworks 制作透明的苹果按钮
Fireworks MX打造MAC水晶球特效
透明立体网格效果制作教程

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


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

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


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

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

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


  最后的动画效果如下: