现在位置:中国IDC吧>网页设计>Fireworks教程> 文章内容

FW动画类型及制作详解

收藏发布 来源:互联网 作者:中国IDC吧 更新日期:2008-10-07 点击:

写在前面的话:

  我一直认为FW比之PS强大的地方主要体现在两点上,一是向量图形编辑模式与位图编辑模式的完美整合,二就是纯图形处理功能与GIF动画制作功能的整合。至于说在软件的使用简便性上的对比,我现在到觉得无益探讨,盖因对于某一软件使用操作的得心应手完全取决于使用者的喜好。续论上述两个优势。图形模式混合处理这一功能,ADOBE在PS6中以经引入,我们抛之不谈。就动画处理图形处理的整合上来说,PS比之FW仍有相当距离。

(注:以上是作者的观点,并不代表pcedu.com.cn的立场)

  现在就让我们共同走进FW中来仔细了解一下FW在动画处理上的强大功能及其灵活简便,并侧重分析一下可生成的动画形式。

注意:在本篇中只针对软件直接生成的动画效果进行分析,不做手工分桢动画的讨论。

提示:在FW中有两种“符号”可以通过软件内建指令产生运动及其它变化的效果。一是“图形符号(Graphic Symbol)”,二是“动画符号(Animation Symbol)”。

逐步分析:

虽然我们能够利用FW制作出很酷炫的动画效果,但它毕竟不是一个专业制作GIF动画的软件,所以纯软件生成的效果非常简单。大致可以分为以下两个类别:

一是基本运动类,二是特效运动类:

一、基本运动类包括:

  直线运动:它包含了垂直、竖直、倾斜这三种运动情况。如图1所示。

直线运动1


  渐变运动:FW只支持两种渐变运动,一是大小渐变运动,二是可见性渐变运动,可见性即指透明度的变化,其中还包括运动过程中符号的旋转。如果你想把 一个圆形逐渐变成矩形,那么只有通过手动方式一桢桢的做了。如图2-4所示。

渐变运动2

渐变运动3

渐变运动4

二、特效运动只有一种即“遮照类”动画:

  遮照类动画有两种生成的方法,其一是利用共享文件夹(Share Across Frames)功能创造遮照的效果,如图5所示。二是真正的利用遮照功能(Paste as mask or Group as mask)通过被遮照物体的运动而生成遮照动画。如图6所示。

遮照动画5

遮照动画6

以上就是可以通过FW内建指令生成的两大类动画。只要我们善于利用这些指令再加上我们的创意就可以创造出很多很有意思或者很COOL的效果了。下面我们就来熟悉一下这些动画制作的过程。

注意:
  
以下动画的制作过程我们将以对比的形式讲解。其中基本运动类动画的制作我们将以通过“图形符号”及“动画符号”创造动画效果的不同方法进行对比。特效运动类动画的制作我们将通过以“共享文件夹”及“遮照”两种不同方式进行对比。

提示:
  
在FW中转换及添加符号的方法有5种,一是将初始的向量图形转换为Symbol(符号)的快捷方式:选中图形按下F8键。二是右键点选图形,在下拉列表中选择Convert to Symbol(转换为符号)。三是选中图形,打开Insert菜单选择Convert to Symbol……。4是添加一个新符号,打开Insert选择New symbol.5是添加新符号的快捷方式即按下Ctrl F8。在下边的讲解中,我们用到的全部是快捷方式。

逐步讲解:

一、基本动画:

  1、利用“图形符号”制造直线运动类动画:首先画出你需要的图形(为求简明,这里只用矩形表示)。选中该图,按下F8键,在弹出的对话框中选择第一项Graphic(图形)。如图1。

图例1


  2、选中刚刚转换的图形符号,按下Ctrl C,复制一个相同的图形符号,再次按下Ctrl V将其粘贴到编辑区。并将两个图形符号于水平方向拉开一段距离。如图2所示。

图例2


  3、按住Shift键,点选编辑区中的两个图形符号,选中后打开modify菜单选择Symbol列表项中的Tween Instances(于两者之间插入实例)或者按下Ctrl Alt shift T的快捷键。在弹出的对话框中,于Steps(步骤)项目中添入你需要的桢数量(注意,插入的桢数量越多输出后的动画格式将越大),同时勾选下方的Distribute to Frames(分配的桢)。如图3所示。好了,按下状态栏中的play预览一下这个最简单的直线运动动画吧。

图例3


  4、现在我们来看看利用“动画符号”制作直线运动的过程。首先还是画出你的图形,同样的选中它并按下F8,但这一次我们需要选择的是第二项即:Animation(活泼的)。

上一页12 下一页
[点击复制本页地址发送给 QQ/MSN 好友] [ 发布内容][ 举报][ 关闭窗口][ 返回顶部]
收藏此页到网摘/书签:
所有评论

评论列表

用户名: 新注册) 密码: 匿名评论