Fireworks制作空间环绕文字动画

[复制链接]
查看: 311|回复: 0
gggds 发表于 2009-12-27 13:30:47 | 显示全部楼层 |阅读模式
 一圈文字绕着中轴旋转,是不是感觉些象Flash效果,呵呵,其实用Fireworks也能轻松地制作出来。8 i- |0 M) e* w9 X
) k& K  T; B5 l& L* e  C' ~

% c2 s/ ?* `; E& O! d: G) V% t + n9 z2 }2 K# R( _
  制作方法:  一、 新建文件(file->new)设置画布尺寸为500*500,画布颜色为白色。  二、 选择工具面板中的文字工具,在文字编辑器中输入如下文字,在这儿我输入了五个donger英文字母,每个donger选择了不同的颜色。如果您需要做另外的效果,可以输入自己需要的文字及颜色。点击OK按钮确认 9 ~, U8 J4 C% u

- X- u( C: k: T0 |1 m
% \: c. @* S# u$ w . t: Y8 h: H) P/ S8 y2 A  t
  三、选择工具面板中的椭圆形工具,在画布上画一个圆,打开info面板设置这个圆的W和H值分别都为128。这个圆的填充和描边您可以随意设置,也可以不需要填充和描边。
* K$ z3 H7 l: E
; A1 l( F, L3 G; y& p; Y$ P- K0 o* k/ r8 w4 U5 t

( _+ u  t/ V! u  四、用指针工具按住shift键,选中这二个对象,使用菜单text->attach to pash命令。使文字按路径排列。看下图所示。 " d. \) g) R  y7 Z8 G
( q' R. s7 g% X( U3 ^

3 R0 N# i) w" c5 O  T
- j) }- X' d" [  五、此时按路径排列的文字处于被选择状态。按F8键,在弹出的符号属性窗口中设置这个动画的名字为text。类型为animation,点击OK按钮确认。
/ V$ z: p/ q  I0 y0 a" j
8 ^" j$ Z$ q  M9 ?" `. {3 B' d- V
- R- f6 H& s# s, S: m8 j0 D) y * Z3 u) e, @- x* f5 J6 V
  六、在紧接着跳出的窗口中进行这样的设置: Frame(帧):设为12帧。Rotate(旋转角度)为330。点击OK按钮,在紧跟着跳出的警告窗口中再次点击OK按钮。 ( K( I$ r* T2 u

7 O4 i3 ?& D( J
' {2 n8 I) N, v* I; g
0 b" a6 W0 T8 m1 e: R  七、这样一个文字转动的动画就做好了,如果想查看效果的话,可以点击状态栏中的白色播放键进行预览。  这还没有完,我们继续往下做。  八、打开Frame面板,点下图用红笔圈出来的这个按钮,在弹出来的面板中使Show All Frames和Multi-Frame Editing前面打上钩,如果前面没钩的话,单击该选项就可以了。此时会显示出所有帧中的内容,重叠在一起,看下图所示。 6 C0 Y0 E' @  H1 M5 Y

9 @+ \& b: l2 t9 [  c4 K
/ ~* g/ r  I. b0 n3 ~- R5 n# a& a1 v% b
/ ]( q8 ^2 F* F# e8 `, Z

  n  ?. v( C+ G5 {/ N% M" A; B
/ _- H! m0 x+ |. `1 |: R
  九、选择工具面板中的变形工具(下图红笔所圈出来的工具),把这个正方形形变形框下部分中间的点往右移到如下图所示的位置。所得到图形如下   q3 Q! f  P/ @3 u/ x

( S% n: Z3 U. ^1 q, m9 F2 U& J' f& i% f. r7 b3 N
( q: D' F3 a. }0 n3 D/ ?7 W0 v
$ U0 d; }' T: `

+ r9 p4 \0 {, ^: p% B* ^+ V. h. R1 G1 q$ _; ]

! M+ r; x$ u0 j: s( {: U  十、打开Layers(层)面板,点击层面板下面的最左边按钮(象一个黄色的文件夹)二次。此时会新建二个层,都在layer1上面。我们把Layer2拖到Layer1的下面,方法:接住Layer2层面板的标签往下拖到Layer1的下面就可以了。 ' K7 b$ D0 F) h$ T! c$ l
& D6 s0 m) I# N# y5 v
# K2 u3 A) O/ y) M. b

: W" f; B0 N3 l, a  十一、选择Layer2层。在工具面板中选择矩形工具,在如下图的位置画一个矩形,打开info面板设置其W为20,H为128。在fill面板中选择填充类型为linear,填充的颜色点击下拉菜单,选择 Blue,Yellow,Blue,如下图。
- e5 N' w9 ?4 S6 U- F3 W4 m9 R0 v) n6 l; Y  Q- K
" V1 Q" z8 V! E: e9 n, w

: _6 ^* q+ Z6 r0 h3 F$ ?  十二、用指针工具选择这个有渐变色的矩形,按下快捷键Ctrl+c,Ctrl+v。复制相同的一个矩形,选择菜单命令modify->transform->rotate 90,旋转90度,放在如下图的所示位置。
0 @% k+ P2 l; \* I( I4 D
* t- S' e* c7 Q1 O4 A
0 \, V3 j2 l6 d" e* @! v
  |- C# D6 G9 e$ ?  十三、在Layers面板中选择Layer3。按下Ctrl+v,粘贴刚才所复制的渐变色矩形,用指针工具移动到如下图所示的位置。因为Layer3处于目前的最高层,所以它在所有对象的上面,覆盖住了文字层。" ^" P; c: ?- Z; W! O7 ~' B( f3 ?8 z

1 Y* R4 A) w1 u* o6 H1 p: Q4 h' B$ z' i2 g' S
" l& @( E$ D, b
  十四、双击层标签,在弹出的对话框中选中Share Across Frames,使其前面有个钩,表示层共享。在紧接着跳出来的Fireworks4警告窗口中点击确定按钮。用同样的方法,把Layer2也进行共享。
" V" J. F0 M4 m" g4 ~. O& I) @
: E# `: X* E: g: F9 \2 c3 Q  ]9 h5 |6 X; N4 I% v( g
1 q- v; ~( Z: l, U/ [
  十五、在Frame面板中,取消显示全部的帧,你只需要选择No Onion Skinning就可以了。! E/ |6 U( r! J: w; S* R0 O
; j7 c# H% b, K/ ~% p

+ P) g! d4 r& }* r+ ]
7 Y' l: o9 n# J8 E' e  好啦,这个动画终于完工了,您可以在帧面板中调节每帧的速度,如果感觉速度满意的话也可以直接进行输出。方法为:使用菜单命令file->export preview,在输出对话框中,format(格式)选择为animated gif(动画GIF)按export按钮输出到指定的目录中。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )