电脑技术学习

Fireworks网页设计综合实例7

dn001
十一、;创建变形动画;

给一个网站添加动画对于访问者的时间和金钱都是一个不小的花销,因此在添加您的动画前,一定要先考虑好如下问题:动画能否增进您的信息传达力度,访问者下载和播放动画是否迅速、方便,是否有足够的组成动画的内容和资源。尽管网络动画及其传递方式正在不断的发生改变,但传统的GIF动画依然有着不可忽视的优势,我们在这里介绍一下创建GIF动画的两种途径。;

1、;在层面板新建一个Logo层,将其置于Web;Layer层下方。;
2、;我们需要将背景层修改为一个共享图层,打开层面板,切换到背景层,在弹出菜单中选择Share;This;Layer,将背景层共享,此层上的内容将在所有帧都可见,此层的后面将出现一个共享图标,如下图:


3、;切换到Logo层,在文档的右上角创建www.karsong.com文字。;
4、;按F8将其转换为图形符号Graphic;Symbol。;
5、;打开Effect面板,对此符号的实例添加红色Glow效果,如下图所示:


6、;选中此实例,在右键弹出菜单中执行Edit>Clone,复制出一个新的实例,并且带有相同的Glow特效。;
7、;在Effect面板修改第二个实例的特效,将其改为黄色,并改变Glow的范围和大小,如下图:


8、;选择这两个实例,在右键弹出菜单中执行Symbols>Tween;Instances创建变形动画,设定插入帧数为6帧,并勾选Distribute;to;Frames分布到帧,如下图所示:


9、;打开Web;Layer图层的显示,在此动画位置创建一个切片。;
10、;打开Optimize优化面板,设定此切片的类型为Animated;GIF,并设定颜色数为32色,如下图所示:


11、;此动画完成,您可以打开帧面板设定动画帧之间显示的时间。;

十二、;创建实时动画Live;Aniamation;

标签: