fireworks 轻松绘制 banner广告动画教程

2019-10-16 21:26:25于丽


图7 位图转换为动画符号的效果

  (7)我们再在banner的左边加些图片并做适当调整使banner更加生动,如图8所示。


图8 在banner左边添加图片

   (8)接着我们点击“window”菜单,分别把“layers”、“frames”和“library”三个面板打开,为了我们将来创建动画服务。在layers(层)面板中选中layer 1图层双击鼠标给图层命名为background,并选中“share across frames”复选框即共享这个图层,如图9所示。


图9 命名并共享图层

9)单击层面板右下角的按钮新建一个图层。然后将如图10所示的library(库)面板中的symbol 1拖到画布中去,并放置到banner的最右角,如图11所示。同时记住它属性面板中的位置信息(x:282,y:0)。


图10 library面板


图11 将符号拖到画布上


   (10)选中这个符号,然后点击 “modify”菜单,选择“animation”>>“settings... ”,在弹出的动画对话框设置帧数为10,如图12所示。


图12 设置动画参数

   (11)单击ok,这时弹出图13所示的对话框,询问是否要自动添加帧。


图13 提示是否自动添加帧的对话框

  (12)选择ok这时候我们发现帧面板中出现了10个帧,如图14所示。


图14 帧面板中出现了新帧

   (13)接着使用同样方式新建一个图层3,并将symbol 2拖到场画布中,符号的位置应当symbol 1的位置一样,即都为x:282,y:0。点击 “modify”菜单,选择“animation”>>“settings... ”,在弹出的对话框设置动画同样是10帧,但是将透明度由0变到100,如图15所示。