用Fireworks制作动态效果的LOGO

[复制链接]
查看: 340|回复: 0
gggds 发表于 2009-12-27 03:22:19 | 显示全部楼层 |阅读模式
本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难,但只要仔细揣摩,那么用fw做gif就可以完全掌握
: k# `: S& H( n* c7 S1 v1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1). L3 r2 V# X8 `! v

* x' }" x& Z: C( {. C% R
3 S! m  l5 \: p4 }/ u+ x5 L! D% G9 E! h+ P9 i

+ w$ I+ X( F& ^% A' w5 g1 w# T  d) `) R& h, }! [( r
2 B( S5 L$ @4 u4 {! Q8 _
2,在画布上用8 pt的象素字写上文字并分别保存为元件(图2)( O2 w! l8 X. G: @1 }

7 Y0 s! Q% M6 b7 s6 W1 y- S7 N- R8 g$ s4 c; [
, C* Z9 E. q8 M( Z9 y
1 g1 E5 G, x, u; A" C. C
- [; o6 l7 ?: `" S; u% K) i
2 V6 d" f1 [. S5 z& x9 S
3,选中一个元件 用\"滤镜\">>模糊>>运动模糊 对字体进行处理, 设置是180度 3象素然后保存为元件(图3)
& X0 S; R0 M) w; R: J
( }9 q9 s5 @: q7 Y/ ^2 e  {3 R1 B' h/ i* s
( T7 C, D) w0 ?- ]* h

! X$ q7 x. n  T4 ?
* \- A& C; _( r6 [" @
  }/ h  x! _: r' u4,在第一帧位置,删掉其他元件 仅留下图中的运动模糊元件移动到图中位置 进行如下设置 (图4)
1 n' I) M" v% \; M# V$ c2 w3 t0 F8 \8 F+ e4 ^$ J! e
( q3 e# l1 ?1 t: i3 M" L
3 s4 V: V% _: v6 C0 ~! n; p4 R

, B" V) f$ P7 L+ r2 O$ u1 V?
+ K. M$ s5 ]$ }! J* b* `[color=red'][1]5 N2 I$ O2 K& e" J* O
?[2]?下一页??
' ~: W7 d' V$ A1 x' G4 ?' h) O( O

% ~& z# P" d& }7 U2 {2 I8 {
# s/ H6 f& q1 B4 ]
7 F. M2 S6 w5 `. B, Q5,在第4帧位置 从库中拖出图形元件(1),按ctrl+shift+d克隆一次,同时选中这2个元件 右键点击>>元件>>补间实例 设置是2帧 钩选\"分散到帧\"然后对 下面那个文字元件创建动画如图设置(图5)
6 g% }  o, I1 \4 g
0 b0 n6 `- w# R& P% \
( m0 q) X& M1 I3 c
" m( m+ r) y: W0 E, w. I  g. p* J* W
( c% S. f0 G9 |# H

# }. {: D3 l+ k6 t8 P5 B: I6,在第6帧选中2个元件 分别设置成■图中动画效果(图6) 1 t9 x# p' @( a& q" u3 ^" c' V& L
1 ?% t1 w% t% q/ ?' ]( h

/ H1 n* i$ w4 q; K4 F3 g5 f4 y+ k) w8 E) k3 \
8 c7 ?- [% F5 z  P; J2 p# Y4 }
, e6 P. v/ L  j
9 T, X: G% |1 s$ l& X& G! m
7,在15帧处 新建一个文本 画一个矩形 和图中一样大 然后按住■shift选中矩形和文本 点修改>>蒙板>>组合为蒙板■ 在帧面板中复制6帧 (图7)) r4 \7 r6 w6 v) _& O' x) G: }+ F/ K

  b5 r. J2 E0 n1 H6 E/ |7 l, R

) b+ @# B( T2 S2 y& g* o  Z' M5 S( U8 z/ F
* Z& ^/ w0 s- a+ p

) U+ ^% }( r* }9 o/ W' }' r8,在16 17 18 19 20 21 帧中分别选中蒙板 调节渐变程度■■在21帧 复制一个\"设计是空\"转换为元件 创建一个渐隐动画■■并在最后一帧设置为1秒时间 接下来是输出(图8)
  D2 Y& s, ^1 b5 I2 t. U* e( g4 ]7 i5 @; h4 g
% r1 d; f) N6 h2 Y
( y' R- Y  \# Y
" q+ r7 J8 j: ^6 s' ?/ W( P

- s1 C9 k( c! E9 T: N9 S9 E9 V% P9 i% i" z8 X1 D
9,好了 设置成我图上的输出 就可以达到效果了 (图9)(图10)上一页??[1]?) B! j% M- S$ _/ @
[color=red'][2]. h7 F$ `  \2 X, D" l
?

本版积分规则

精彩图文

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