|
◆ 动 画 4 E- U4 D% K f# g* x
我们在 Firworks 中创建动画是使用帧(Frame)的概念。每一个帧(Frame)含有一个不同的图像。您希望在所有的帧中显示的图案放在一个单独的图层中,它共享于其他所有的帧。帧排列的顺序也就是播放的顺序,由它来建立一个动作的过程。
" ~! F8 H; d/ @! a5 M# r/ v1 打开 Tutorial 文件夹下的 Animated_Start.png。
+ Q1 x# |) i6 t' R, j2 U
) A$ V+ P0 k" U8 U" g) s
: e1 m2 V5 @1 m* }& I2 打开图层(Layer)面板然后单击面板底部的 New / Duplicate Layer 按钮。. u ^- @1 a8 J/ p1 ?

5 y9 P+ B9 `0 ]9 k( s" Z" Y 现在我们将这个缩图移动到新的图层当面。0 ^+ _2 N( v( o9 ~# f
3 使用 Shift + 单击每一幅图像的方法选定这四个缩图。
8 A: E. R1 H$ J, `% P* z
# \" x% ^, B; I3 L: K1 _ 图层面板中 Layer1 右边出现的蓝色正方形表示选定部分是在这一帧中。: U* ]6 V$ ~9 r9 s" X4 |( i
4 将这个蓝色正方形拖到新建的图层 Layer 2 上。. r7 L. H% d& H1 X
+ {, L, }$ v; e. W6 t
现在您就可以共享 Layer 1了,也就是说,Layer1 中的这些文字将出现在这个动画的每一个帧中。
! ~, M" n% F' O5 在图层面板中选定 Layer1.3 o2 j1 f$ t5 e
6 打开选项菜单(单击面板上端的小三角)然后选择共享层(Share Layer)。注意这时在图层名称的右边将出现一个胶片的图标,这表示这个图层共享于其他的帧。/ S3 @* @' f6 d4 _0 t

, w. f0 S7 l7 w/ r4 |
: i# V: j3 a5 }$ q$ \4 o8 `7 Shift+单击再次选定它们。) D; s& O9 O3 o. D5 m
8 拖动文字上方的缩图,使它们与最后的四个字母图案对齐。
* q+ u( \) n% P. i
- Q0 V9 X* g$ q5 {3 z 接下来,我们要将这些缩图分配到指定的帧来创建这个动画。
0 m4 R4 }) e6 y1 @. r: B5 v# I9 打开帧(Frame)面板然后单击面板下方的分配到帧(Distribute to Frames)按钮。7 X& [- `& x; W2 z

# B* ~5 e% |, P- u( W 10 打开优化面板然后从到出文件格式菜单中选择(Animated GIF)。您必须使用 Animated GIF 以导出所有的帧。如果使用 GIF 将只能到出第一帧。
6 f" ~% [" |' K# x2 z& b
% M6 n! r7 N0 x7 w
# P1 @ B" G8 b# \. b; K11 在帧面板中使用 Shift+单击选定所有的帧然后从面板的选项菜单(单击面板上端的小三角)中选择属性(Properties)。
: R: @" Y0 X) ?, I3 n& B , B8 ~+ G( F4 _( ~5 o5 g: e
$ V: S; S2 o0 I1 A4 _* G
12 设置帧的延迟时间为 50 (半秒)然后按下回车键(Windows)或Return键 (Macintosh)。通过设置帧的延迟时间来设置动画的速度。, ?2 y+ M% G- `( y( r
k" D8 k' @" F% Y" b8 B+ M" C" `
( J, D: M2 a2 L I# T l$ | A: X
13 单击应用程序窗口(Windows)或文档窗口(Macintosh)底部的播放(Play)按钮。 注意这时的播放按钮变为停止按钮。单击停止按钮停止播放动画。3 B, p/ t) A& p% T7 E
, F+ u( B+ E1 s9 P9 R
0 C, H) J% K0 U/ n. O6 A" s14 选择 File $#@62; Save As,命名为 my_animation,然后单击 Save。如果需要的话可以在浏览器中测试一下这个按钮。 |
|