<b>若何制作会移动的广告条</b>[DW设计]

编者注:文章内容为汉化版本的 4.0,配图为英文版本的 4.0

　　你上新浪网首页会瞥见它页面中有个飘来飘去的广告条,鼠标移上去,还会变成别的的宣扬图片.这个广告条没有占用页面的空间,它独立在页面之上,的确是个公布广告条的好办法.那么,这个会移动的广告条毕竟是若何做成的呢?下面,请跟我一步步学做,看完教材,你也就会自己做了.

　　做这个广告条,要用到Macromedia 中的Layer(层)和Timeline(时间轴)功效,还得预备两张大小基本相同的广告图片.我们已最新版本4.0为例,制作移动的广告条.假如还没有这个软件,请到www.4u2v.com探求.

1、用翻开肆意一个,空白页也可.在菜单中挑选“插入Insert”->“层Layer”,即看到中多了一个空白Layer1,你也可认为他命名.再将光标点到空白Layer1内,挑选“插入Insert”->“图象Image”,插入你的广告条的第一个图片,调整层大小,使层尽大概与图片大小相近,并设置图片链接.然后把层移到动画的起始位置.

2、在菜单栏挑选“改正Modify”->“时间轴Timeline”->“增添对象到时间轴Add object to Timeline”.点击后,弹出对话框,奉告你只有图象和层才能增添到时间轴.对话框按肯定后,我们选中Layer（单击层标志或层边界,或用层面板挑选一层,当一个层被选中时,层边界会显示出调整大小手柄,按住鼠标左键不放,拖进时间轴动画栏的第一频道,即面板上竖写1,2,3等等的“1”那行,时间轴里面即刻增添了一个默许的15帧动画.如图1所示:

　　然后,单击动画栏最后关键帧标志,再选中页面中的层Layer1,将它拖动到动画的完毕点,大概在“层的属性面板”改变层的“左L”属性大小来肯定完毕帧层的位置.此时,页面中显示了从动画起始位置到完毕位置有一线条,这就是层的运动轨迹.要想让页面翻开时刻它就开始运动,就在“时间轴TimeLine”面板上的“自动播放Autoplay”前打勾,如图2所示:按在时间轴上中部的“->”箭头不放,便可以直接预览这直线动画了,大概按下F12键预览.

　　接下来,我们要举行一系列美化工作,因为这个简单的直线运动效果并不美好,并且广告图片也没有产生改变.

3、改变时间栏的属性产生移动改变

（1）在动画移动距离不变的情形下,改名动画移动速度.因为我们拉层进时间轴面板起始时刻的帧数是默许的15帧,在上面预览时刻就感到速度有点快.要改变速度,我们就得改变更画总共帧数.鼠标左击选中“时间轴面板”中的“第一频道”完毕帧不放,向右拖动至你所想要的完毕帧,比方75帧处,放开鼠标.此时,完毕帧的空白小圆也移至到了第75帧处.按F12预览一下,动画的移动速度明显变慢.但是要注意的是我们只是在保持动画运动轨迹的长度不变的情形下,改变了动画移动的速度,当即间轴上的帧数.假如在同时改变改变起始和完毕帧层的位置,就会产生各种差别速度效果,读者可以自己试着尝试.

（2）产生曲线的运动.上面做的动画只是简单的直线运动,假如改变成曲线的运动,美好程度就大大的加强了.曲线运动中最主要的就是关键帧的设置.

a.在“时间轴面板动画栏”上增添一个关键帧: 挑选动画栏的第一频道中你想要增添关键帧处, 按住Control键单击,即刻在插入点位置增添一个关键帧.大概鼠标右击挑选动画栏的第一频道中你想要增添关键帧处,在弹出的快速菜单里面挑选“增添关键帧Add Keyframe”,也可以加入关键帧.

b.在增添的关键帧处移动层:在保证选中了后来增添的关键帧下,挑选页面中的层,移动层至你所想要的地方.此时直线改变成了曲线.你可以多增添几个关键帧,再移动层,使产生的曲线移动越发光滑.按F12键预览,曲线效果是不是比从前的直线效果好多了?

c.直接通过拖动层,生成途径,产活泼画.从最初的插入一个层后->选中该层,并一向保持该层被选中状况->移动层到动画起始位置->翻开菜单“改正Modify”->“时间轴Timeline”->“录制层移动途径Record Path of Layer”->在页面上拖动层,成立想要的运动途径->在动画完毕处松开鼠标,时间轴内自动生成了一个动画栏,并且定义了一定数目的关键帧.

4、增添鼠标触发属性,产生广告图片的交替改变

　　鼠标触发的各种属性,能产生各种改变.这里我们要用到的是onMou搜索引擎优化ut和onMou搜索引擎优化ver两个属性.
翻开菜单“窗口Windows” ->挑选“行为Behaviors”->弹出“行为”窗口->选中层中的广告图片->点击“行为”窗口中的“+”->在弹出的菜单里面挑选“对换图象”

　　在“对换图象”对话框里面浏览挑选你的广告图片所在途径->在“对换图象”对话框里系统默许中有个“onMou搜索引擎优化ut答复图象”前是打勾的->直接按“肯定”按钮

　　“行为”状况窗中多了我们前面说到的onMou搜索引擎优化ut和onMou搜索引擎优化ver两个鼠标触发事件.按F12预览,移动鼠标到图片上,看看是不是图片改变了?再移开鼠标,又恢复到本来的图片.这样简单的图片交替行为就完成了.

5、最后考虑的细节

1. 关于途径长度.假定动画是从上之下的,高度超越一屏,假如途径没有充足长,那么被快速浏览到下一屏的时刻就看不到上面的层动画.应当最好将途径画到底部,然后设置时间轴动画栏,使层可以渐渐沿着下来的途径往上动.
2. 若何设置循环播放.4.0默许是不断循环,而在3.0中则可以在“时间轴”状况栏中打勾挑选.假如只想循环若干次,则要编辑该行为的参数来设定循环的次数:双击行为频道中的你想加入行为的帧,弹出行为窗口;在行为窗口中点击“＋”,在弹出菜单中挑选“时间轴Timeline”,再挑选“前往时间轴帧Go To Timeline Frame”,弹出对话框;在“循环次数Loop times”输入域中输入想要的循环次数（默许留空表示不断循环）.假如但愿循环播放不是从第一帧开始,可以在“跳转第几帧Go to Frame”输入域中输入帧号（默许是第1帧）.

　　看到这里,你应当可以制作出会移动的广告条了吧.多加实践,你还会找到更多有关时间轴、行为和层的精密之处