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

FireWorks
Fireworks MX 之初体验4-1
网页设计综合实例(上)
网页设计综合实例(下)
特效字系列教程:马赛克文字
Fireworks4极速教程
Fireworks4功能介绍
Fireworks4遮罩全接触
Fireworks MX 2004特效字系列教程:立体网格字制作
Fireworks MX 2004特效字系列教程:水晶特效字制作
Fireworks MX 2004特效字系列教程:锈蚀文字特效制作
微软Windows徽标做法一例
Fireworks MX 2004特效字系列教程:晕光文字特效四种制作方法详解
金属按钮效果制作方法一则
Fireworks 鲜橙的制作方法
实战网页图形效果一则
布尔运算的处理
Fireworks三帧打造酷Banner
巧用Fireworks MX 2004打造马赛克特效文字
Fireworks MX 2004 制作远古兽皮卷轴
Fireworks 简单立体文字特效

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


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

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


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

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

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


  最后的动画效果如下: