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

FireWorks
Twist and Fade 3.0操作界面介绍
Fireworks网页设计综合实例7
Fireworks网页设计综合实例1
Fireworks网页设计综合实例4
Fireworks网页设计综合实例6
Fireworks网页设计综合实例5
FW形状文本路径绘图:大学校徽
Fireworks4输出图象
Fireworks4自动操作
Fireworks4做一个按钮(上)
Fireworks卡通头像:搞怪宝宝(2)
Fireworks4做一个按钮(下)
Fireworks4查找替换颜色
Fireworks4热点和切片(下)
Fireworks卡通头像:搞怪宝宝(1)
Fireworks4热点和切片(上)
Fireworks卡通头像:搞怪宝宝(3)
Fireworks 制作 IE 浏览器图标
Fireworks4翻转图像
Fireworks卡通头像:搞怪宝宝(4)

FireWorks 中的 在Fireworks中制作淡入淡出动画效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 75 ::
收藏到网摘: 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。

六、效果完成。


原文件保存编辑吧