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

FireWorks
巧用Fireworks渐变工具处理图片
放弃PS,Fireworks也能为黑白照片上色
Fireworks鼠绘CG性感美女
Fireworks三个案例教你使用涂抹工具
Fireworks打造草样年华gif动画
Fireworks 打造炫彩网点广告效果
Fireworks CS3切片工具的使用简述
Fireworks快速打造水晶图标
Fireworks 8打造精致指南针图标全过程
Fireworks绘制精致Rss图标
Fireworks快速简单打造网页“闪字”动画
Fireworks打造动态banner全过程
Fireworks教程:用FW自带滤镜打造动画效果
Fireworks教程:绘制可爱卡通Q版电视机图标
Fireworks教程:利用FW笔触工具绘制飘逸白云
Fireworks教程:打造雪花纷飞节日贺卡
Fireworks教程:利用“建立控点法”绘制炫彩画面
Fireworks教程:用滤镜打造漂亮极光字效果
fireworks教程:自制树叶笔触绘制一棵榕树
Fireworks教程:教你制作特殊的切角图形

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


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

六、效果完成。


原文件保存编辑吧