Loading动画的制作

　　说是Loading动画，其实只不过是用Fireworks4做的一段动画效果，千万别误会是Flash中的Loading哦，用Fireworks可不能进行编程，如果哪位会的话，请告诉我，呵呵。 实际效果是这样的。请看下图


2 x4 x# t% ?' e  q1 f: E

- O* [& C7 A% @9 ^# p（这是一个GIF动画）
+ I& e5 n4 D/ k7 h- s$ R　　制作方法如下：　　一、 新建文件，新文件的尺寸大小为300*200，画布颜色为白色。　　二、 选择工具面板中的矩形工具，按住shift键，画一个正方形，填充颜色为红色，打开info面板，设置其W和H的值都为20，按回车表示确认。
$ y5 t+ x& G1 a% n( Y* w: g

4 ]: w9 I$ v& K% l: d) k. m) A

+ Y3 O; t. k# H$ j. Y; n　　三、 选择这个红色的正方形，按F8键，在符号属性对话框中，选择其类型为Graphic，点击OK按钮。 　　四、 使用菜单命令edit->clone，克隆这个实例，这时二个实例处于同一个位置，上下重叠。再使用菜单命令modify->transform->numeric transform，也可以使用快捷键Ctrl+Shift+T.
; k7 G' H" M5 H. [' F

0 i, c8 Y+ _) e- g+ X% A 4 a& W  i4 t* n2 f" [8 }' Q8 @  v

　　五、在数字变形对话框中进行如下设置。在下拉菜单中选择resize（调整尺寸）。取消对Constrain Proportions的取消，这样的话对象的长和宽就不用成比例进行缩放了，否则你调整一个，另一个也会跟着比例进行调整。在宽度的文字输入框中输入200。点击OK按钮。

9 O( o3 s" C* o' } 7 s3 A% h) p: d- R

　　六、用指针工具全选这二个实例，使用菜单命令Modify->Align->left，使这二个实例左对齐，看下图

: O/ x) `/ q- n' Y' E. `9 } 6 Y2 B$ P: y, W# H2 w5 i 0 h7 J5 O! @. V, Y

　　七、此时二个实例都处于被选择状态，使用菜单命令Modify->Symbol->tween Instances。在弹出的Fireworks4的警告窗口中点击OK按钮。在实例对话框中设置Steps为15，选定Distribute to Frames。这样这些生成的实例就会分布到每个帧中去。点击OK按钮。
& G) E3 j, O7 c& I

% u' ?7 @( T* |8 M0 |

　　八、制作完成了，感觉满意的话，我们就可以把这个动画进行输出了。使用菜单file->export preview，在输出对话框中，format（格式）选择为animated gif（动画GIF）按export按钮输出到指定的目录中。好了，这个Loading动画效果就做完了？欣赏一下吧。：）