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

[复制链接]
查看: 256|回复: 0
gggds 发表于 2009-12-27 03:14:43 | 显示全部楼层 |阅读模式
  最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟! 0 M6 A- b" X* ?  z% d% w: v
  下面我们来看看闪字的效果。
& m- M& B0 s' Z4 k% Z6 B! |: o2 A% C

" ~: ^  {4 {! E) i
" t; p5 a$ x& b: z+ d$ s9 \) N7 K. R/ Y( o; X# [5 r

& ]3 Z6 P! ?/ p0 e. Q8 m. z) i* q+ u2 A1 B% Y
; T! a, g- ?+ W

/ V( b+ }/ {8 n2 B! ?/ E! H
8 V# `  ?! n/ z' W) P  制作步骤:% u6 x* d9 ?: i) }4 Z2 V* |
  1.打开Fireworks软件,新建一个透明背景的文档。(文档大小可以先设置为390×68像素,如果不合适,后期再进行修改)
4 G/ k. Y! ]. N6 D9 Y! F$ R3 H
9 @/ e) w9 e! P% v" c' B; Z  M' D
8 G( i% T; D/ W' P# ~; z+ t7 M7 z! p8 {- s4 t
  2.利用左边工具箱中的“文本工具”
- h* _; K1 f5 f6 N* w
2 @& R6 m5 C% r1 Z4 `1 _5 u在画布中输入文字,然后在下方“属性面板”中调整文字的大小/字体,并在“消除锯齿级别”中设置为“强力消除锯齿”。$ y/ E  Z  j/ L5 D1 m9 g# O0 Q
  ]3 q' ]! G% k/ Z0 j
- ~; M3 L( {6 W' L# s

* I' f- U3 q0 t6 S7 ?6 R+ o$ j  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上8 h8 K2 T- b9 Q! Q

9 X: G: J5 P3 Q0 {* h/ v0 @& X2将,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就制作几帧)。. l" B( e; \1 T

$ z8 ~/ x0 W, @3 f6 T/ Q5 [2 D  M. J: r8 b8 y9 M1 P5 i
) o$ F3 C( l: j
7 [* p5 r1 p5 `& ?" X/ [
' Z6 I4 J+ x4 G' j9 D
  8.接下来就是对闪底素材的编辑了,一般的闪底并不是我们想要的大小,有时会比字小,所以我们就需要编辑一下,首先要打开闪底素材,单击下方“属性面板”中的“画布大小”,调整为闪字画布大小。。
& ~' j4 f' G# K% Q9 B# P2 w+ R6 U0 T# i! \6 B4 f
6 V7 `6 Q1 p: p7 I

9 s8 r, d) L  z( W
$ M# e. R' N; P* l6 f3 \
: F8 J0 c8 O3 O9 K2 P
  A, _! `3 I, n9 |' w' k' T- Q8 S+ a: L+ M1 Q, H
  9.然后在“帧”面板中单击
) b6 V0 c6 N. T' z1 f
/ h1 j6 ]3 C7 y' f洋葱皮按钮,勾选“多帧编辑”,并将结束帧滑块拖到最后一帧上,并框选所有图像内容。
! S. q" B! S% d3 ^; m
1 @" |  r( }4 g8 W
1 ?8 s9 a" j! Y9 f, T5 C9 ?3 h + }9 ?% v% |) H

* q9 K, e, ]8 k
9 e* e6 q/ @4 P3 a4 }! ~
1 M5 m4 W* _9 |% w9 ]) F+ O3 |5 }. Z, r% k3 j7 S8 J8 L# W9 `7 t
  10.这样,框选中的是三帧中的对象,利用移动工具移到画布最左边,然后利用ALT+移动复制对象至满画布,然后保存并关闭闪底。 % R) _4 J5 E9 f" s1 X: M

" U. g; U' V; i4 i  f3 c  ^
; i4 N& @$ w/ l' e1 F% f0 r
6 q5 Z3 y; Q2 w6 v3 [  x5 o/ \
' D. a4 S2 n  y; B  11.回到刚才我们闪字的这个制作画布中,选择菜单中“文件—导入”(Ctrl+R),选择导入刚才修改并保存的闪底素材图。
. b. e$ `& i. Q& _+ J3 A9 x' _8 \, W9 H3 _1 p$ D
" N1 m% w$ z: e

: q( F5 N6 C0 E8 A1 W2 l  (提示:要在第1帧中导入,不要选择其它帧,否则会出现前面的没有效果,后面却多出帧的结果。) 0 b% Y5 z* e2 V5 r9 S
- F5 \+ i$ y) B
  12.导入后会看到动画元件布满了整个画布,然后选中闪图,按Ctrl+X剪切下来。6 g/ i' E2 P6 G8 f: I+ j* ~
& n+ E/ ~% H9 W9 x6 M

5 K( k4 w- X( {( _6 s  r5 G/ V
1 E/ a# }0 Q  i8 G8 N& r. ?# H 13.单击第1帧中的文字,将其选中后选择菜单中的“编辑—粘贴于内部”。
5 F: k5 m( O8 z, e, R3 A- O# K% B% Q6 G
' G) ~- V. Y* ?; W4 N; F0 i& f

' C+ w+ W, x; I- Z6 ^  这时再点击预览会发现,闪字动画已经制作好了。0 J% }8 s9 u6 p* P: \/ ?

! J  X" A+ p. r7 [6 p3 A+ ~- f, Y+ b1 @6 R. B- V  u, E
7 x4 o0 G' z& `6 ?4 E4 D! n
  14.闪字制作完成后,接下来就是将这个闪字图像保存为动画Gif格式,可以选择菜单中“文件—图像预览”命令,在“图像预览”窗口中先单击预览按钮看一下动画效果,然后再单击“导入”按钮导出Gif图像。
& i; }  ?# q5 h8 b; q- Q& |5 J1 X. ]0 n- ]$ R$ Q6 [# |5 j

+ c* r) B+ x% u
/ H+ V; j0 `6 R! @" c  到此,闪字就制作完成了,下次给大家讲解闪图的制作。

本版积分规则

精彩图文

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