当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 在Fireworks中制作淡入淡出动画效果

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 中的 在Fireworks中制作淡入淡出动画效果


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

 

淡入淡出动画效果

  用fireworks做的淡入淡出效果,有人说看PNG格式看不出真正的步骤,所以在此补上这样一篇教程。
  对象的淡入淡出效果是firewoks可以创建的普通效果之一,对两个链接对象进行插帧的时候,其中一个对象的不透明度设置为0%,一个对象的不透明度设置为100%,就可以获得淡入淡出效果。

制作步骤:
一、首先新建一个文件,画一个圆,在FILL面板中设置edge:feather:10,设feather的目的是在运动过程中边缘不至于太生硬,影响效果。点中圆,按F8键,选择type: graphic,使之变成symbol。
二、在library面板中选中这个symbol,拖到屏幕中。重复上次操作,再拖一个出来。用scale工具把后拖出来的那个圆拉到自己满意的大小,按ctrl+a,选中这二个圆。
三、在modiya菜单中选align选项,center vertical和center horizontal各点一下,二个圆球的圆心就对齐了。:)
四、选中大圆,在object面板中透明度设为0。
五、把二个instances选中(也就是圆),选modify菜单中的symbol->tween instances,在steps中填入自己想要的帧数。本例中我选了3。

六、效果完成。


原文件保存编辑吧