• 创建动画元件

  • 编辑动画元件


创建动画元件

可以从头开始创建动画元件,也可以通过将对象转换为元件来创建动画元件。然后,可以设置属性以确定动画中的状态数和动作类型(如缩放或旋转)。默认情况下,一个新的动画元件有五个状态,每个状态的延迟时间为 0.07 秒。

有关使用动画状态的信息,请参阅 David Hogue 的文章 http://www.adobe.com/go/learn_fw_pagestatelay_cn。

创建动画元件

  1. 选择“编辑”>“插入”>“新建元件”。

  2. 在“转换为元件”对话框中,输入新元件的名称。

  3. 选择“动画”并单击“确定”。

  4. 在“文档”面板中,使用绘图或文本工具创建一个对象。可以绘制矢量对象或位图对象。

  5. 在完成对该元件的编辑之后,切换到整页。(请参阅从元件编辑切换到页面编辑。)

    Fireworks 将元件放入文档库中,并将一个副本放在页面的中间位置。

    可以使用“属性”检查器中的“状态”滑块向元件中添加新的状态。如果“属性”检查器尚未打开,可选择“窗口”>“属性”将其打开。

将对象转换为动画元件

  1. 选择对象。

  2. 选择“修改”>“动画”>“选择动画”。

  3. 通过设置动画属性来编辑元件。

    动画控件出现在对象的边框上,而元件的副本添加到库中。

编辑动画元件

可以更改各种元件属性,如动画不透明度和旋转。可以使元件显示为旋转、加速、淡入淡出或者是这些属性的任意组合。

状态数是一个关键属性。在设置此属性时,Fireworks 会自动将完成该动作所需的状态数添加到文档中。如果元件需要的状态比动画中现有的状态多,Fireworks 会询问您是否添加额外的状态。

可以使用“动画”对话框或“属性”检查器来更改动画属性。

若要调整动画速度,请参阅设置状态持续时间。若要编辑文本、图形、笔触、填充或效果,请参阅编辑元件及其所有实例和编辑特定的元件实例。

动画元件的属性

状态

动画中状态的数量。可以用滑块指定状态数(最多可指定 250 个),也可以在“状态”框中输入任何数字。默认值为 5。


移动

(仅限“动画”对话框)对象移动的距离(用像素表示)。默认值为 72,但没有上限。移动是线性的,并且没有关键状态(与在 Flash 和 Adobe Director 中不同)。


方向

(仅限“动画”对话框)对象移动的方向(从 0 到 360o)。还可以通过拖动对象的动画手柄来更改“移动”和“方向”的值。


缩放

从开始到完成,元件大小的变化百分比。默认值为 100%,但没有上限。若要将对象从 0% 缩放到 100%,原始对象必须很小;建议使用矢量对象。


不透明度

从开始到完成,淡入或淡出的度数。值的范围从 0 到 100,默认值为 100%。创建淡入/淡出需要同一元件的两个实例:一个播放淡入,另一个播放淡出。


旋转

从开始到完成,旋转的度数。值的范围从 0 到 360o。要想让元件旋转不止一圈,可以输入更高的值。默认值为 0o。


“顺时针”和“逆时针”

对象旋转的方向(顺时针 (CW) 或逆时针 (CCW))。







更改动画元件的属性

  1. 选择一个动画元件。

  2. 选择“修改”>“动画”>“设置”打开“动画”对话框。如果“属性”检查器尚未打开,可选择“窗口”>“属性”将其打开。

  3. 更改属性。

  4. 如果正在使用“动画”对话框,单击“确定”以接受更改的属性。

删除动画

通过从库中删除动画元件或者删除元件中的动画,可以删除动画。

删除所选动画元件中的动画

选择“修改”>“动画”>“删除动画”。

元件变成图形元件,不再有动画属性。如果您以后将元件重新转换为动画元件,它将保留其先前的动画设置。

从文档库中删除元件

  1. 在“文档库”面板中选择所需的动画元件。

  2. 将元件拖到右下角的垃圾桶图标上。

改变元件的移动或方向

所选动画元件有一个唯一的边框和一个指示元件移动方向的运动路径。

运动路径上的绿点表示起始点,而红点表示结束点。路径上的蓝点代表状态。例如,一个有五个状态的元件在其路径上会有一个绿点、三个蓝点和一个红点。如果对象出现在第三个点上,则第 3 个状态就是当前状态。

通过改变路径的角度可以改变运动的方向。

将对象的一个动画起始手柄或结束手柄拖到新位置。按住 Shift 并拖动可将移动方向限制为 45° 的增量。


,