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

banner，一样平常翻译为旗子告白、横幅告白等。banner是网站用来作为红利可能是宣布一些重要的信息的器材。banner在计划上应该要做到建造雅观、利便点击、与网页协协调整体组成公道。

　　本文中我们用fireworks来建造一个变色的banner，从中我们可以把握标记（symbol）的行使、补间实例动画（tween instance）的建造、层(layers)和帧(frames)的根基用法，末了举办出色的能力总结。

　　完成结果如下：

　　（1）起首我们新建一个巨细为468×60的文件，并配置画布颜色为玄色，如图1所示。

图1 新建一个文件

　　（2）然后我们导入一个要举办变色结果的位图文件，如图2所示。虽然我们同样可以行使画图器材绘制这个图像，这里是为了利便讲授选用外部图像的。

图2 导入位图

图3 调解色调

图4 对克隆工具实施变色结果后的图像

图5 将图像转换为标记

图6 动画配置对话框

图7 位图转换为动画标记的结果

　　（7）我们再在banner的左边加些图片并做恰当调解使banner越发活跃，如图8所示。

图8 在banner左边添加图片

图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所示。

图15 配置动画属性

　　（14）点击“ok”即可。我们这时辰发明第一帧的层面板如图16所示。图像结果如图17所示，一种渐变结果已经形成了。

图16 第一帧层面板

图17 第一帧的结果

　　（15）下面我们就来建造第二个渐变结果了。也就是由赤色酿成绿色的了。在帧面板中选择第10帧，这时我们发明画布右边的图像是赤色的，如图18所示。

图18 第10帧图像

（16）单击帧面板右上角的按钮，在弹出菜单中选择“duplicate frame”，这时弹出了复制帧对话框，我们在个中选择after current frame单选框将复制的帧安排到当前帧之后，如图19所示。

图19 复制帧对话框

　　（17）选择“ok”回到画布，呈现第11帧的图像，这时后我们发明画布变为配景图了，如图20所示。

图20 第11帧图像

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!