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

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

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


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

六、效果完成。


原文件保存编辑吧