电子商务网站建设实验4

1、实验综合成绩 （百分制） 实验评阅教师签名其中实验态度优良中及格不及格实验报告优良中及格不及格华北科技学院管理学院实验报告册20实验课程名称：电子商务网站建设实验项目序号：实验四实验项目名称：Flash动画制作实验室名称：30901开课学 期： 2015 2015学年第一学期授 课 教 师：孙姗姗实验指导教师：孙姗姗专 业：电子商务班 级：B142学 号：201404064208姓 名：梁祺共12页 第 1 页实 验 报 告实验时间：2015年12月3日78节一、实验运行环境实验室二、实验目的1、熟悉Flash界面的基本组成；熟悉Flash绘图工具的使用；掌握Flash的文本操作。2、掌握元件

2、和实例的创建方法。3、掌握Flash动画创建的基本方法。4、掌握利用ActionScript控制动画播放的方法。5、掌握Flash动画的调试与发布。三、实验要求按照实验步骤进行实验，压缩上交，并制作实验报告电子版与纸质版。四、实验内容和步骤1、制作广告图片。（1）新建一个宽600像素、高400像素、背景颜色为白色的文档。（2）将素材中的“cloud.jpg”导入到舞台中。（3）新建“图层2”，单击“图层2”第1帧，将“car.png”导入到舞台中。（4）在“图层2”的12帧插入关键帧，然后将第1帧的图形缩小并移到舞台右侧外；讲第1帧图片和第12帧图片变成分离状态，在第1帧与第12帧之间创建补间

3、形状动画。（5）锁定图层1、图层2。新建“图层3”，在“图层3”的12帧插入关键帧，用铅笔工具画上曲线。锁定图层3。（6）新建“图层4”，在12帧处插入关键帧，使用多边形工具，设为10个边星型。在屏幕外画一个多角星型。(7)在“图层4”的第20帧处插入关键帧，将多角星移动到屏幕内，然后在第12帧处设定传统动画。将“图层3”设定为引导层，将“图层4”设定为被引导层。(8)在“图层4”的第21帧处插入关键帧，选择【修改】|【分离】命令，将多角星变成分离状态。在第25帧处插入空白关键帧，输入“H”，字号设为40.选择分离命令，讲H变为打散状态，在第21帧处插入补间形状命令。(9)新建图层5，将其放置

4、为被“图层3”引导。在第20帧处插入关键帧，在屏幕上绘制多角星型，第28帧处插入关键帧，将其移动到屏幕中，在第20帧插入传统补间动画，调整其引导位置。并在第29帧处插入关键帧，将多角星打散，第34帧处插入空白关键帧，输入“A”，同样将其分离，设定第29帧插入补间形状命令。(10)同样设置“V”“A”“L”三个字。(11)将制作好的图层锁定，插入“图层9”，放置在图层3的上面。在第56帧处插入关键帧，输入文字“SUV 领导者”，设定文字字体为“楷体”，增加投影滤镜。(12) 选择文字，选择【修改】|【转化为元件】命令，转化为图形元件。在第65帧处插入关键帧。讲文字上移。选中第56帧处文字，设置其

5、属性中的色彩效果为中样式的透明度为0.在56帧处插入传统补间动画。(13)新建图层10，在第65帧处插入关键帧，用文字工具输入“SUV 领导者”几个文字，颜色设为黄色，字体楷体，字号40号。将其移动覆盖图层9文字。(14)新建图层11，在65帧处插入关键帧，在上面画一个小矩形。(15)在第75帧处插入关键帧，将矩形移动到文字末尾，然后在第67帧处插入传统补间动画。(16)选中图层11，点击右键，设置其为遮罩层。(17)复制图层11的第65帧到第77帧，在第78帧粘贴。(18)设置所有的图层帧都到第90帧结束。(19)在图层1的第91帧处插入空白关键帧，设置舞台颜色为红色，输入文字“选择最好的，

6、带来不一样的感受”，设置文字为白色，字号为80号，字体为楷体。在110帧处插入帧。完成动画制作。2、制作百叶窗效果。（1）新建一个空白文档，导入图像“百叶窗1.jep”。（2）新建图层2，导入另一张图像。（3）点击插入，插入新元件，类型为影片剪辑。（4）在编辑页面中，用矩形工具在舞台中绘制矩形，且矩形在属性面板设置宽和高分别为475、40。（5）在图层1的第40帧按F6插入关键帧，并在属性面板中将高设置为1。（6）右击第1帧，在弹出的列表中选择创建补间形状命令。（7）插入新元件，类型选择影片剪辑，在编辑模式页面将右侧库中的元件1拖入舞台12次，将其排成一列。（8）在编辑中选择编辑文档命令返回场

7、景，新建图层3并将元件2拖到舞台中。选中图层3，在菜单中选择遮罩层命令，创建遮罩层。（9）按Ctrl+Enter组合键测试动画效果。3、制作导航图片（1）新建actiongscript2.0文档，舞台大小设为800*300.（2）导入礼品图片到舞台，用自由变形工具将其调整到舞台大小。（3）新建图层2，使用矩形工具，设定颜色为图片背景色（可以用吸管吸取颜色）。在舞台的左上方画一个矩形。（4）使用文字工具，设定合适大小，颜色设定为深灰色，在矩形上分别输入文字“首页”、“礼品”、“定送礼品”、“贺卡”、“flash贺卡”，为每个文字增加“投影滤镜”。按住Ctrl+Shift键，将所有文字选中，使用对

8、齐面板让其居中对齐并且平均分布宽度（如果界面上没有，可以在窗口里设置其显示）。为文字中间增加浅灰色竖线。（5）选择【插入】|【新建元件】命令，新建按钮元件。命名为“按钮”。选择矩形工具，设定笔触颜色为空，填充颜色为淡粉色，在舞台中央画一个按钮。（6）在指针经过、按下、点击三帧处分别插入关键帧。修改鼠标经过时的矩形颜色为淡黄色，点击时矩形为白色。（7）新建图层2，导入“按键音1”和“按键音2”声音文件到库，在图层2分别为鼠标经过和按下状态增加关键帧。在属性面板中声音处设置按扭的“指针经过”状态添加“按键音1”声音文件，在“按下”状态中添加“按键声”声音文件，并设置同步方式为“事件”，重复1次。（

9、8）点击屏幕左上角回到场景。锁定图层1和图层2，新建图层3，将按钮拖到屏幕中，为每一个菜单增添一个按钮。并调整按钮大小与菜单中文字宽度相符。（9）双击库中的按钮，调节按钮中的每一帧的颜色均为30%。返回场景。（10）选中第一个按钮，选择右键，选择动作命令，弹出动作面板，输入（或者直接选择函数）如下代码：on (press) getURL(lp.html,_blank);为每一个按钮增加链接。完成动画制作。五、实验结果分析与总结 分析：本事实验结果还算是令人满意的，实验过程中，由于新接触Flash软件，可能有些生疏，但是许多功能性工具与之前的Fire Work有所相同，所以使用起来还算方便，不至于一头雾水。在老师给出的实验步骤下，达到实验预期效果并初步掌握了简单的Flash制作，收货算是不错的。 总结：实验中学习了一些简单的Flash制作与相关制作工具的运用，相信在熟练之后能够相互结合运用制作出效果更好的Flash动画，达到了本门课程学习的最终目的，算是成功的。实 验 报 告 说 明1、要求每一实验项目书写一份实验报告，并按实