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

（一）网站功能介绍 本实例中将制作以娱乐新闻为主的娱乐风格类网站，网站中的所有按钮图标均有可自由飘动的气泡充当，当气泡按钮与窗口边框或与其它气泡按钮相撞时会自动改变飘动轨迹，当鼠标光标移动到气泡按钮上方时气泡按钮要停止移动并增加滤镜效果。网站中还要提供用于停止气泡按钮飘动的复位按钮和用于开始移动的飘动按钮。 （二）新建Flash CS3文档 从菜单栏中选择“文件”→“新建”，在弹出的“新建文档”窗口中选择“Flash文件（ActionScript3.0）”,新建一个文档并在文档属性面板中将舞台的宽设置为像素高设置为像#000000、#000000、#595959、#777777、#3C3C3C、#000000、#000000。选择矩形工具在元件编辑区中绘制一个宽800像素，高450像素的矩形，并利用渐变变形工具将矩形的填充方向调整为水平方向，色表位置与填充效果如图16-20所示。 图16-20 色标位置与填充效果 （2）选择线条工具，在背景图案的上下两端分别绘制两条笔触高度为3像素的白色直线，并利用文本工具在背景图案的左上角输入“娱乐新闻网”字样作为网站的标题，如图16-21所示。 图16-21 背景效果 （3）创建名为气泡元件1的影片剪辑元件，选择椭圆工具在元件编辑区中绘制一个半径为50像素的正圆形，在绘制时要注意将正圆形的圆心作为该元件的注册点。选中绘制的正圆形，展开颜色面板并在颜色渐进条上添加一个色标，将色标从左到右的RGB颜色编号和透明度分别设置为#FF0000+0%、#3CD7DB+0%、#3CD7DB+50%，色标位置和填充效果如图16-22所示。 图16-22 色标位置与填充效果 （4）使用制作气泡元件1的方法分别制作气泡元件2到气泡元件8，各气泡元件色标的渐进颜色为： 气泡元件2：#FF0000、#CC3399、#CC3399 气泡元件3：#FF0000、#66FF33、#66FF33 气泡元件4：#FF0000、#FFFF00、#FFFF00 气泡元件5：#FF0000、#0000FF、#0000FF 气泡元件6：#FF0000、#FF0000、#FF0000 气泡元件7：#FF0000、#FFFFFF、#FFFFFF 气泡元件8：#FF0000、#FF9933、#FF9933 （5）创建名为发光点的影片剪辑元件，在元件编辑区中绘制一个半径为5像素的白色正圆形作为气泡元件的反光点。 （6）创建名为balloon1的影片剪辑元件，在元件编辑区中放入气泡元件1和发光点两个元件，分别为气泡元件1添加斜角和投影滤镜，为发光点元件添加发光滤镜，各滤镜的参数如下： “斜角”滤镜效果：模糊X和模糊Y：20、300%、阴影颜色：#CC3399、阴影颜色透明度：80%、加亮颜色：#CC3399、加亮颜色透明度70%、类型：外侧。 “投影”滤镜效果：模糊X和模糊Y：、#3CD7DB、品质：高。 “发光”滤镜效果：模糊X和模糊Y：、#FFFFFF、品质：高、强度：600。 （7）使用相同方法分别创建影片剪辑元件balloon2到balloon8，各元件中发光点元件的滤镜参数不变，斜角与投影滤镜的颜色变为： balloon2： “投影”滤镜效果：阴影颜色：#CC3399、阴影颜色透明度：80%、加亮颜色：#CC3399、加亮颜色透明度70%（其它参数不变） “投影”滤镜效果：颜色：#CC3399（其它参数不变） balloon3： “投影”滤镜效果：阴影颜色：#66FF33、阴影颜色透明度：80%、加亮颜色：#66FF33、加亮颜色透明度70% “投影”滤镜效果：颜色：#66FF33 balloon4 “投影”滤镜效果：阴影颜色：#FFFF00、阴影颜色透明度：80%、加亮颜色：#FFFF00、加亮颜色透明度70% “投影”滤镜效果：颜色：#FFFF00 balloon5 “投影”滤镜效果：阴影颜色：#0000FF、阴影颜色透明度：80%、加亮颜色：#0000FF、加亮颜色透明度70% “投影”滤镜效果：颜色：#0000FF balloon6 “投影”滤镜效果：阴影颜色：#FF0000、阴影颜色透明度：80%、加亮颜色：#FF0000、加亮颜色透明度70% “投影”滤镜效果：颜色：#FF0000 balloon7 “投影”滤镜效果：阴影颜色：#FFFFFF、阴影颜色透明度：80%、加亮颜色：#FFFFFF、加亮颜色透明度70% “投影”滤镜效果：颜色：#FFFFFF balloon8 “投影”滤镜效果：阴影颜色：#FF9933、阴影颜色透明度：80%、加亮颜色：#FF9933、加亮颜色透明度70% “投影”滤镜效果：颜色：#FF9933 图16