Fireworks简单方法打造网页“闪字”动画

[复制链接]
查看: 263|回复: 0
gggds 发表于 2009-12-27 03:14:43 | 显示全部楼层 |阅读模式
  最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!
, t1 s( S) S3 n' j( a# Y1 O  下面我们来看看闪字的效果。
- v+ ^6 h; j6 e( S) L( ^
/ d( i* @- V8 r% T, F& s) V3 b2 M0 i3 \

# Q0 v8 l4 U, ~0 N* s0 {. i  h6 h8 P3 ^7 G% `- b8 _$ Y  j0 D# d, ~
6 e, ?" h5 }9 X/ H6 b" q: c

5 z/ j- W$ M- p4 `  p- P2 j
, U! [( d0 `* k& E" J+ X; q) k# {- }( P7 p
- M8 ~* D' Z6 X; x0 \6 A: F4 l
  制作步骤:
1 w2 l, R4 E3 u& I0 O5 r  1.打开Fireworks软件,新建一个透明背景的文档。(文档大小可以先设置为390×68像素,如果不合适,后期再进行修改)
6 k0 H- Q1 U8 \8 M5 ]4 f- x; s" K( k" F( c+ |7 l' g- v
) n5 Z" A) h! r2 t
* M* a% Z6 s8 v6 C8 F
  2.利用左边工具箱中的“文本工具”# g7 F5 Z3 k' ]$ y' C2 T
0 R' g, o& W/ R
在画布中输入文字,然后在下方“属性面板”中调整文字的大小/字体,并在“消除锯齿级别”中设置为“强力消除锯齿”。
) R, C0 y7 H) Q
/ B$ Y( Z4 W/ v( g: ^% t
* w+ t2 Y( o) I  i' `
1 s, y7 I. s' j+ B  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上! N+ G  o0 j2 [& W+ `, l
2 `' k* I) d5 d
2将,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就制作几帧)。2 P/ D: A& \$ a0 _7 G: F

, r8 {* z3 u% f7 I1 s
4 c) r6 m( F% F3 g) o' c: S/ d/ m$ I9 V& n- ^- n1 o
0 O7 i5 p5 k, N- m$ ^
1 v0 Q) C9 o8 V0 s7 M
  8.接下来就是对闪底素材的编辑了,一般的闪底并不是我们想要的大小,有时会比字小,所以我们就需要编辑一下,首先要打开闪底素材,单击下方“属性面板”中的“画布大小”,调整为闪字画布大小。。
# y" W( M( b9 T+ m1 m; }% C. G
0 {3 D! }7 V5 M+ n2 C: s% x8 Y, {4 _$ }

2 r# K3 E' Z0 c- f; q: Z/ @% e, q; D' u+ A3 P1 Z

& w+ W' U- @2 \7 w" L, W  B7 J) t# G6 l% t( ~: P
8 b2 [1 r# s$ B0 t1 m
  9.然后在“帧”面板中单击
) _1 r% u0 g* B9 A- }0 }- R7 r+ ^6 A) _! P; n1 d
洋葱皮按钮,勾选“多帧编辑”,并将结束帧滑块拖到最后一帧上,并框选所有图像内容。
" O" C0 G- d3 ]: M! ], P
* s6 K- X8 S. k1 C# [0 \: O# _, a1 K3 |+ n, n( L0 ]7 W
6 @/ E* |( Z; ]/ a3 X( _( D* F. F

: A* w, ?, p: P9 Q1 @& S5 d8 g8 @1 s8 N8 `0 ]1 x
# |, g' A! i% F  Z  |
( ~) C" l9 {: P7 k
  10.这样,框选中的是三帧中的对象,利用移动工具移到画布最左边,然后利用ALT+移动复制对象至满画布,然后保存并关闭闪底。
! |) w3 ^3 K. Z6 }- T3 j) L. ^! {
& f0 m% |) z7 S; x+ X0 f6 H/ s7 _
& G2 J# M5 k1 O0 e5 C( ~$ [% b' i: k& M! s5 h9 ?1 n; p7 P5 c

  C5 g0 }# i6 e  11.回到刚才我们闪字的这个制作画布中,选择菜单中“文件—导入”(Ctrl+R),选择导入刚才修改并保存的闪底素材图。
! k  m& \. \/ a& p7 L4 X6 ~+ t- i: ?; ], [9 s  T

" ~8 R% K  U! B9 C
1 ?9 }( M# t7 _* @  (提示:要在第1帧中导入,不要选择其它帧,否则会出现前面的没有效果,后面却多出帧的结果。)
0 J6 L" R5 c! A- A
! v0 x3 B  p& U3 T' y  12.导入后会看到动画元件布满了整个画布,然后选中闪图,按Ctrl+X剪切下来。
& s0 a0 ~0 |, [' C: M; L3 b% ?& L& a1 H0 U
& q/ s) Q# I) b' P3 R
3 t9 u0 t8 D7 N* ]2 f$ n, l+ g# m
 13.单击第1帧中的文字,将其选中后选择菜单中的“编辑—粘贴于内部”。; h- h7 c( _/ m) o, z

5 i- Z/ X( `6 M2 x; Y7 U$ Y6 Q2 n9 d$ r9 N4 l- \% u- w2 q8 g

; J# E$ }& h& S/ A  这时再点击预览会发现,闪字动画已经制作好了。
, `7 l( T9 \1 C. x# K' e5 N6 w6 N! |8 @  l1 j  I
1 |: u8 d! w+ `- a; W
. j9 x9 r! l$ o3 z/ ?: E. f
  14.闪字制作完成后,接下来就是将这个闪字图像保存为动画Gif格式,可以选择菜单中“文件—图像预览”命令,在“图像预览”窗口中先单击预览按钮看一下动画效果,然后再单击“导入”按钮导出Gif图像。7 Z+ u4 E/ w* b0 }

4 g# H# L% ]6 ?7 A+ l- T5 i# j+ k7 l" |& j

) e7 T; W# M/ k- A- h5 f  到此,闪字就制作完成了,下次给大家讲解闪图的制作。

本版积分规则

精彩图文

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