|
漂亮的闪图动画应用范围非常广,不仅可以在相册、动态表情里使用,还可以在QQ空间、论坛签名、各类回贴和博客中使用。 学习要点:本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。 我们先来欣赏一下漂亮的闪图。文章最后附送丰富闪底素材。
) _$ u0 i% ]: I* E2 T; \3 d% |! ^4 Z$ Z- S+ U7 \' q8 E

- ~+ }" A5 F$ L% x: y2 N / s4 `) q3 X4 t" q3 X) B' d
$ U7 j+ V: A0 _, t* F6 ?
% K. O4 {4 `1 f5 B" G

7 M: n! d" }4 j' a0 ]# x( C- ^2 y o& Y: b- l
1 q, g) n2 G+ \2 V. j8 r: C0 F
0 i) H- {% N; l W- t% a

/ d. z3 J4 | N* r# D! e& I
9 G0 {- }8 ^6 k* h( ? 4 I: Z6 M$ j' R7 t2 z- K6 o f5 @
' I8 |. _/ ~, h" Z5 f
4 M; @; c; U( v! l8 f 制作步骤:0 m3 z% \- ?& }
1.用Fireworks软件打开一个漂亮的图片,利用左边“工具箱”中的) E' ]0 b# H |' i$ U
' u% z2 _( P" H5 ?9 E
“魔棒工具”点选白色背景处,使白色的背景被全选出来。& q" m4 [/ T% l
3 A6 {9 c6 X& \% m
0 J% U7 |# }/ a, \) B5 N8 a$ q1 A. R
! |8 B+ j! y, U% b" S' ~/ |$ j" T }
2.按下键盘上的Delete删除键,删除选区中的内容,使这个图片背景拥有透明背景,按Ctrl+D取消选区。
! c' I" X9 ^4 ]2 `2 n" u$ \; u9 S3 _3 H* }

+ V, Z2 a6 P6 a# W3 u! [& z R6 M* I* ~. }! i. A# A! c7 [5 S1 W
3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上2 a& ~- o. \; R; m# q8 v

! Z7 N) l. j& ^9 i9 ]2 A2次,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就复制几帧)。1 R( r4 |% w1 Z( A7 b
7 C3 z# C: Z/ C: w# g% C- j
9 g. \9 k) I8 i+ y; Q+ V0 _
# c' n4 r6 R2 v0 s
! j) h$ v) p7 F. x* `% B4 n, V! e3 U
4.回到第1帧,再次利用“工具箱”中的
; w3 h% c1 L8 M+ q- e! m ; V( ?( N/ J4 g! i
“魔棒工具”点图片中MM的头发,选中大片的头发黑色,然后选择菜单中的“选择”—“将选取框转换为路径”命令。
8 @; v% P* \$ Y' ]5 \. C
) h: w$ p9 V: Z! r: i # r" K* g( b! c3 N) x8 n
3 U1 I/ F0 s7 F; m 5.将头发选区转换为路径,然后利用相同的方法,用魔棒将衣服和裤子都选中来转化为路径,如下图所示:- {5 b7 J6 g3 p) @
8 n- {& O8 g6 S- p$ N4 q- p 0 Y" L; ^4 l: G3 W
# K. y* m7 J* o+ r" c! g& P 0 [. A: }$ K, x' \6 ]$ i
4 w6 ~4 g c! r2 w" R/ E7 @
6.单击第1帧,然后选择菜单中“文件”—“导入”(Ctrl+R),选择导入几张闪底素材图,分别对应头发/衣服/裤子的颜色。# a$ Z/ ?% c9 @9 f& x# h
0 w9 r$ a' b( f2 D
4 ]7 J" r/ r' M& k& p: C6 t* N' z5 D, {
7.我们先来制作头发的闪动效果,分别单击“背景图层”上红色和黑色闪底层前的: W+ | y/ Z5 |1 K$ H+ Z
8 T; l- }! p1 O) q& @1 s3 L
,隐藏这二层。因为用来制作头发的闪底是横向的,不能完全覆盖头发,所以我们利用菜单“修改”—“变形”—“旋转90度”将其旋转覆盖头发。
3 } O9 M3 W- B \7 o, V
# C) r0 E7 P% L! A 9 E$ x8 d6 u, N7 U
- @8 F# F7 X& P1 U+ ~
8.选中用于制作头发的闪图对象,按下Ctrl+X剪切下来,点选头发的路径,选择菜单中“编辑”—“粘贴于内部”(Ctrl+Shift+V)命令,将其动画效果粘于头发路径中。
y0 Y) N; l f4 U+ P; Y* b( ^% @8 Y0 Y; t) i) e
% h* o# s5 Y7 @
, r6 I1 D+ y2 j3 V 效果如下图所示:
- \4 j6 O: e+ s9 H. H o% s1 y
1 v9 `/ E. z N; w' x4 G+ l. g2 P* P3 D
" U3 }% Q: k. n- }- q! S. d6 t0 }& y$ z4 w. K6 S
9.再利用刚才的方法分别将衣服路径和裤子路径都填充相应的闪图,如下图所示:! X" E$ |1 ]& w# J
1 q/ ^% I8 }2 t/ J, U7 w/ w
4 Z; l5 w8 U, E t. {6 a
1 Y8 n4 x$ X- P, @2 `
- @: y- K9 V; L5 y7 O# U
( V! }9 `0 X4 @- Z- ` (用这种导入闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!)0 x: I9 Z8 n( j4 j3 }. k! {
10.图是制作完成了,现在是最关键的保存工作,为什么说保存工作比较重要呢?这是因为保存时会有些属性需要选择,如果直接保存有可能得不到gif背景透明的动态效果。保存的方法是选择菜单中“文件”—“图像预览”命令,在“图像预览”窗口中选择其“格式”为gif动画,再设置调色板最下方的透明度为“Alpha透明度”,然后再点击预览图标
, ~% Z) m( `) b2 r
2 h) W3 q/ s" o* X: g! g预览看一下动画效果,满意后再单击“导出”按钮导出gif图像。
# ^ h' Q0 {2 y1 c' Q' L4 n ~( ^ k: c! f

' ^4 S6 w2 t5 ?2 }0 n" C9 d
1 V* n" [+ b9 i3 u. M 到此,闪图就制作完成了,来看一下原图和完成效果的对比吧!! l' a$ `* n$ R `' x0 b" s
. l' R& f# H4 d5 D

) o7 p! R. N6 W
; t, U6 X; Q$ \/ S8 n9 d$ c : m. V, W" |2 G" i
; n* |, ^9 @& l# j$ X 最后送给大家一些闪底素材。4 w F. E5 y# q
闪底素材如下。朋友们单击图片另存即可: p$ T4 s9 @ _5 r- a1 z
9 f9 m' b1 F3 Y1 u( z
' G1 C/ ] O- n% ^$ q8 D 3 C- i$ ?; _" Z k3 Q: f' d4 T
0 X. Q* ^$ [' V7 ^6 W9 |* T
; i, i, @1 ^) b- x0 ?2 S& \/ p- q& K9 D1 d" x ^. _2 D
" w6 u2 Z* I+ Y8 t5 @+ J( x! Z
) P# E4 ~/ |9 i& n+ P , P3 o+ |8 i. q* Y3 J5 k
) V/ I; v K! R- n- E$ Q ( Q. N H6 _5 ]; Z: R9 [
* O7 \: j% g* x
5 Q7 }6 \- I. H1 z2 p% H
0 [2 Y4 {; n2 b' I, E. x , ]) Z9 a2 Y' Y: n, B
. K- y( A M/ |1 s$ r7 n% |- {% p
' k; d6 @/ b. |7 Y' {
3 |2 n" w2 x4 ?7 e+ D2 D1 w9 V + ]" o1 J$ M1 c h/ C5 C- k: M
: C% ^- T6 N& p G4 R, \# r |
|