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

[复制链接]
查看: 273|回复: 0
gggds 发表于 2009-12-27 03:14:43 | 显示全部楼层 |阅读模式
  最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!
$ a. U5 m; F3 Y( ^  下面我们来看看闪字的效果。 7 V3 ?$ |+ Z8 Z6 W- z6 a( Z1 N

$ P! b) N  J7 p8 O  E  q; K5 P" Y6 l' ]9 a
' g9 o6 }8 F  u& F5 N) H9 k. n, @

: q  \9 p# x( h- _: B3 K! k. ^; c) q% i' H- z

. P/ I6 g; H9 T  J3 W' j
& E5 y( I3 k" m8 {2 P& F7 Z+ O% n

! _$ \9 o5 N0 d: h  制作步骤:% a8 |. K6 A0 v0 p  d) l* @+ [
  1.打开Fireworks软件,新建一个透明背景的文档。(文档大小可以先设置为390×68像素,如果不合适,后期再进行修改)2 _  @& J( {3 a" V% e
5 \( U& G5 q3 w# W4 ?" N7 J9 J8 @
3 }4 M9 g2 |7 m6 W  U6 e0 O5 v
# T5 Z  \5 s% {2 w! _3 Q3 Q' d9 Y( {
  2.利用左边工具箱中的“文本工具”
0 l1 t4 \, o" c- [$ b3 L! o' M0 J& n9 Q
在画布中输入文字,然后在下方“属性面板”中调整文字的大小/字体,并在“消除锯齿级别”中设置为“强力消除锯齿”。
4 t! [  Z* Y/ q. d2 V& m' E1 ?6 O, f0 R
- A$ ~) C+ S  v% K% h. _: }

5 k' a. i5 U- c4 V* @5 e$ [- A: k  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上
5 V/ L. Y) E( F% @
5 _5 _# J$ R0 N* b' Q5 {2将,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就制作几帧)。
8 }/ |- b+ B8 r; m9 d: K9 u) S5 ]  ?( ^" H2 ~4 F6 Q# D& @
: I2 B. c) W4 q3 v% v
; f- W) N/ v* D6 {3 o. j9 R  ]

: ?& C3 L* X7 U2 _6 Z2 R5 u! j7 c9 A+ ~% r( h
  8.接下来就是对闪底素材的编辑了,一般的闪底并不是我们想要的大小,有时会比字小,所以我们就需要编辑一下,首先要打开闪底素材,单击下方“属性面板”中的“画布大小”,调整为闪字画布大小。。. G, w) F8 ^3 x0 X

, u( \: ^0 u9 ]2 O3 C/ ]7 }2 ~4 k1 S6 ~
7 K/ d$ h  F; u& I7 Q% b

% d- u' o' \" p8 J6 }
# \+ U# o6 A' p* \8 @  K! Y2 {7 |
7 `( B( D) Q* w
, A1 p: T, o" D7 d( q2 W  9.然后在“帧”面板中单击
" D; ~, M7 p+ x9 e- {( I2 ^
$ q2 Y! Q7 F1 U洋葱皮按钮,勾选“多帧编辑”,并将结束帧滑块拖到最后一帧上,并框选所有图像内容。0 _- @6 s4 R- E8 E

- O* X& ]/ q0 O% b2 f
" F0 u: d9 ~1 E9 r0 |; _; f- a ) S; L$ T9 r* J- ?
4 }+ s+ |! ^2 |' D

& F; V2 l9 X, k7 L& r/ H
4 q# u5 m) d, R( G0 n
$ g/ f* B" j) K: c1 L* C  10.这样,框选中的是三帧中的对象,利用移动工具移到画布最左边,然后利用ALT+移动复制对象至满画布,然后保存并关闭闪底。
* T6 ?9 B& h% n3 ~* U( p6 b  p
  I3 i- {( p. D  w
* d% b2 t$ ~! K
1 Z* p. c6 O6 X) Y5 E$ y# _4 o/ G% A4 X
  11.回到刚才我们闪字的这个制作画布中,选择菜单中“文件—导入”(Ctrl+R),选择导入刚才修改并保存的闪底素材图。6 G7 ?6 i2 o9 K% i  |6 z( ?2 K  u& }% b+ H

8 v+ d$ z! M+ }  U# i
. Q1 v5 `$ F9 z2 R8 E; S
8 A. h/ Q0 M6 |8 x; ^! u  (提示:要在第1帧中导入,不要选择其它帧,否则会出现前面的没有效果,后面却多出帧的结果。)
8 z( L7 H" M% y( E% n) T; V/ S$ K  s. P
  12.导入后会看到动画元件布满了整个画布,然后选中闪图,按Ctrl+X剪切下来。" {& E* H, _- Y4 [1 R- t

: c3 @  o9 k7 V, [, H# u
' M5 n2 `# z4 H$ Y5 `* f+ f) \( w+ p. O0 s" U
 13.单击第1帧中的文字,将其选中后选择菜单中的“编辑—粘贴于内部”。. g+ x* P; W+ v' c; F
" S  _3 i9 S/ \
2 w2 {6 L# A1 o/ }/ [
" u! s( n7 e, M$ O! r+ c# u8 T
  这时再点击预览会发现,闪字动画已经制作好了。6 X' E' Q: F0 T" o
9 m0 r3 q( E: i* t: T; E
" T) ^  A4 P0 l: G. Z
" [( w- s1 S8 b  {) m% a. Q/ {$ i
  14.闪字制作完成后,接下来就是将这个闪字图像保存为动画Gif格式,可以选择菜单中“文件—图像预览”命令,在“图像预览”窗口中先单击预览按钮看一下动画效果,然后再单击“导入”按钮导出Gif图像。3 M  l  i( N: b: ^8 }) X. k

8 l3 ~" X8 X) B- s# m8 _  @% D( u  D7 r" b5 T$ e
! Z: d2 `; h* ^5 a
  到此,闪字就制作完成了,下次给大家讲解闪图的制作。

本版积分规则

精彩图文

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