书城计算机网络FlashCS动画制作基础
28301400000022

第22章 综合实例(3)

(5)复制矩形,使用【粘贴到当前位置】命令将其复制到“wBar”层,然后锁定“背景”

层。将“wBar”层上的矩形分离,删去多余部分,并设置图形的填充颜色为“D2BD25”,笔触颜色为“无”。

(6)选中图形,将其转化为元件,并进入元件内部进行编辑,最后制作成如图9-90所示的发光效果。返回并设置元件的“实例名称“为“windowsBar”,以备后面程序调用。

(7)锁定“wBar”层,在“文字”图层上使用“文字工具”输入“团队介绍”,再将“团队标志”元件拖曳到场景中,然后分离,删除后得到如图9-91所示的整体效果。

(8)选择“线条工具”,在“按钮”层绘制一个关闭图层。然后选中该图形,将其转化为按钮元件,并进入内部进行编辑。在“指针经过”帧处插入关键帧,在“按下”帧处插入帧。

(9)至此关闭按钮制作完成,返回并设置关闭按钮的“实例名称”为“windowsExit”。

使用相同的方法制作最大化按钮和还原按钮。设置最大化按钮的实例名称为“windowsMaximize”还原按钮的实例名称为“windowsRestore”。

(10)设置关闭按钮和最大化按钮的位置。

(11)“介绍内容”图层中可以根据读者的需要进行填写。这里填入图9-92所示的信息。

(12)选中“AS”层,在第1帧输入以下代码。

(13)至此,弹出窗口的第1帧的效果就制作完成了。第2帧的制作非常简单,只需对第1帧的内容进行调整和放大即可,得到如图9-93所示的效果。注意第2帧的背景元件的宽、高为“760×500”像素,位置坐标X、Y分别为“0”、“0”。

(14)在“AS”图层的第2帧插入关键帧,并为还原按钮输入以下代码。

注意:可在素材“第9章\新型团队网站开发\Teamwindows第2帧.txt”中获取所有代码。

(15)至此“TeamWindows”元件的制作就完成了。在【库】面板中右击该元件,打开【链接属性】对话框,选择【为ActionScript导出】。注意:这里【类】填写的内容为“TeamWindows”。如果这里出错了,后面的窗口调用就会失败。

(16)使用以上的方法,即可制作其他的弹出窗口。

2.导航按钮制作

(1)新建一个影片剪辑元件,命名为“b团队介绍”。进入元件内部进行编辑,新建至6个图层。设置“背影遮罩”层为遮罩层,“背影”层为被遮罩层,并延长所有图层至第20帧。

(2)在“中文部分”图层输入“团队介绍”,设置字体为“黑体”,字体大小为“15”,字体颜色为“白色”,然后在“英文部分”图层输入字母“Teamintroduce”,设置字体为“Tahoma”,字体大小为“10”,字体颜色为“白色”。

(3)选中“团队介绍”4个字,并将其转化为图形元件。在“中文部分”图层的第10帧和第20帧插入关键帧,并设置第10帧元件的“色调”为“黑色”。在第1帧和第10帧之间、第10帧和第20帧之间创建补间动画。

(4)在“背影遮罩”层绘制图矩形。

(5)在“背影”层绘制矩形,设置矩形的填充颜色为“CCCCCC”,笔触颜色为“无”。

(6)在“背影”图层的第10帧和第20帧插入关键帧,在第10帧设置“背影”和“背影遮罩”重合,并在第1帧和第10帧之间、第10帧和第20帧之间创建形状补间动画。至此,按钮的动态效果就制作完成了。

(7)在“感应按钮”图层绘制矩形,使其刚好覆盖所有的文字。

(8)选中该图形,将其转化为按钮元件,进入内部进行编辑。将“弹起”帧上的关键帧拖到“点击”帧上。编辑完成返回,设置按钮的“实例名称”为“bButton”。

(9)在“as”图层的第1帧上输入以下代码。

(10)在“as”图层的第10帧插入关键帧,并在该帧插入“stop;”。至此“介绍团队”

的按钮效果就制作完成了。

(11)使用相同的方法即可制作其他导航按钮。制作完成后,将所有的导航按钮放置到如图9-94所示的舞台上。

9.3.4结束工作-测试发布

一个优秀的作品,总是通过多次地测试和修改完成的。所以在本书的介绍部分,希望读者耐心的完成最后的完善工作。

(1)测试网站,测试观察影片,基本满足团队宣传网站的需要。

(2)发布网站打开【发布网站】对话框,在【格式】选项卡中选择【html】选项,在【html】

选项卡中设置【尺寸】为“1024×768”像素,设置【flash对齐】为“居中”。

设置完成后,发布网站。打开发布的“新型团队网站开发.html”的效果。

通过案例的讲解,为读者讲述了FlashCS5制作网站的神奇效果。使用FlashCS5开发网站,可以打破网站制作的传统制作思路,其具有操作简单、作品新颖、使用便捷等许多特点,并展示了一种新型的网站开发技巧,为读者的开发提供新的思路。

9.4趣味游戏开发──保卫地球

Flash动画中非常强大的脚本程序也是开发中的重要工具,在本综合实例中,将使用大量的代码来开发非常有趣的游戏-保卫地球。设计思路包括制作游戏片头、制作帮助文档、制作游戏元素、添加控制代码,设计效果如图9-95所示。

具体的操作步骤如下。

1.制作游戏片头

(1)新建一个Flash文档,设置文档尺寸大小为“700×500”像素,帧频为“30”,其他属性保持默认参数。

(2)新建一个名为“片头”的影片剪辑元件,单击【确定】按钮进入元件内部,将“图层1”重命名为“背景”层,将素材“第9章\保卫地球\片头背景底图.jpg”文件导入到舞台中。

(3)将“片头背景底图.jpg”图片转换成名为“片头背景”的影片剪辑元件,在第90帧插入帧,然后在第40帧插入关键帧,并把该元件向左移动约120像素。然后在第1帧至第40帧之间创建动作补间动画。

(4)选择“背景”图层的第1帧,打开【滤镜】面板,为“片头背景”添加模糊滤镜。

(5)新建一个名为“飞机”的图层,在第7帧插入空白关键帧,并在舞台上绘制如图9-96所示的飞机,按F8键将其转换成为“飞机图标”的影片剪辑元件(或者从素材“第9章\保卫地球\保卫地球.fla”文件中获取)。

(6)将第7帧中的飞机拖曳至背景图的左下角,并调整飞机的形状成如图9-97所示,然后在第17帧插入关键帧,并将飞机向右上角移动一段距离。在第7帧至第17帧之间创建动作补间动画。

(7)选择第7帧中的“飞机图标”元件,为其添加一个模糊滤镜。

(8)新建一个名为“地球”的图层,在第15帧插入空白关键帧,将素材“第9章\保卫地球\旋转地球1.png”文件导入到舞台上(注意,这里只导入一张图片),并将其转换成名为“地球”的影片剪辑元件,并放置在如图9-98所示的位置上。

(9)在第40帧插入关键帧,并将“地球”元件向左移动约60像素。打开【滤镜】面板,为“地球”元件添加斜角滤镜。

(10)选择第15帧中的“地球”元件,修改其【Alpha】值为“0”。然后在第15帧至第40帧之间创建动作补间动画。

(11)新建一个名为“遮罩”的图层,在该图层第15帧插入空白关键帧,然后在舞台上绘制如图9-99所示的遮罩,设置其填充色为黑白渐变,将白色的透明度设置为“0”,其大小与“地球”元件大小相同。

(12)选择所绘制的图形,将其转换成名为“遮罩”的图形元件,并将该元件放置在第15帧“地球”元件的正上方,保持完全重合。然后在第40帧插入关键帧,同样将该元件放置在第40帧“地球”元件的正上方,保持完全重合。在第15帧至第40帧之间创建动作补间动画。