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

FireWorks
Fireworks教程:制作网页公告的装饰
Fireworks仿真绘画质感金属球
实例汇总Fireworks抠图方法
英文教程:Fireworks学习教程40个
Fireworks最新的CS5版本新增功能
Fireworks教程:绘制矢量的邮件图标
Fireworks简单绘制矢量碳纤维安全帽图标
Fireworks教程:绘制矢量逼真的铅笔图标
网页常用的PNG,GIF,JPG图片压缩率对比
Fireworks教程:绘制奇特发光的圆特效
Fireworks教程:制作晶莹剔透的魔幻花瓣
Fireworks教程:简单制作超酷炫光效果
Fireworks 抠图方法实例汇总
Fireworks学习教程40个英文教程
Fireworks 绘制矢量逼真的铅笔图标
Fireworks 简单绘制矢量碳纤维安全帽图标
Fireworks 绘制矢量的邮件图标
网页常用的PNG,GIF,JPG图片压缩率对比分析说明
Fireworks 绘制奇特发光的圆特效
Fireworks 制作晶莹剔透的魔幻花瓣

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


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

六、效果完成。


原文件保存编辑吧