Fireworks轻松绘制banner广告(二)
(9)单击层面板右下角的按钮新建一个图层。然后将如图10所示的Library(库)面板中的Symbol 1拖到画布中去,并放置到Banner的最右角,如图11所示。同时记住它属性面板中的位置信息(X:282,Y:0)。http://cimg.163.com/catchpic/0/00/0033C4D69D6FF215DE6994E99CBAC0B4.jpg
图10 Library面板
http://cimg.163.com/catchpic/6/6F/6F0C3B7616FBBB3A3F7D41FE61CEC6A1.jpg
图11 将符号拖到画布上 (10)选中这个符号,然后点击 “Modify”菜单,选择“Animation”>>“Settings... ”,在弹出的动画对话框设置帧数为10,如图12所示。
http://cimg.163.com/catchpic/0/0D/0D98967B6FF94B861C1811DB0B9CC5C6.jpg
图12 设置动画参数 (11)单击OK,这时弹出图13所示的对话框,询问是否要自动添加帧。
http://cimg.163.com/catchpic/2/26/26964BFEC98D67A2DD60725C3B5A7350.jpg
图13 提示是否自动添加帧的对话框
(12)选择OK这时候我们发现帧面板中出现了10个帧,如图14所示。
http://cimg.163.com/catchpic/9/9F/9FE30AD9B852282993FCBA3D9BD99632.jpg
图14 帧面板中出现了新帧 (13)接着使用同样方式新建一个图层3,并将Symbol 2拖到场画布中,符号的位置应当Symbol 1的位置一样,即都为X:282,Y:0。点击 “Modify”菜单,选择“Animation”>>“Settings... ”,在弹出的对话框设置动画同样是10帧,但是将透明度由0变到100,如图15所示。
http://cimg.163.com/catchpic/4/49/4951B3A77EE48A5A33D8B4C1E19BE6FD.jpg
图15 设置动画属性
(14)点击“OK”即可。我们这时候发现第一帧的层面板如图16所示。图像效果如图17所示,一种渐变效果已经形成了。
http://cimg.163.com/catchpic/D/DD/DD88E3972042003EA1181933D185FD06.jpg
图16 第一帧层面板
http://cimg.163.com/catchpic/B/BF/BF9739EA962EE29E246FC454D37546F4.jpg
图17 第一帧的效果
(15)下面我们就来制作第二个渐变效果了。也就是由红色变成绿色的了。在帧面板中选择第10帧,这时我们发现画布右边的图像是红色的,如图18所示。
http://cimg.163.com/catchpic/5/56/562B958EF0343AB5B3508164547F0A84.jpg
图18 第10帧图像
页:
[1]