用Fireworks制作动态效果的LOGO

[复制链接]
查看: 320|回复: 0
gggds 发表于 2009-12-27 03:22:19 | 显示全部楼层 |阅读模式
本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难,但只要仔细揣摩,那么用fw做gif就可以完全掌握
0 y  ?3 S& R. z& G0 [: k1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1)4 Q% N* n& ~; ^) E/ Z! `

% ^5 S$ ]2 }) S) P) g7 O$ e, O& q+ `) n/ u

3 E9 Q4 X) `. B2 l8 C* `7 g: V& A8 k: W  c" T; X

1 r* M* \3 c9 I
/ Z& J  `- [" n+ ?2,在画布上用8 pt的象素字写上文字并分别保存为元件(图2)
& A5 F9 U7 k/ D; }& _- d& u! T
1 m8 v/ G3 O3 J2 L" o" A
1 E! n+ C% k9 \, ~# Z3 k
1 H2 v) d9 |$ @( ^! f) O) o% [2 @2 m$ S" p/ z: M) Z0 D
1 M- O7 j% u+ v4 `
# b* A+ k/ a- ^6 c  B! D2 _
3,选中一个元件 用\"滤镜\">>模糊>>运动模糊 对字体进行处理, 设置是180度 3象素然后保存为元件(图3)8 q: Z+ m/ N7 `  \2 a: K

; Y  S0 H& w8 M2 |. \0 G1 H2 T( b' b5 ^! {+ d/ h: x

3 j7 F/ C' G$ t' K, n- X4 Q, E8 C" q; T* m. q/ p
% W- B/ t: V' E6 f9 R, T4 w

. s, {; v! {2 G) }( ^' ?7 P9 x4,在第一帧位置,删掉其他元件 仅留下图中的运动模糊元件移动到图中位置 进行如下设置 (图4)0 @' [* h5 n: J& j

& p" e8 F$ N4 D! `
, f: ^5 ~1 _1 I
9 P! e% R" D6 V$ O' P8 N/ \  P) ~1 y# H4 z. C; p  V
?
4 X/ H) `  r; l[color=red'][1]4 I* y8 c- l2 L5 l" L9 W! j2 |
?[2]?下一页??

- y4 V2 c' J: H4 ^" m( _+ b
3 s+ ^/ D  `2 Q5 K, u4 V# [1 p  r9 e7 p+ e4 }

: r* B: W1 k8 \, e9 E5,在第4帧位置 从库中拖出图形元件(1),按ctrl+shift+d克隆一次,同时选中这2个元件 右键点击>>元件>>补间实例 设置是2帧 钩选\"分散到帧\"然后对 下面那个文字元件创建动画如图设置(图5) 9 {- o5 L+ h* ~0 {
% t  m6 r: M! V0 m

3 p* o- R3 f. m" t, Z& ^! @3 z1 O. |& y8 c$ I' c, F- \# Q

$ ]. w( P. I* N( X
" b" {2 K; `. e7 a: q' _1 {8 q/ P/ z9 J) @8 Q1 F
6,在第6帧选中2个元件 分别设置成■图中动画效果(图6) 0 U$ }4 s( B5 ^; B; F
* K+ p/ v; s/ ]/ b

# M# h, U+ u& ^- H: N, T
4 k5 S# b# r8 Z( L  L9 V$ ~* h& X4 e9 d7 z* d& F
3 L, v. T; q% Q$ H7 k9 i8 V. e

- \( U0 k2 f0 G4 M5 [2 R/ a2 h7,在15帧处 新建一个文本 画一个矩形 和图中一样大 然后按住■shift选中矩形和文本 点修改>>蒙板>>组合为蒙板■ 在帧面板中复制6帧 (图7)- U2 p5 k  b, d8 ]: j2 A
! H: t- L/ e( ?% h
; {' J& V6 F2 k/ E& u/ s7 r. H

6 [$ J  i3 G; A8 O, q  @# s7 i
9 c& _2 u: _' T, v5 W) k7 ?+ P9 q: C& l& e

% f0 K. j0 r0 {9 V/ p8,在16 17 18 19 20 21 帧中分别选中蒙板 调节渐变程度■■在21帧 复制一个\"设计是空\"转换为元件 创建一个渐隐动画■■并在最后一帧设置为1秒时间 接下来是输出(图8)8 D9 G- p  V: s

5 K7 M5 D2 ^( g3 [0 ]. N* Q7 ~( B8 ^5 G( Q0 N* `+ e3 f
9 Z! K0 o5 V2 M9 `5 j. b! M
3 q. \9 y: l$ R6 R
. u2 `* R% P* p) z8 k
; W' F+ z  z; @8 b0 T2 K, s
9,好了 设置成我图上的输出 就可以达到效果了 (图9)(图10)上一页??[1]?4 _6 A  u6 l$ H* ?+ L
[color=red'][2]0 X1 z$ _3 n3 {- d" \- Y  P
?

本版积分规则

精彩图文

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