Fireworks轻松绘制banner广告(二)

[复制链接]
查看: 205|回复: 0
gggds 发表于 2009-12-27 03:20:26 | 显示全部楼层 |阅读模式
   (9)单击层面板右下角的按钮新建一个图层。然后将如图10所示的Library(库)面板中的Symbol 1拖到画布中去,并放置到Banner的最右角,如图11所示。同时记住它属性面板中的位置信息(X:282,Y:0)。 " r/ s# h$ E5 {/ g7 {
* e# z. x8 x6 ?% O

/ |/ w4 G7 |" Q+ v图10 Library面板
: T6 Y5 R8 m4 }# Z/ d1 `
4 y: q6 Z5 q! _* y
! W& o. S4 L9 v- ]/ l图11 将符号拖到画布上   (10)选中这个符号,然后点击 “Modify”菜单,选择“Animation”>>“Settings... ”,在弹出的动画对话框设置帧数为10,如图12所示。
  f$ I. A' @7 d' X9 y  Y- }4 C0 u* F; B# V' a2 ?2 @$ r; i& D" J

2 s% J* s/ {9 e3 ^# p( r图12 设置动画参数   (11)单击OK,这时弹出图13所示的对话框,询问是否要自动添加帧。
* M# H# S' F( t4 `) f
! e+ z) w1 _7 B. b; g# W) g' j* n& O
图13 提示是否自动添加帧的对话框& ^. t8 e2 e1 S1 |
  (12)选择OK这时候我们发现帧面板中出现了10个帧,如图14所示。, s1 H' y. D5 f1 C. j$ w

: E/ W6 c/ ~  |+ `) B- q$ v: `2 m0 Q$ [" s1 {
图14 帧面板中出现了新帧   (13)接着使用同样方式新建一个图层3,并将Symbol 2拖到场画布中,符号的位置应当Symbol 1的位置一样,即都为X:282,Y:0。点击 “Modify”菜单,选择“Animation”>>“Settings... ”,在弹出的对话框设置动画同样是10帧,但是将透明度由0变到100,如图15所示。 9 [2 y! g. A6 g7 w( V' {
$ O. [# j; o4 i

' c% t- p: i7 D# q5 f图15 设置动画属性
* Z; [# `3 T. T1 _) Q) Y$ e  (14)点击“OK”即可。我们这时候发现第一帧的层面板如图16所示。图像效果如图17所示,一种渐变效果已经形成了。$ ~' y% v2 n* h# F$ L7 l2 m
6 B: ?! Y& }$ A9 u( X% H6 i

9 D* D; [7 w4 I& a2 I" J) G. U图16 第一帧层面板
/ q6 N. @) @3 q( n8 F2 i' X% |0 T+ ]5 R! U
; ?' F' v6 A$ o( P" H  o
图17 第一帧的效果
# ], j5 e. B4 z, G8 R5 E: A3 }6 h  (15)下面我们就来制作第二个渐变效果了。也就是由红色变成绿色的了。在帧面板中选择第10帧,这时我们发现画布右边的图像是红色的,如图18所示。3 a2 x. w/ Z) m4 A

+ i1 T* e3 i( N' j' Q) S. F7 E
8 s$ D8 Q# b- W+ D图18 第10帧图像

本版积分规则

精彩图文

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