Fireworks轻松绘制banner广告(四)

[复制链接]
查看: 250|回复: 0
gggds 发表于 2009-12-27 03:20:22 | 显示全部楼层 |阅读模式
  (24)下面来实现一个“动感模糊”效果。选中第6帧,这时我们发现所做的前5帧动画看不到了。点击工具箱上的矩形工具绘制一个矩形,将矩形填充设为Folds填充,如图28所示。 ! E+ X7 P- C# Y! }( c1 Z/ j6 Z
+ l! K. M3 q6 ?+ Z8 ?
" B. L' p7 D2 [" d! F2 f% I2 U0 o" |

: F1 @% d; F4 T( m0 s  _图28 将矩形填充设为折叠填充
2 ]0 M  Y$ t# C  (25)在折叠填充浮动框中设置第一个颜色块为白色,第二个颜色块为黑色,如图29所示,最终得到图30所示的图像效果。6 \6 k5 t4 {) z- r! R: I

) P' m3 t9 z8 V# r: K3 L
! ~( r; h/ j7 `图29 设置折叠填充属性- S% P- i5 t1 X7 l$ O
5 j$ O  O2 v  a+ Q" c2 ^

1 k& A1 z+ L& m图30 设置填充属性后的填充效果4 J' f2 S8 V9 \: Y
  (26)使用鼠标调整折叠填充的控制柄,得到图31所示的图像效果。% i; t* ~0 Z; m
4 {1 n& @# |; C! m/ u& ~
2 f2 g- c$ A5 C7 ?5 X
图31 调整控制柄后的图像效果
8 p& k' Y) t9 X8 [  (27)选中这个矩形,点击属性面板上的按钮,在弹出菜单中选择“Eye Candy 4000LE”>>“Motion Trail”,设置Motion Trail属性如图32所示。$ s( P' f, `$ q2 A
' ~. E- w* C# Y+ }  ]& ^
0 w! \& U- J" R( h& _+ \
(图32 Motion Trail设置 图片较大,请拉动滚动条观看)
/ w9 M' Y2 G3 {7 b& P  (28)再一次使用Motion Trail特效,不过将方向设为180度,其他的设置和上面一样,得到图33所示的图像效果。( @1 C7 k: \4 \7 s: }: h5 ]  f
4 ^. ?3 [. X' S  z2 l; x

2 }# p; |( R. @8 m* ?  F图33 两次使用Motion Trail特效后的效果
0 a$ w0 F/ r. N- _2 s3 t5 b  J  (29)然后打开库面板,将“天极软件网”字样的符号拖到场景中,右击鼠标选择“Symbol”>>“Break Apart”,断开和库的联系,然后选中文字,点击属性面板上的按钮,在弹出菜单中选择“Blur”>>“Gaussian Blur”对其进行高斯模糊,模糊度设置为2.0就可以了,然后将处理好的矩形放到模糊文字的上面,适当调节透明度,这样两个文字过渡时候的动感模糊效果就实现了,如图34所示效果。2 h. X: V5 n; p6 p

! ^' t! n' E( {: L& d! ?4 x1 _
8 i: g. {) z. d& O9 m图34 动态模糊效果* l# O% }7 R7 ?0 _7 d5 H
  (30)选中第7帧,输入文字“真诚为您服务”,转化为动画符号,也设置5帧的动画,设置不同的动画属性,如图47所示。得到图35所示的图像。1 R  C/ D: B1 w* ]
: f: j$ @8 F. z( l
/ }. w; \' _% a  }1 w8 _$ b( G7 I
图35 设置动画属性
/ Q9 O1 L+ l* ^- P& v- v
& F( K  E' G" O, ]! Y( W* {6 H, |0 f! b; W" j( w
图36 设置动画属性后的图像2 R8 O0 c- K; b4 j5 {" S1 D
(31)选中第12帧,输入文字“设计在线”,复制一下,然后在14帧粘贴,然后在16帧也粘贴,并将该帧帧速改为100,这样文字就有闪烁的效果了,如图37所示。9 r" y& q: q) v/ u

* J1 M6 ~( j! v: h; l: }) k5 g7 J0 L, t2 d0 J
图37 Banner的第16帧图像7 d. c$ i  j8 i) |! p
  (32)选择第17帧,将文字复制一个,选中后再用Motion Blur特效,设置其属性如图38所示。然后按F8将其转化为动画符号,设置其属性如图39所示。
+ W+ [* w  r" e
* \8 z6 @. R) Z. d- k- M; q: s) B* d/ y# x3 K  \
图38 设置Motion Blur属性1 P! }( J- y" a

# O6 L8 Q1 `) S- p- y1 {
$ L' c5 ^( y5 _) M# G图39 设置动画属性: R& q6 H# F9 V- N9 z
  
( u9 f' u5 P+ Y7 c5 T  (33)选择“OK”回到工作区,得到第17帧图像如图40所示。然后选择第30帧,设置帧延时为200/100 second即可。) ~' S% N+ z* ~: k' n

. s* E2 b1 H4 O. }/ A% q1 e8 z( y  d" \; o* S* S) q9 Z
图40 第17帧图像
: R$ h4 `" Q$ ?" d  (34)回到图像第1帧,点击下面工作区状态栏的图标就可以预览图像效果了。适当进行调整然后就可以选择导出向导,在导出向导对话框中选择导出类型为GIF动画,如图41所示,这样就可以将图像导出为GIF动画了。
1 G& |" e' s" Q& ~6 Z/ j% N1 @0 P$ L- {% p# S. I  ^6 ?6 T

$ c! q; K4 K5 E$ X& [6 p图41 将图像导出为GIF动画9 j* g7 ~, y5 ^
  小结:在上面的这个例子中,我们主要学会了渐变颜色动画的制作。在这个Banner的制作过程中,我们通过使用层面板、帧面板和库面板进一步熟悉Fireworks MX 2004中这些面板的使用方法。  在帧面板中我们学会了如何选择各帧编辑,如何复制帧、添加帧等,还学会了如何去设置帧的时间长短。  在层面板中我们了解了如何新建图层和设置共享图层等。  在库面板中我们熟悉如何将图像和文本转换为动画元件,通过动画属性对话框设置动画的大小、透明度等来控制动画效果以及怎么样将库文件放置到场景之中。  我们通过对不同符号对象的不同设置实现了不同的动画效果,这里读者可以在即尝试着设置动画属性对话框中的不同参数来设置动画图像的效果,包括Frame(帧数)、Move(运动的距离)、Direction(方向)、Scale to(尺寸大小)、Opacity(不透明度)、Rotate(旋转)等值,从而产生不同的效果。  另外,在这个Banner的制作过程中,我们有进一步熟悉了指针工具、文本工具、缩放工具、矩形工具等工具的使用方法和技巧。通过使用Motion Trail特效熟悉了它的使用,并通过它制作了文本的“动感模糊”效果。

本版积分规则

精彩图文

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