|
漂亮的闪图动画应用范围非常广,不仅可以在相册、动态表情里使用,还可以在QQ空间、论坛签名、各类回贴和博客中使用。 学习要点:本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。 我们先来欣赏一下漂亮的闪图。文章最后附送丰富闪底素材。 . K0 l& G4 v# m( s
1 n6 @! S! D' B1 s
/ k/ Y3 q) S- }/ p# z9 F* q/ g# E
+ g" A1 J" A; r& w# l
/ E3 Z7 `* X: }3 y0 f* U( I+ k y / p! T$ j1 t ^8 z& w8 P" w
, a% }! R8 m& {; Z# g, Q. m. O7 P; x F5 o
, Q- E, o0 Y2 e2 a1 I9 _
0 X0 T6 \9 w% P0 Z/ N9 R) u2 I
' V: C% H) @ E, ~/ _8 \
8 ^7 B: z& a4 W, B2 l. |& g1 r! k' m
+ o+ m9 r/ Q( I3 i/ l' H6 s q) B3 |4 r: b, g7 X6 V( S
. S9 Q4 _+ b1 V 制作步骤:
3 L0 G# x+ {, S3 y 1.用Fireworks软件打开一个漂亮的图片,利用左边“工具箱”中的
! B# w1 Y- s! N% P+ |) V" Y2 ?! L% ~
“魔棒工具”点选白色背景处,使白色的背景被全选出来。
4 }* v9 N+ A# X7 k2 I$ H2 ^5 o: |9 \# C" h7 b
! c# g' L6 t0 t$ n W/ E
4 A# P5 u; l% l% T5 _$ L' Z
2.按下键盘上的Delete删除键,删除选区中的内容,使这个图片背景拥有透明背景,按Ctrl+D取消选区。- u7 |) J2 }- w# @8 c
, W9 w( y" e7 `% @
' ^5 c/ m& E! C9 m1 L- k0 I$ a+ f F6 B: e$ [5 e
3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上
' e1 y6 c2 p) j2 j: _
t& D4 ^ ?3 g- Z2次,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就复制几帧)。
$ b" ?$ M7 P# W5 ~- l; C( E1 D5 @6 h
. I+ |9 E( ^6 K9 t* V& O: _$ a/ D
8 w+ ?* [; o! b7 R( I6 D# y. D3 o# G) x7 A8 {% l8 X
7 @9 _+ \; X- y 4.回到第1帧,再次利用“工具箱”中的8 a& i. G" |! m/ M9 z f
3 U8 d0 J) a5 y: a: s
“魔棒工具”点图片中MM的头发,选中大片的头发黑色,然后选择菜单中的“选择”—“将选取框转换为路径”命令。. x+ @& M5 ^- I" E% G8 h; w; q
9 e7 @6 X/ C8 C; p& ]4 k
- {8 a* K# q6 I: }" h6 [2 y$ k
( z4 G1 y4 ?9 e$ i ~% L4 B7 U 5.将头发选区转换为路径,然后利用相同的方法,用魔棒将衣服和裤子都选中来转化为路径,如下图所示:( y: t; O5 A) Q& c
. V" E; A* u+ _1 i. M2 v
8 ]# H8 I4 K, H) @9 @4 x & }2 j; x! [6 P) c/ Y, I
; j- |2 I) e, D
) n/ c( ]' `2 {3 a# P 6.单击第1帧,然后选择菜单中“文件”—“导入”(Ctrl+R),选择导入几张闪底素材图,分别对应头发/衣服/裤子的颜色。
3 P6 `5 W& j1 B
$ w1 @2 J/ n* Y) M% M) {8 s! u _
0 ?: Z) `% J, _& J
( r5 r+ u! q( ^( ~$ [ 7.我们先来制作头发的闪动效果,分别单击“背景图层”上红色和黑色闪底层前的
# ]# q* O1 N% U9 E& H# N* q% }" l7 u2 \" m% ?0 H+ w# j
,隐藏这二层。因为用来制作头发的闪底是横向的,不能完全覆盖头发,所以我们利用菜单“修改”—“变形”—“旋转90度”将其旋转覆盖头发。. j" x1 h1 f- _% m/ b
0 o5 M B0 N y# ~6 @& x: f9 ^
: e$ X& i5 v( x' j( v, ]% X" }! T* [: P
8.选中用于制作头发的闪图对象,按下Ctrl+X剪切下来,点选头发的路径,选择菜单中“编辑”—“粘贴于内部”(Ctrl+Shift+V)命令,将其动画效果粘于头发路径中。5 {$ m# V4 @4 B" l; x
: h4 o) Q, G$ X' d
( M: C- [" c: R0 a/ g% |
+ E) f( `3 Q3 u& c( p 效果如下图所示:+ J2 _- r& _: @3 M
& o: V. e2 ~: |) B3 I
2 Z/ m$ o* S! i
2 f# Z. M$ @0 p
9.再利用刚才的方法分别将衣服路径和裤子路径都填充相应的闪图,如下图所示:
t" q9 l& n3 _' s) O8 {! B
% o" `4 P/ ~8 ~ \/ S% K2 Y
! r# P6 W, l9 a
* z2 T n4 d% s7 s* R+ {' W. j( N$ v2 s6 N! x- Q$ w, x. L
: r+ C8 ]( D3 R1 f (用这种导入闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!)
A+ d9 T7 R; N& y! k+ s 10.图是制作完成了,现在是最关键的保存工作,为什么说保存工作比较重要呢?这是因为保存时会有些属性需要选择,如果直接保存有可能得不到gif背景透明的动态效果。保存的方法是选择菜单中“文件”—“图像预览”命令,在“图像预览”窗口中选择其“格式”为gif动画,再设置调色板最下方的透明度为“Alpha透明度”,然后再点击预览图标
/ W# P% @4 a7 m, S) J) g
' n/ p$ K* N2 I% R4 ~! k预览看一下动画效果,满意后再单击“导出”按钮导出gif图像。
( K+ I" v5 a: a x. L- k8 P) y0 N# B1 ?3 f" M0 i/ K0 ^. G
+ f2 S# v' [2 t' _. V) i+ z$ W
, f0 \/ N, i3 P# a. ]. I
到此,闪图就制作完成了,来看一下原图和完成效果的对比吧!!1 Q9 e* G H. |2 G: a
" ^9 X5 w+ C% W& k2 C% j# F
6 F! r g, H# K5 Q + W3 q8 _0 R) f( g
+ @) y$ Z4 b/ L
8 Y3 a5 p3 A, c9 H
最后送给大家一些闪底素材。
3 x( n0 q9 D8 D, J) t! |! T/ O 闪底素材如下。朋友们单击图片另存即可: 4 K3 v! B+ x7 R/ `2 `# B* q$ ]
# r# a& A! S7 T$ i9 d2 E
. n; L6 M9 n6 | [& c* ]
# h7 V* {1 P) l; ~1 p
- z% @& a5 m5 f) [" v
+ {7 f$ S- |8 p
2 @/ Z, w( {* n9 e9 C3 b7 E0 z& T7 D+ G; j7 d4 B/ f
$ {$ h, |5 I: @4 \( U& b- t/ Q ^
# i# f& L) u7 w2 b
( c3 A8 o% T1 I8 I- _3 x" k [8 n' L4 D
& |3 k( ~# z5 q
6 `) ~5 K; \) V4 B, i7 l
+ N9 h! |/ `; X" q6 w
Y! B* T! f; R) [0 W4 T* s, S
1 ^! C! d; b* ?( H! Q6 F% s) k7 c+ k2 [' j
; q: s/ ~# ?5 b- d/ }- }) ?. M
1 {; g% ?: t A- i3 W
|
|