flashcs6动画制作教学资料：参考案例3

《flashcs6动画制作教学资料：参考案例3》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Q实例练习3：制作汽车类网站知识要点：网站的整体布局与各个功能结构难易程度：★★★★★■1重点难点：排斥效果与音效控制（一）网站功能介绍本实例将制作以汽车咨询为主的汽车类网站。按功能的不同可以将网站分为以下各部分：1.网站标题：包括网站的logo和网站的主体标题。2.导航按钮：包插新车发布按钮、价格变动按钮、汽车动向按钮、汽车测评按钮、汽车论坛按钮和热点车型按钮。3.汽车图片浏览器：可以通过图片缩微图浏览汽车图片的图片浏览器。4.随动仪表盘：可以通过鼠标指针控制仪表盘指针的仪表盘区。5•声音控制按钮：控制播放

2、或停止背景音乐的控制按钮。6.车展信息：提供近期展信息。7鼠标排斥元件：与鼠标指针发生排斥效果从而增添网站效果。（二）新建FlashCS3文档从菜单栏中选择“文件”“新建”，在弹出的“新建文档”窗口中选择“Flash文件（ActionScript3.0）"，新建一个文档并在文档属性面板中将舞台的宽设置为700像素高设置为530像素并将舞台背景颜色设置为#2E2E2E.（三）网站标题（1）首先制作网站的标题，选择菜单栏中的“文件”一“导入”一“导入到库”选项,在弹出的导入窗口屮选择光盘路径：chl635网

3、站标题.jpg和ch1635logo.png，导入两幅标题图片，导入后分别将图片转换成相应名称的影片剪辑元件。（2）创建名为闪亮条的影片剪辑元件，展开颜色面板，将当前填充样式设置为线性填充并在颜色渐进条上添加一个色标。将色标从左到右的RGB颜色编号和透明度依次设置为#FFFFFF+0%、#FFFFFF+70%、#FFFFFF+0%。设置好后选择矩形工具在元件编辑区中绘制一个宽15像素，高110像素的矩形，并利用渐变变形工具和任意变形工具调整矩形的填充范围和旋转角度，色标位置和矩形效果如图16-28所示。

4、丿X°▼溢岀:线性V■■V图16-28色标位置与填充效果项目1（3）在网站标题元件中添加两个新图层，在图层3中放入一幅网站标题.jpg图片并利用套索工具中的魔术棒工具将图片中的黑色区域删除，如图16・29所示，使图层3中的图片区域覆盖图层1中的相应区域以充当遮罩层的遮罩区域。清除前项目2清除后图16-29清除黑色区域项H4第1帧第5帧图16-30闪亮条位置项目6在网站标题元件的图层1中放入一个闪亮条元件，在第五帧插入关键帧移动闪亮条元件的位置并创建补间动画，闪亮条元件的位置如图16-30所示。最后将图层3转换

5、为遮罩层并将所有图层的时间轴帧数延长到第40帧，如图631所示。项目7项LI8图16-32网站标题图16-31网站标题元件时间轴（4）返回主场景，将网站标题元件放入舞台中并在网站标题元件左侧放入网站logo元件，将logo元件的实例名称设置为logo,如图16・32所示。项U10（四）制作导航按钮(1)创建名为导航条元件的影片剪辑元件，在时间轴的第1帧到第6帧插入关键帧，并在各关键帧中用线条工具绘制笔触高度为2像素的绿色曲线图案作为指针经过导航按钮时的按钮变化效果，如图16・33所示。第1帧第2帧第3帧—*—

6、*一、第4帧第5帧第6帧图16-33导航条元件最后在导航条影片剪辑元件的最后一帧屮填写“this.stop()”语句阻止元件循环播放。(2)选择菜单栏中的“文件”一“导入”一“导入到库”选项，在弹出的导入窗口中选择光盘路径：chl635Click.mp3,导入鼠标指针经过导航按钮时的声咅文件。将该声咅文件转换为名为按钮声咅的影片剪辑元件并将元件的吋问轴帧数延长到第5帧，在第5帧中填写“this.stopO”语句阻止声音元件循环播放。(3)创建名为新车发布的按钮元件，使用文本工具分别在元件弹起帧和指针经过

7、帧中输入白色和绿色的“新车发布”字样并在指针经过帧中放入先前制作的导航条元件和按钮声音元件。新车发布蒂车发布严(芜甘元件)弹起帧指针经过帧图16-33导航条元件由于声咅元件没有可视区域，所以在指针经过帧中放入声咅元件时只能看到声音元件的注册点。(4)使用同样方法分别创建价格变动按钮、汽车动向按钮、汽车测评按钮、汽车论坛按钮和热点车型按钮。(5)最后将导航按钮元件放入舞台，并用虚线绘制整个网站的结构网站轮廓，如图16-34所示。项目1项目2图16-34导航按钮布局（五）制作汽车图片浏览器项目4（1）选择菜单栏中

8、的“文件”-“导入”-“导入到库”选项，在弹出的导入窗口中选择光盘路径：chl635,在冃标路径文件夹中导入名为l.jpg到4.jpg的四幅图片并本别将它们转换为相应名称的影片剪辑元件。（2）创建名为按钮1的按钮元件，在该元件的弹起帧中放入图片1元件，将图片1元项冃5件的宽改为50像素。高改为35像素并在变形而板屮将图片元件的垂直倾斜角度设置为45度。在该元件的指针经过帧中放入同样的倾斜图片并