fireworks 动画

《fireworks 动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五讲动画教学目标通过本讲的学习掌握创建编辑位图图像1、教学内容：重点：了解Firworks的使用范围教学重难点：Adobe®Fireworks®可以创建能够移动的横幅广告、徽标和卡通形象等动画图形。可以通过向称为动画元件的对象分配属性来创建动画。元件的动画可分成多种状态，状态包含动画中的图像和对象。一个动画中可以有一个以上的元件，每个元件可以有不同的动作。不同的元件可以包含不同数目的状态。当所有元件的所有动作都完成时，动画就结束了。一、动画基础知识动画工作流程1可以从头开始创建动画元件，也可以通过将现有对象转换为元件来创建动画元件2可

2、以在“属性”检查器或“动画”对话框中编辑动画元件。可以设置移动的角度和方向、缩放、不透明度（淡入或淡出）以及旋转的角度和方向注：移动的角度和方向选项只能在“动画”对话框中找到。3使用“状态”面板中的“状态延迟”控件设置动画速度。（4将文档优化为GIF动画文件5将文档作为GIF动画文件或者SWF文件导出，或者保存为FireworksPNG文件并导入到Flash中做进一步编辑。一、动画基础知识关于动画元件动画元件是动画中的主角。动画元件可以是您创建或导入的任何对象，并且一个文件中可以有许多元件。每个元件都拥有其各自的属性和独立的行为，因此可

3、以创建在其它元件淡入淡出或收缩时在屏幕上移动的元件。不是动画的每个方面都需要使用元件。但是，对于出现在多个状态中的图形使用元件和实例会减小文件大小。可以随时使用“动画”对话框或“属性”检查器更改动画元件的属性。还可以在不影响文档其余部分的情况下编辑元件的图片。还可以通过移动运动路径来改变元件的运动。因为动画元件被自动放到库中，所以可以重复使用它们创建其它动画。一、动画基础知识创建动画元件1选择“编辑”>“插入”>“新建元件”。2在“转换为元件”对话框中，输入新元件的名称。3选择“动画”并单击“确定”。4在文档面板中，使用绘图或文本工具创

4、建一个对象。可以绘制矢量对象或位图对象。5在完成对该元件的编辑之后，切换到整页一、动画基础知识将对象转换为动画元件1选择该对象。2选择“修改”>“动画”>“选择动画”。3通过设置动画属性来编辑元件。动画控件出现在对象的边框上，而元件的副本添加到库中。一、动画基础知识编辑动画元件可以更改各种元件属性，如动画不透明度和旋转。可以使元件显示为旋转、加速、淡入淡出或者是这些属性的任意组合。状态数是一个关键属性。在设置此属性时，Fireworks会自动将完成该动作所需的状态数添加到文档中。一、动画基础知识动画元件的属性状态动画中状态的数量。可以用

5、滑块指定状态数（最多可指定250个），也可以在“状态”框中输入任何数字。默认值为5。移动（仅限“动画”对话框）对象移动的距离（用像素表示）。默认值为72，但没有上限。移动是线性的，并且没有关键状态方向（仅限“动画”对话框）对象移动的方向（从0到360º）。还可以通过拖动对象的动画手柄来更改“移动”和“方向”的值。缩放从开始到完成，元件大小的变化百分比。默认值为100%，但没有上限。若要将对象从0%缩放到100%，原始对象必须很小；建议使用矢量对象。不透明度从开始到完成，淡入或淡出的度数。值的范围从0到100，默认值为100%。创建淡入/

6、淡出需要同一元件的两个实例：一个播放淡入，另一个播放淡出。旋转从开始到完成，旋转的度数。值的范围从0到360º。要想让元件旋转不止一圈，可以输入更高的值。默认值为0º。“顺时针”和“逆时针”对象旋转的方向（顺时针(CW)或逆时针(CCW)）。一、动画基础知识更改动画元件的属性1选择一个动画元件。2选择“修改”>“动画”>“设置”打开“动画”对话框。如果“属性”检查器尚未打开，可选择“窗口”>“属性”将其打开。3更改属性。4如果正在使用“动画”对话框，单击“确定”以接受更改的属性。一、动画基础知识删除所选动画元件中的动画选择“修改”>“动

7、画”>“删除动画”。元件变成图形元件，不再有动画属性。如果您以后将元件重新转换为动画元件，它将保留其先前的动画设置。。从文档库中删除元件1在“文档库”面板中选择所需的动画元件。2将元件拖到右下角的垃圾桶图标上。一、动画基础知识改变元件的移动或方向所选动画元件有一个唯一的边框和一个指示元件移动方向的运动路径。运动路径上的绿点表示起始点，而红点表示结束点。路径上的蓝点代表状态。例如，一个有五个状态的元件在其路径上会有一个绿点、三个蓝点和一个红点。如果对象出现在第三个点上，则第3个状态就是当前状态。通过改变路径的角度可以改变运动的方向。一、动

8、画基础知识可以通过创建其内容将出现在“状态”面板上的状态来生成动画。每个状态也都有相关的属性。通过设置状态延迟或隐藏状态，可以在编辑动画时查看其外观。设置状态持续时间状态延迟指定当前状态显示多长时间，用一秒