Flash CS6动画制作教学资料：参考案例3.docVIP

（一）网站功能介绍 本实例将制作以汽车咨询为主的汽车类网站。按功能的不同可以将网站分为以下各部分： 1.网站标题：包括网站的logo和网站的主体标题。 2.导航按钮：包括新车发布按钮、价格变动按钮、汽车动向按钮、汽车测评按钮、汽车论坛按钮和热点车型按钮。 3.汽车图片浏览器：可以通过图片缩微图浏览汽车图片的图片浏览器。 4.随动仪表盘：可以通过鼠标指针控制仪表盘指针的仪表盘区。 5.声音控制按钮：控制播放或停止背景音乐的控制按钮。 6.车展信息：提供近期展信息。 7鼠标排斥元件：与鼠标指针发生排斥效果从而增添网站效果。 （二）新建Flash CS3文档 从菜单栏中选择“文件”→“新建”，在弹出的“新建文档”窗口中选择“Flash文件（ActionScript3.0）”,新建一个文档并在文档属性面板中将舞台的宽设置为像素高设置为像#2E2E2E。 （三）网站标题 （1）首先制作网站的标题，选择菜单栏中的“文件”→“导入”→“导入到库”选项，在弹出的导入窗口中选择光盘路径：\ch16\35\网站标题.jpg和\ch16\35\logo.png，导入两幅标题图片，导入后分别将图片转换成相应名称的影片剪辑元件。 （2）创建名为闪亮条的影片剪辑元件，展开颜色面板，将当前填充样式设置为线性填充并在颜色渐进条上添加一个色标。将色标从左到右的RGB颜色编号和透明度依次设置为#FFFFFF+0%、#FFFFFF+70%、#FFFFFF+0%。 设置好后选择矩形工具在元件编辑区中绘制一个宽15像素，高110像素的矩形，并利用渐变变形工具和任意变形工具调整矩形的填充范围和旋转角度，色标位置和矩形效果如图16-28所示。 图16-28 色标位置与填充效果 （3）在网站标题元件中添加两个新图层，在图层3中放入一幅网站标题.jpg图片并利用套索工具中的魔术棒工具将图片中的黑色区域删除，如图16-29所示，使图层3中的图片区域覆盖图层1中的相应区域以充当遮罩层的遮罩区域。 清除前 清除后 图16-29 清除黑色区域 在网站标题元件的图层1中放入一个闪亮条元件，在第五帧插入关键帧移动闪亮条元件的位置并创建补间动画，闪亮条元件的位置如图16-30所示。 第1帧 第5帧 图16-30 闪亮条位置 最后将图层3转换为遮罩层并将所有图层的时间轴帧数延长到第40帧，如图16-31所示。 图16-31 网站标题元件时间轴 （4）返回主场景，将网站标题元件放入舞台中并在网站标题元件左侧放入网站logo元件，将logo元件的实例名称设置为logo，如图16-32所示。 图16-32 网站标题 （四）制作导航按钮 （1）创建名为导航条元件的影片剪辑元件，在时间轴的第1帧到第6帧插入关键帧，并在各关键帧中用线条工具绘制笔触高度为2像素的绿色曲线图案作为指针经过导航按钮时的按钮变化效果，如图16-33所示。 第1帧 第2帧 第3帧 第4帧 第5帧 第6帧 图16-33 导航条元件 最后在导航条影片剪辑元件的最后一帧中填写“this.stop()”语句阻止元件循环播放。 （2）选择菜单栏中的“文件”→“导入”→“导入到库”选项，在弹出的导入窗口中选择光盘路径：\ch16\35\Click.mp3，导入鼠标指针经过导航按钮时的声音文件。将该声音文件转换为名为按钮声音的影片剪辑元件并将元件的时间轴帧数延长到第5帧，在第5帧中填写“this.stop()”语句阻止声音元件循环播放。 （3）创建名为新车发布的按钮元件，使用文本工具分别在元件弹起帧和指针经过帧中输入白色和绿色的“新车发布”字样并在指针经过帧中放入先前制作的导航条元件和按钮声音元件。 弹起帧 指针经过帧 图16-33 导航条元件 由于声音元件没有可视区域，所以在指针经过帧中放入声音元件时只能看到声音元件的注册点。 （4）使用同样方法分别创建价格变动按钮、汽车动向按钮、汽车测评按钮、汽车论坛按钮和热点车型按钮。 （5）最后将导航按钮元件放入舞台，并用虚线绘制整个网站的结构网站轮廓，如图16-34所示。 图16-34 导航按钮布局 （五）制作汽车图片浏览器 （1）选择菜单栏中的“文件”→“导入”→“导入到库”选项，在弹出的导入窗口中选择光盘路径：\ch16\35\，在目标路径文件夹中导入名为1.jpg到4.jpg的四幅图片并本别将它们转换为相应