Fireworks动画类型及制作详解

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

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

本文来自织梦

　　5、看到了吧，当你选择将图形转换为“动画符号”后，Fireworks会自动的弹出一个设置动画符号运动的对话框。那么第一项Frames当然是添加桢数量了。第二项Move就是负责位置的变动了。直接写入180就可以了。也就是说使这个符号按照水平方向移动，你想让符号按照反方向的水平位置移动吗？那就写入—180就可以啦:)。下面的Direction（方向）就是用来设置符号运动的方向的。假如你只需要符号按竖直的水平方向运动那么就无须动它了。接下来的那几个我们在下面的讲解中再具体说明。如图4所示。 本文来自织梦

　　6、利用“图形符号”制作渐变运动动画：这回我们做的复杂点，将大小及透明度变化融合在一起来做。好啦，先重复第1－第2步骤。将图形转换为符号并复制一个出来。

dedecms.com

　　7、改变其中任意一个符号的大小及透明度，（这里改变的是复本），透明度的改变如下：选中某符号，打开layer（层）面板，将含有数字100的那一项改为0即可。如图5所示。

织梦好，好织梦

　　8、重复第3步骤。然后预览这个渐变动画。 本文来自织梦

　　9、利用“动画符号”做渐变动画：重复第4－5步骤，同时在设置框中改变以下两项：Scaleto（比例到……）添加数字为200或直接拉动滚轴条。在Opacity（不透明性）项中改变后一项数字为0或直接拉动滚轴条。好啦，看看效果吧。 织梦内容管理系统

　　10、大家以注重到了，我们一直没有提到“动画符号”运动设置框中的最后一项，现在说说吧，它（Rotote旋转）顾名思义是用来控制符号在运动过程中是否进行转动的项目。因为这个动作也属于渐变的类型，所以我们就不再做赘述了，您可以自己动手尝试一下它的功用。 copyright dedecms

　　
　　

图例1
图例2
图例3

织梦内容管理系统

　　


图例4
　　
图例5

内容来自dedecms

　　到这里为止，我们对基本动画的制作以有了较为完整的了解。在制作过程中，大家可能也发现了，“动画符号”比之“图形符号”有很大的便捷性，其一，动画符号的动作设置可以随时改变是其最大的优势，只要我们认为某个地方处理的不好，我们随时都可以通过modify——Animate——settings来改变整个动画。其二，当选中一个动画符号时，我们就会看到该动画的所有运动连接项，我们可以通过拖动两端的起始点及终止点来改变动画的运动方向。以上两点都是“图形符号”所不具备的。但图形符号也有它的优势，这里不做赘述，就靠您自己去慢慢的体会咯，呵呵：）。 dedecms.com

　　二、特效动画：

　　1、利用“共享文件夹”实现遮照效果：首先来做这个共享的文件夹。画个图吧（如图7所示）。

　　2、图画好后，打开层面板，双击名为"layer1"的层，在弹出的对话框中给这个层命名为“mask”，然后勾选下面的“被所有桢共享”。见图8。 dedecms.com

　　3、新建立一个层，将这个拖拽到mask层下。在此层中做动画，就用我们刚刚学到的基本运动随便做哦！但切记动画的大小范围一定不要超出mask层的遮盖。见图9所示。

织梦好，好织梦

　　4、你的动画做好了吗？做好了？那就看下效果吧：） dedecms.com

　　5、利用真正的遮照创造遮照动画：首先我们来画出遮照所需的两个图形。如图10所示。

看完这篇，您有何感觉呢？