|
一圈文字绕着中轴旋转,是不是感觉些象Flash效果,呵呵,其实用Fireworks也能轻松地制作出来。
% c8 S9 N# U |3 K: N( Y! M" d3 Z. m" A# ~3 _
( A8 G7 f# l2 V, I6 \2 a7 T- L* S& |
3 m' }' I6 r& M; _ 制作方法: 一、 新建文件(file->new)设置画布尺寸为500*500,画布颜色为白色。 二、 选择工具面板中的文字工具,在文字编辑器中输入如下文字,在这儿我输入了五个donger英文字母,每个donger选择了不同的颜色。如果您需要做另外的效果,可以输入自己需要的文字及颜色。点击OK按钮确认 9 u% `3 ^2 u' B/ v* H: w6 V {4 D
. e# m/ ]' b Y' h( }* i- G
4 @: n0 X; F7 Q" V
' a! Q5 O: c3 F 三、选择工具面板中的椭圆形工具,在画布上画一个圆,打开info面板设置这个圆的W和H值分别都为128。这个圆的填充和描边您可以随意设置,也可以不需要填充和描边。3 \0 n C: g7 M' ?1 ]8 W# x; F
w0 y) W, T, Q# j2 b" Q ]6 Z& P* Q1 |" ~2 ~& i3 r
2 W9 p! y" N8 w4 W5 { 四、用指针工具按住shift键,选中这二个对象,使用菜单text->attach to pash命令。使文字按路径排列。看下图所示。 + T- Q( f, n# n& _5 o! X
( O. e+ g% |7 |' ?; M3 w5 x# d7 K* G
1 T' A" _: H+ b$ a 五、此时按路径排列的文字处于被选择状态。按F8键,在弹出的符号属性窗口中设置这个动画的名字为text。类型为animation,点击OK按钮确认。 & d+ l1 |# f; D- W7 d# N
$ L6 G. @' ?; h2 A3 L4 |
8 X$ X& p' X" v6 X
9 x) D3 e# U# w 六、在紧接着跳出的窗口中进行这样的设置: Frame(帧):设为12帧。Rotate(旋转角度)为330。点击OK按钮,在紧跟着跳出的警告窗口中再次点击OK按钮。 + D# w8 p3 a2 y6 h2 H9 e* ~
# d9 c! n- s" C7 U0 p/ u) f- k ~! K/ Y7 [$ @
" n0 D5 o( V' j0 x, a' X; R
七、这样一个文字转动的动画就做好了,如果想查看效果的话,可以点击状态栏中的白色播放键进行预览。 这还没有完,我们继续往下做。 八、打开Frame面板,点下图用红笔圈出来的这个按钮,在弹出来的面板中使Show All Frames和Multi-Frame Editing前面打上钩,如果前面没钩的话,单击该选项就可以了。此时会显示出所有帧中的内容,重叠在一起,看下图所示。 # v& \ I! }* E& R! Q$ n1 e
% g( C. w. i1 x8 w/ L- t0 C' E6 X6 o& B, n
& I: E% D/ E/ C5 z2 \2 K
|
- P% G5 B8 N' A2 n+ Z: M3 ?, M2 \, [& _2 w2 W7 E% u
) T+ a' _' p* h# s0 |0 y
| 九、选择工具面板中的变形工具(下图红笔所圈出来的工具),把这个正方形形变形框下部分中间的点往右移到如下图所示的位置。所得到图形如下
3 L) g, w9 o3 G5 q( V |; b0 p! ?3 p3 y# k
6 D; a9 I2 a0 c$ w3 x# j
& G2 e2 ^* Y' u s& x5 B | 5 E0 y, E: ~# m, N( [
d1 F, H4 n9 f" m! `3 q3 g# V) K- |3 q5 Y
|
% s$ g9 }4 P$ _) v" {9 D6 [; s* F 十、打开Layers(层)面板,点击层面板下面的最左边按钮(象一个黄色的文件夹)二次。此时会新建二个层,都在layer1上面。我们把Layer2拖到Layer1的下面,方法:接住Layer2层面板的标签往下拖到Layer1的下面就可以了。
4 f# ?+ e* C" O- \; j+ @ C9 X7 E, L$ ^) v
9 l, S6 C8 F9 a
% J5 Q ^, v' m 十一、选择Layer2层。在工具面板中选择矩形工具,在如下图的位置画一个矩形,打开info面板设置其W为20,H为128。在fill面板中选择填充类型为linear,填充的颜色点击下拉菜单,选择 Blue,Yellow,Blue,如下图。
$ Q. V0 T% Z; W) v$ @. e, v9 s
# h! j, L. v( S. D, {
2 T7 ^7 y$ w3 t/ y+ B
. b, C, ~7 G7 A% [ 十二、用指针工具选择这个有渐变色的矩形,按下快捷键Ctrl+c,Ctrl+v。复制相同的一个矩形,选择菜单命令modify->transform->rotate 90,旋转90度,放在如下图的所示位置。 ' H" C0 ?# Z( J; z O
+ ^$ g: }% m# u
3 W9 [% p+ X* `) B
/ S' H2 F1 R4 I& N5 b/ n 十三、在Layers面板中选择Layer3。按下Ctrl+v,粘贴刚才所复制的渐变色矩形,用指针工具移动到如下图所示的位置。因为Layer3处于目前的最高层,所以它在所有对象的上面,覆盖住了文字层。: T a8 P' L; M" [% N) \
% Z* B8 l: Z0 M* V
# V" n$ ^4 a. h! V8 Z
+ a) Y4 |9 K. o/ E& v: r
十四、双击层标签,在弹出的对话框中选中Share Across Frames,使其前面有个钩,表示层共享。在紧接着跳出来的Fireworks4警告窗口中点击确定按钮。用同样的方法,把Layer2也进行共享。
" r- J2 E/ u+ e. x7 z+ l$ @
& C! C. g7 j$ r; B0 N; _% C3 l0 t! r
: `8 N! s; o. w: Y* a; K ) B/ M# ]8 _- B, [1 o* f) D/ O: [0 v/ S
十五、在Frame面板中,取消显示全部的帧,你只需要选择No Onion Skinning就可以了。9 j- a) A. q- j7 H5 I! O# n
: ` l# ?7 m) G/ }+ g3 Y
7 `$ Y! W7 \; ]$ X8 ~ - |8 d' t9 O( W8 W
好啦,这个动画终于完工了,您可以在帧面板中调节每帧的速度,如果感觉速度满意的话也可以直接进行输出。方法为:使用菜单命令file->export preview,在输出对话框中,format(格式)选择为animated gif(动画GIF)按export按钮输出到指定的目录中。 |
|