Fireworks制作蝴蝶翻飞巧写书法字GIF动画

changyuxin

　　看到许多论坛上有一种漂亮的GIF动画写字效果：随着一只上下飞舞的小蝴蝶，漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法，这里特地把Fireworks的制作步骤写出来和大家共享。文章末尾提供原文件供大家下载参考。 ; _' K  ~; j6 @1 g2 d/ |7 M2 H. F
　　完成效果如下，看上去特别清新素雅。7 l, G& ~8 `% h+ ^8 ?* @8 C+ |

2 O) M0 l7 }1 [2 B( [1 t7 ]( A

; b7 T: p3 W+ P' c  w; r" {
. _  v0 T' \; Z5 E5 q% K/ U/ F: k* ?! i# @* [% P6 \

3 W# j5 B+ C# u0 u+ V) Y0 [
: S! }- _1 b7 B+ W
& i& v) _- N; C+ e) S8 r6 ?. _0 ^　　1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”（颜色值为#C6E0FF）的文档。
( h" F% E; ~, Y' V+ [- h% n8 G. z* K
2 s& P* C( B% g  _+ l# H+ A
1 O+ O* i1 t$ Z  e1 m9 x　　 2.在左边“工具箱”中选择矩形工具 ，设置属性如下图所示（其中颜色值为#69ACFF），制作边框。% p2 G) [( t1 K, g5 A- @/ ?3 K

# i6 B* u3 E' y! l$ G* U6 Y) ?2 B4 S8 Z) C9 W

4 P7 Q2 s  d2 j& s9 @  |7 ^7 k: ?% y# y, t
　　提示：如果这个矩形大小不合适，可利用“Ctrl+T”变形进行调整。# n6 s5 P0 W% h. Y
　　3.在右边“图层面板中”将此层共享，然后新建一层。3 }. b5 q2 z: X$ z2 X
9 p8 A- N) ^4 S( F

$ [  E2 v* k) N$ ^( g- ~3 b% O, b, x" b　　4.使用“文字工具”在上面打上合适的字，字的大小颜色等自行调整。（这里我设置的字体为华文行楷）2 d$ D1 \: z6 [1 @" k$ m

3 a3 \1 Q, L, J+ }) v. R0 Q; e
5 p7 g/ u' f7 i- Q. ^# |3 {　　5.选中文字后，选择菜单“修改/平面化所选”，将这个文字层转化为位图。
! C* @+ X: y+ s7 b
6 M9 G( v7 I; s, M6 D
6 ?+ n" G2 y. p7 }& |　　6.接下来在“帧面板”中选择“重制帧”，复制在22帧左右。（复制帧数按根据字的笔画多少有所不同）
+ ^. V* z# v* V( [1 C
0 U6 r# `% e# u  s+ k7 k
. ^2 q& A" j& a, E　　7.将素材中的蝴蝶复制在这些帧中（注意单数帧上放置合起翅膀的蝴蝶，双数帧放置张开翅膀蝴蝶）。
; K& Y; S* H4 @& K' |　　8.用橡皮擦写字数的笔划（可以从后往前每帧擦掉一笔），并将该层的蝴蝶放在合适的位置。, ]; C% c. {6 O: |' }
　　提示：擦时注意调整橡皮擦大小，随时进行调节。& V0 p  ~0 ]* }$ R6 D% s
　　制作出的效果如下图所示：
( m0 W% H! m% R8 ~1 ^8 E6 Z2 m0 N
% n* k7 H* G: D
　　10.画笔字完成后，将没有蝴蝶的最后一帧重置18帧（与提供的素材相同帧数，方便导入）。然后每帧调整文字的透明度，从99%每帧下调一点，一直到文字透明。7 S0 ?; }5 v: l- W/ q- Y) `$ d2 u

( e+ t, c3 c! M6 J5 B6 C- R2 t3 b6 s4 n$ c2 l
　　11.选中第倒数第18帧（即刚制作好擦写完成的文字），选择菜单“文件/导入”，将素材动画蝴蝶导入进来。
; K* U- ?* E4 P0 ^
* R. [& `: W7 B1 h! [2 m/ W( X! W3 }2 {2 C- b3 I$ C# T, ^
　　12.最后在帧中选中制作文字的部分帧（可利用shift一次加选），设置其帧延时30/秒。剩下的蝴蝶效果为15/秒。
, `/ h% e/ s! i  q. j' q6 g
/ J  H! w6 N  D6 a
' h. ]9 u# p; r　　13.利用下方的播放预览后，最后就是导出漂亮的动画了。选择“文件/图像预览”，在保存设置中选择“动画GIF接近网页128”（这种图片效果不错而且比较小），单击“导出”即可。
) F) _. [0 g$ p" E4 i9 W4 M8 [1 z$ s; d7 L
0 w2 T, v" l  k4 Q. S9 P
（点击看大图） $ c! O" h" _  y1 M- V. w" L( \
3 q) Y: R8 `  R+ h2 v
　　素材（蝴蝶飞）：
; |$ C! H9 y  j+ Y 　　PNG源文件：2 O2 L! U7 T+ i% T! @) ]  g1 |4 w

6 }; n, F/ S* ?1 ^0 {
  T. `3 U1 w& V/ o: a* T% I# s作者：新思维风之梦  来源：天极设计在线

hqhh