Fireworks巧绘精美闪图动画

[复制链接]
查看: 226|回复: 0
gggds 发表于 2009-12-27 03:14:22 | 显示全部楼层 |阅读模式
  漂亮的闪图动画应用范围非常广,不仅可以在相册、动态表情里使用,还可以在QQ空间、论坛签名、各类回贴和博客中使用。  学习要点:本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。  我们先来欣赏一下漂亮的闪图。文章最后附送丰富闪底素材。
  W, q6 i5 u! J- F8 K6 R  c# d
# m% L! w# ], _; @5 L2 o7 e/ ~5 A* R7 }2 C+ J* f8 B6 i/ l* L
    % ?% e" t8 H- Y0 x" Q* e" @1 i

1 O+ E" C1 w7 G6 a6 {7 z! h" O7 F      
4 C6 T; h2 ^! w3 U
5 r! l- j- u3 U& y9 ^7 d: C" ?  h1 G1 \

: T3 q5 r$ }) Z$ t( O' x+ m- U# r2 T5 a; t% L+ O& V( p
' W1 Q, t# s% P

, [- U$ \1 O" M, a
1 Z" l! [' A5 r7 }! A. X4 H3 i+ h7 |% v$ u# a3 `! [( L/ ~( x. T

/ j4 I9 M% e- i; o/ l! t  制作步骤:
! P' Y/ K! X6 |" @3 H  1.用Fireworks软件打开一个漂亮的图片,利用左边“工具箱”中的
  C3 ?3 X$ }1 E; X! L& C
5 A# e, B- Z! S9 \& S“魔棒工具”点选白色背景处,使白色的背景被全选出来。# }- f$ J$ n: o* @9 R0 r5 T7 M' K

" x1 s: W% p; |
) ~! i4 R1 @( H2 f4 U- D$ v/ c1 W: u. Y; r$ X
  2.按下键盘上的Delete删除键,删除选区中的内容,使这个图片背景拥有透明背景,按Ctrl+D取消选区。$ f* i, w3 H! G8 H0 b
6 o6 h/ |" f. h, E

* E! |7 q1 G2 H: a
% E) ?& V  `& C* }  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上/ u# I& A/ q* P% ]
8 ~" [6 {7 K8 a. _' \9 ^
2次,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就复制几帧)。8 x0 W6 t4 N7 ~0 {1 N8 {

4 v) Q: S" d) S/ U  C6 z4 H' n( L* }' I7 R5 V8 l0 u0 O6 ]

$ T9 j0 W5 [9 z! j6 T) ?
+ A: H/ t# H9 Q; }  [! w+ y- W( Y* I- d* x5 J
  4.回到第1帧,再次利用“工具箱”中的
( }7 }7 ]3 K. H: D" ]$ }& V5 x/ @1 Y: S8 N
“魔棒工具”点图片中MM的头发,选中大片的头发黑色,然后选择菜单中的“选择”—“将选取框转换为路径”命令。
6 b; Q5 G1 ^# Q( R5 q9 d: g' t/ l( M# ?! D
* |4 S6 Y, R  L+ L2 E
1 v; Y: ?( c1 Y- a6 N7 b
    5.将头发选区转换为路径,然后利用相同的方法,用魔棒将衣服和裤子都选中来转化为路径,如下图所示:) P6 r5 p  r* {

$ [! w4 t" ?1 u; R/ x9 f8 M2 {9 T% ^& z% m4 t) y% Y$ |% }
    ) x5 C1 r( B# U, \8 i

1 j  G  S8 g. p % P  q: r7 W7 h4 J; t
   6.单击第1帧,然后选择菜单中“文件”—“导入”(Ctrl+R),选择导入几张闪底素材图,分别对应头发/衣服/裤子的颜色。: e. c  W* w6 K5 Q

. ^* S, X8 n6 Z( m0 S$ A
; S5 Y8 `; h" b9 Q
" k5 U: k) @" ^* Q0 N/ c" @. D- W    7.我们先来制作头发的闪动效果,分别单击“背景图层”上红色和黑色闪底层前的
& |0 s5 B" \, Z: y: e5 i5 d9 h3 o1 a; W) H
,隐藏这二层。因为用来制作头发的闪底是横向的,不能完全覆盖头发,所以我们利用菜单“修改”—“变形”—“旋转90度”将其旋转覆盖头发。
+ o/ w& V/ s+ g5 L
0 O& p# k$ T% w0 V% W
, x$ u* l! n6 p2 N% l3 r' m
$ h# @" ~9 b  @   8.选中用于制作头发的闪图对象,按下Ctrl+X剪切下来,点选头发的路径,选择菜单中“编辑”—“粘贴于内部”(Ctrl+Shift+V)命令,将其动画效果粘于头发路径中。
# }0 Q9 \! l; [4 S8 J8 R! U+ D% _1 E, |% }/ D& y  p% B# ]6 D

+ Q( T0 S; v( n6 S
7 p1 K1 m0 y! ]% N' v4 E   效果如下图所示:5 P" q& `# W+ Z  P

7 v" X8 r# v5 p7 r, J6 g$ s/ m. Q7 r  }

" N% T' q& m" K- A% K' B   9.再利用刚才的方法分别将衣服路径和裤子路径都填充相应的闪图,如下图所示:
. V" k9 ]/ T0 g  X; |
! S5 M, @8 ], L8 d" M1 z  O" o  @2 ]$ n  i: y7 d, v
      
: B: O7 C" F4 G4 H, w, p$ I$ q
; ~8 L8 b# ^4 [2 a4 L9 z& C$ o
: X  s. v4 o+ P1 [9 H, K" ]   (用这种导入闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!)$ N; m+ M( c* K- v8 ~; U4 ^
  10.图是制作完成了,现在是最关键的保存工作,为什么说保存工作比较重要呢?这是因为保存时会有些属性需要选择,如果直接保存有可能得不到gif背景透明的动态效果。保存的方法是选择菜单中“文件”—“图像预览”命令,在“图像预览”窗口中选择其“格式”为gif动画,再设置调色板最下方的透明度为“Alpha透明度”,然后再点击预览图标) T- ]* V: N0 h* j& y+ U) s
' F5 W+ Z$ p# U* t, s0 ~. d
预览看一下动画效果,满意后再单击“导出”按钮导出gif图像。
5 `/ ]" N+ I$ _' |% d9 o5 i& U& f# S/ q5 K( F

# K7 p: |, U& i! a5 Y, r, z& |8 j, x9 j6 N, ~
  到此,闪图就制作完成了,来看一下原图和完成效果的对比吧!!) [5 f) n0 U& k/ y2 F- b4 N

$ M( X5 D9 `! y% |; X1 h+ w3 ~* T) F: c' [. {  \
    % i1 s: O* Y" [* n: V2 x
! J( L* b& o& K. F

$ ~2 k+ a; r9 J; X7 ?0 [  最后送给大家一些闪底素材。% A0 i1 d' s1 S$ E! ?3 Z2 [  }
  闪底素材如下。朋友们单击图片另存即可: * [" h$ b3 b/ A. x4 C- m. Q' ]
# b7 h% S; s7 B& h. |1 _- f
9 ]3 @1 L1 M: J* y6 s

9 C  q# A/ E7 v5 f7 X$ n0 u9 B# `' \9 W1 ^" V
5 I; K3 l) r- e4 q

0 W5 ~8 K4 }2 k) P) v0 G( o6 Y! w5 `: b( D
1 \8 ]9 g. }# {5 k1 E/ o

5 b4 _- a7 R9 U& |8 c0 R/ M, Y* G0 l0 I: J
! ]9 o6 S) K' ^9 `5 E
6 ^( T% G) J- P' [' G- P$ ~
0 Z5 j# R4 n3 w! u! V
2 U4 Q$ H( A9 p; ]% N0 G

! Z, {" }6 L. M4 D; s* p8 I( ]1 P3 Z5 h; u( W( Z

9 n% {" p0 r( t
& _' r, B: P/ d' S
7 Z: h" F, P8 t4 u; G: G
7 x( J* _. C5 M  H+ ~

本版积分规则

精彩图文

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