Fireworks制作变色banner(二)
??? 5.好了，前期工作基本就绪，开始真正的动画了，现在看看你的几个主要面板都打开了吗？库面板(Window->Library F11)、帧面板(Window->frames Shift+F2)、层面板(Window->layers F2)。如果没有打开，按括号中的打开吧。首先点击层面板，双击我们的背景所在层，在弹出的小窗口里的方框里打上勾，（在输入栏里可以给图层起个好记的名字，看你的爱好了\"！），即共享这个图层，也就是说，在以后的动画中，这一层是始终不变的。完成后图层右面出现个胶片的图标，对，就是那个小梯子，呵呵，如图http://edu.itbulo.com/UploadFiles_1485/200504/2005491855467.gif
6.单击带加号的文件夹
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855732.gif
图标新建图层2，将库面板中的蓝色符号拖到画布中，记住纵横坐标（例中为x：-1，y：-1）选择菜单修改(Modify)->动画(Animation)->设置(Settings... )，在弹出的对话框内设置帧数为10，单击确定，这时系统会提示是否要自动添加帧，回答是ok。
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855197.gif
然后再新建一个图层3，将绿色的符号拖到场景中，设置动画，也是10帧，不同的是将透明度由0变到100
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855149.gif
为了能够跟前面的图形保持一致，在properties面板里设置坐标信息，例中所有的坐标都是x:-1,y:-1。完成后，第一帧层面板如图
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855546.gif
画布的效果如图。
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855837.gif
7.这样，一种渐变效果应该说是搞定了，接下来是要让它由绿色变为紫色，在帧面板里选择最后一帧，即第10帧
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855517.gif
如果步骤没有错误的话，画布中的人物应该成了绿色了。单击帧面板右上角的小箭头，选择填加帧Duplicate frame...,在弹出的对话框内选择填加一帧，在原来帧后面，如图（一般默认，直接点确定就可以）。
http://edu.itbulo.com/UploadFiles_1485/200504/2005491855359.gif
这时画布又变为背景了，在层面板中选中图层2，将紫色的符号拖到画布中，在properties面板中设置X,Y坐标，如步骤7进行动画设置，怎么设置呢，对了，紫色在这一次变化中是不变的，只设置帧数为10便可以了\"！选中图层3，将绿色的符号拖到画布中，设置坐标，设置动画。这次，绿色符号的透明度应该由100变到0，让它淡去，紫色就出现了，实现由蓝变绿，由绿变紫的效果。
8.现在该由紫变回蓝色去了，不用我说，你也该会了吧。同上，在帧面板中选中20帧，再添加一帧，选中层3，将蓝色符号拖到画布中，设置透明由0到100，选中图层2，拖入紫色符号，透明度不变，帧数也是10帧。（其实这一步可以在第7步中一次搞定，因为紫色符号一直没有变化，所以，第7步中直接让它20帧就可以了！为了说明思路，这里我们分开来做）。
9.现在，大功告成了，点击播放按钮浏览一下吧，是不是速度太快了，没关系，按住Shift键，选中所有的帧，双击，将帧速调整为10，现在速度可以了吧！
?
页:
[1]