Flash网站的制作.docVIP

Flash网站的制作 实训目的： 学习Flash网站的制作思路，掌握大场景的控制。 学习动画的综合制作技术。 进一步学习动态按钮的制作。 理解图层文件夹在管理图层方面的便捷性。 学习使用文本建立超链接。 使用组件构建表单页面。 通过编写ActionScript动作脚本控制网站栏目的跳转。 掌握如何发布Flash网站。 操作步骤： 网站外观的制作 设置舞台背景大小为644×500，背景颜色为黑色，帧频为24。 将图层1重命名为“背景”，导入素材文件夹中的“网站底.jpg”图像文件，并调整其大小及位置与舞台完全重合。 在“背景”图层的第60帧插入普通帧，设置动画的播放时间为60帧。 在“背景”图层的上方创建一个新图层，命名为“标题文字”层，在舞台中绘制一个白色图标，输入标题文字，将它们放置在舞台中红色区域的左侧，如下图： 在“标题文字”图层的上方新建一名为“按钮层”的新图层。在该图层新建一名为“摄影园地”的按钮元件，然后使用文本工具在舞台中输入白色文字“摄影园地”，并调整好其字体和字号为宋体12号。 在“图层1”的“指针经过”帧和“按下”帧处插入关键帧。 在舞台中选择“指针经过”帧处的白色文字，在属性面板中修改文字的颜色为黄色。 在“图层1”的上方新建一个图层，并在该层“指针经过”帧处插入关键帧，使用“矩形工具”在舞台中绘制一个白色且没有轮廓线的矩形，其大小以能够遮住其下的文字为准。 选择绘制的白色矩形，将其转换为名为“小白条”的影片剪辑元件。 在库面板中双击“小白条”元件，进入该元件编辑窗口中，在“图层1”的第6帧、第8帧和第9帧处插入关键帧。 分别选择第1帧、第6帧和第8帧中的白色矩形，使用“任意变形工具”水平拖动鼠标，调整矩形的形态如下图所示： 第1帧状态 第6帧状态 第8帧状态 在时间轴面板中分别选择第1帧、第6帧，创建形状补间动画。 在图层1的上方新建一个图层2，在该层的第9帧插入关键帧，并打开“动作”面板输入脚本动作：“stop()”，设置动画到该帧处停止。 在库面板中双击“摄影园地”按钮元件，进入该元件的编辑窗口中，选择“图层2”的“指针经过”帧中的“小白条”实例，设置其Alpha值为30。 在“图层2”的“点击”帧处插入关键帧，然后在“按下”帧处插入空白关键帧。 在舞台中选择“图层2”的“点击”帧中的“小白条”实例，在“属性”面板中设置其元件属性为“图形”，并且单帧显示第9帧（其设置的目的是使按钮的响应区域为小白条第9帧时的大小）。参数设置如下图所示： 在时间轴面板中将“图层1”调整到“图层2”的上方。 根据“摄影园地”按钮元件的创建方法，分别创建“摄影欣赏”、“摄影知识”、“知识问答”和“摄影论坛”按钮元件（可使用在库面板中直接复制，再修改的方法）。 返回主场景，将制作完成的各按钮从库面板中拖入到舞台中，放置到如下图所示的位置： 使用椭圆工具在舞台中各按钮之间绘制一个线性渐变的图形，如下图所示： 在“按钮”图层的上方创建一个名为“banner”的新图层，导入素材文件夹中的“蓝天.jpg”图像文件，并调整其大小与位置如下图如示： 在“banner”图层的上方创建一个名为“banner遮罩”的新图层，使用矩形工具在舞台中绘制一个黑色且没有轮廓线的矩形，其大小及位置如下图所示： 23、将“banner遮罩”图层设置为遮罩层 24、在“banner遮罩”图层的上方新建一个名为“数码相机”的新图层，在该层导入素材文件夹中的“xiangji1.png”图像文件，并将其调整到舞台的左下角，并转换为名为“相机”的影片剪辑元件。如下图所示： 25、按“Ctrl+F8”键新建一个名为“白光”的影片剪辑元件，使用矩形工具在舞台中绘制一个由透明到不透明再到透明渐变的白色矩形，如下图所示： 26、在库面板中双击“相机”影片剪辑元件，进入该元件的编辑窗口，选择“图层1”的第55帧，按下F5键插入普通帧，设置动画的播放时间为55帧。 27、在“图层1”的上方创建一个新图层“图层2”，在该层中绘制一个与相机镜头大小相等的椭圆形，如下图所示： 28、在“图层1”的上方创建一个新图层“图层3”，并在该层的第10帧处插入关键帧，将“白光”影片剪辑元件从库面板中拖到舞台中，调整其形态如下图所示： 29、在“图层3”的第23帧处插入关键帧，并调整该帧处的“白光”形态如下图所示： 30、选择“图层3”的第10帧，创建补间动画。 31、在“图层2”上单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，将该层设置为遮罩层，从而创建遮罩动画。 二、“报影园地”动画的制作 1、返回主场景，在“数码相机”图层的上方新建一名为“摄影园地文字”的新图层，使用文本工具在舞台中输