教育技术学实验教案样本.doc

资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。

教育科学与技术系 － 第二学期
教育技术学
实验教案

实验一 多媒体综合教室的使用
一、 实验目的
1. 了解多媒体教室的功能与设备配置。
2. 了解多媒体教室的构成与设备的连接。
3. 掌握多媒体教室的使用方法。
4．了解视频展示台的作用、 工作原理及其结构; 掌握视频展示台与扫描仪的用法。
二、 实验器材
多媒体计算机、 多功能视频展示台、 DVD影碟机、 录像机、 录音机、 高清晰度投影机、 大屏幕、 视频切换器、 调音台、 功放机、 音箱、 话筒( 有线/无线) 、 方正扫描仪、 数字电视等。
三、 实验原理
1．多媒体教室
把多媒体设备按线性逻辑连接, 集成在一个应用系统中, 并具有交互功能 , 就构成了多媒体系统( Multimedia system) , 多媒体教室是多媒体系统的一种实现方案。
( 1) 多媒体教室的功能
根据多媒体教学过程中主要媒体为文本、 声音、 图形、 图像、 视频录像、 动画等的特点, 因此多媒体教室应具备传统教学功能与光学信号、 音频信号、 视频信号处理功能。
( 2) 多媒体教室的设备配置与连接
一般多媒体教室的配置包括: 多媒体计算机、 多功能视频展示台、 DVD影碟机、 录像机、 录音机、 高清晰度投影机、 大屏幕、 视频切换器、 调音台、 功放机、 音箱、 话筒( 有线/无线) 。其设备连接及信号传递如图1-1所示:
( 3) 实验室多媒体教室的设备配置与连接
由于多媒体教室的设备比较昂贵, 站用场地大, 因此, 组建多媒体教室实验室时, 能够考虑用大屏幕电视机取代高清晰度投影机和大屏幕, 这样不但降低了费用, 还能够节约场地。一个普通实验室能够组建十套以上多媒体教室系统, 方便学生分组操作, 其设备连接及信号传递如图1-2所示。
投影机
(VGA数字/模拟)

多媒体计算机

中
央
控
制
器

视频展示台
VCD/DVD机
录像机

笔记本电脑

视
频
输
入

音
频
输
入

视
频
输
出

音
频
输
出

信号
分配器

功放
话筒
音箱
控制面板
电脑显示器

图1-1 多媒体教室设备连接及信号传递
电视机
(VGA数字/视频模拟1/视频模拟2/电视信号)

多媒体计算机

中
央
控
制
器

视频展示台
VCD/DVD机
录像机

视
频
输
入

音
频
输
入

视
频
输
出

音
频
输
出

信号
分配器

电视机自带喇叭
控制面板
电脑显示器

图1-2 实验室多媒体教室设备连接及信号传递
2.视频展示台
( 1) 视频展示台的工作原理
视频展示台又叫实物展示台, 它必须配合多媒体投影机或是大屏幕电视机使用, 能够将实物投影或播放出来。
多功能视频展示台是多媒体教室中的重要设备。它将光学信号转换为视频信号输出, 主要用于透明胶片、 实物及彩色图文资料的展示; 利用其放大功能, 能够展示物体的细微结构; 能够直接在写字屏或白纸上书写并投到大屏幕上, 以取代传统教学中的粉笔和黑板, 视频展示台的原理与结构如图1-3所示。
( 2) 视频展台的基本组成
视频展台主要包括摄像头( CCD与镜头, 是核心部件) 、 光源( 侧光、 底光) 、 台面 、 控制键盘、 支撑杆、 接口( 视频输出端子: RGB和VIDEO ) 、 附件( 红外线遥控器、 计算机图像捕捉适配器、 液晶监视器等) 等。

图1-3视频展示台的原理与结构
四、 实验步骤
1．观看多媒体教室使用视频
打开教学媒体的理论与实践文件夹, 观看多媒体教室使用视频。
说明: 本实验内容和步骤是根据实验室多媒体教室系统给出的, 学生做实验能够根据图1-2连线。
1．多媒体教室设备的连接
( 1) 观察计算机、 视频展示台、 扫描仪、 电视机、 中央控制器、 控制面板、 分配器等设备的线路连接。
( 2) 根据老师讲解的连接原理, 依照图3-2所示, 拆掉连线重新接线。
2．多媒体教室的使用
( 1) 开启设备总电源: 依次打开中控电源、 计算机电源、 电视机电源、 视频展示台电源和扫描仪电源。
( 2) 在控制面板通用控制区按”开关机”按钮( 电视机控制钮) 按”AV/TV”按钮, 选VGA模式, 即可在电视机上显示电脑内容。
( 3) 打开视频展示台电源, 按”输入选择”按钮左边第一个指示灯即可。
( 4) 在控制面板投影区按亮”数字展台”, 按”AV/TV”转换按钮, 选视频1或视频2模式, 即在电视机上显示视频展台的内容。
( 5) 将电视机音量调到最小, 再打开计算机的声音播放软件, 播放音乐, 从电视机上就能够听到声音, 再把音量调到适当大小。
( 6) 从以下四个方面调节声音。
① 电视机”V+”和”V-”按钮;
② 中控面板”音量+”和”音量-”按钮;
③ 计算机右下角小喇叭;
④ 播放器音量控制。
( 7) 根据设备连接图观察各设备信号的连接线的接法, 分视频和音频信号两部分进行。
①视频信号: 电脑VGA输出—中控—分配器—显示器、 数字电视。
视频展台视频输出—中控—数字电视。
②音频信号: 电脑声卡speak out输出—中控—数字电视。
3．视频展台的简单操作
( 1) 开机
开启设备总电源: 打开视频展示台臂手, 开机, 并打开电视机电源。
( 2) 灯光选择
在展示台上放置被投影的物体, 若是透明的投影片, 可打开底灯, 若是不透明的实物, 可打开侧灯, 观察银幕上的影像效果, 根据需要选择测光或底光。
( 3) 聚焦
可用”聚焦”的”+”或”–”按钮手动调整, 也可按下”自动”使摄像头自动调整, 直到影像调清晰。
( 4) 变焦
按”变焦”按钮的”+”或”- ”( 有的是”W”和”T”) , 来调整镜头焦距, 使影像推近或拉远, 以改变观看图像的范围。
( 5) 负片效果
观看负片, 可按下”负片”按钮, 使其转换成正片效果。
( 6) 输出模式调整
根据控制面板上的AV／TV模式选择, 可控制视频展示台的内容输出并显示在电视机上。
( 7) 使用完毕关机: 将视频展示台臂手折叠。关闭电视机电源, 关闭总电源。
五、 实验注意事项
1．多媒体教室使用时注意
( 1) 在打开功放机前记得先检查功放机音量是否调到最小, 如果不是, 请先调到最小再打开功放, 以免音量过大烧坏音箱。
( 2) 在使用完多媒体教室后记得将大屏幕收起, 以免屏幕上积灰或被损坏而影响投影效果。
( 3) 关闭电源前要先检查投影机是否已经停止工作, 如不是要等其完全停止工作后再关闭电源,
否则会严重减少投影机灯泡的使用寿命。
2．对视频展示台要注意
( 1) 打开视频展示台臂手需要用控制按纽, 不能用劲强行拉开。
( 2) 注意选择输出模式, 保证展示内容在电视上出现。
3．使用扫描仪
( 1) 不要用手摸扫描仪的玻璃平台, 并保持其清洁。
( 2) 初次使用扫描仪一定要先安装驱动。使用扫描软件扫描时要把握好扫描的技术指标。并注意保存扫描结果。
六、 实验与思考
1. 一个多媒体教室所需要的最基本的设备有哪些?
2. 投影仪在多媒体教室中是作为一个显示终端, 请思考如果用数字电视机来代替投影仪的话会有哪些异同?
3. 音频系统不经过电视, 直接与功率放大器如何连接?
4．视频展示台和投影器的异同点有哪些?
5．扫描仪使用时候的各技术指标的度怎样把握?
实验二 教学素材获取与处理
(图形图像素材的获取与处理)
一、 实验目的
1．学会利用数码相机或扫描仪扫描图片。
2．了解OCR软件识别文本。
3．知道编辑修改图形图像的基本方法。
4．知道常见的图形图像格式, 掌握常见图形图像的格式转换方法。
二、 实验器材
硬件环境: 多媒体计算机、 数码照相机、 扫描仪等。
软件环境: 可用Windows 98／Me／ ／XP／ 操作系统, 图形图像编辑处理工具可用Photoshop、 ACDSee、 照片编辑器等软件工具。
三、 实验原理
图片加工过程基本上是三部曲, 即获取图片素材; 进行具体的加工处理; 保存加工处理结果。获取图片素材一般可采用数码相机拍摄和在期刊、 书本以及在资料库中找到所需图片和照片。加工处理是将数码相机拍摄的照片输入到计算机和利用扫描仪将需要图片、 照片处理成数字文件。保存加工处理是用图形图像编辑软件对其处理并转换成需要的文件格式保存; 还可将扫描仪扫描出的文本图片利用OCR文字识别软件转换成所需要的文本。
1．素材的获取----数字照相机的一般使用过程

2．影像素材的处理
在进行素材获取的过程中, 由于自然、 人为以及仪器自身的原因, 有可能会造成所拍摄的照片出现如下问题: 瑕疵、 紫边、 红眼、 曝光不足, 曝光过度等。
紫边: 数码相机的紫边是指数码相机在拍摄取过程中由于被摄物体反差较大, 在高光与低光部位交界处出现的色斑的现象即为数码相机的紫色(或其它颜色)。紫边出现的原因与相机镜头的色散、 ccd成像面积过小(成像单元密度大)、 相机内部的信号处理算法等有关。
红眼现象: 用数码相机拍摄人像时, 有时会出现红眼现象, 这是因为在光线较暗的环境中拍摄时, 视网膜上的血管被反射造成的红眼现象。
曝光不足是指曝光量太少, 所得影像晦暗, 画面暗部没有层次。
曝光过度是指曝光量太多, 所得影像泛白, 画面高光部分无层次。
这时, 经过专门的图形图像处理软件Photoshop能够对其进行快速的处理和修复。
四、 实验步骤
1、 数码相机的使用( 演示实验)
( 1) 熟悉数码照相机。浏览数码照相机的说明书, 了解数码照相机的开关、 按钮、 插孔等的位置和功能, 特别是电源开关、 快门、 变焦器、 取景器、 电池盒等主要的功能部件, 必须掌握并能熟练操作。
( 2) 将存储卡插入数码相机, 打开电池盒, 装入数码照相机用的锂电或其它电池。
( 3) 拨动”REC／PI．,AY”模式开关至”REC”(拍摄记录)位置。
( 4) 打开电源开关。
( 5) 打开数码照相机的设置菜单, 调整数码照相机的拍摄参数, 比如相片分辨率、 闪光灯模式、 拍摄模式等。
( 6) 利用取景器或彩色液晶显示器, 经过移动变焦按钮进行取景构图。经过移动变焦按钮景物的变化情况: 移向标注”T”端增长镜头焦距, 可实现望远功能; 移向标注”w”端缩短镜头焦距, 可实现广角功能进行近拍。
( 7) 对焦距, 按下快门按钮进行拍摄。许多数码相机能自动聚焦, 也有些相机要半按快门进行自动测光完成聚焦。聚焦完成后, 信号指示灯闪烁就能够拍摄了, 将快门完全按下即可。
( 8) 看效果。拍摄完成后, 拨动”REC／PI,AY”模式开关至”PL,AY”(播放浏览)位置, 经过显示屏观看拍摄效果, 照片拍得不好, 能够删掉重拍, 这是数码照相机的特点, 也是保证拍摄成功的一个诀窍。
( 9) 把照片传输到多媒体计算机。数码照相机都有数据传输接口及数据传输线, 如: USB接口、 1394接口或RS232接口(鼠标串行接口)等。基本的传输操作步骤: 用数据传输线连接数码照相机和计算机, 启动计算机, 打开数码照相机的电源, 启动照片下载软件, 利用软件下载照片至计算机。如有读卡器则可直接与计算机连接插入存贮卡输出照片。
2、 用扫描仪扫描图片
( 1) 将扫描仪与多媒体计算机正确连接, 安装扫描仪的驱动程序。扫描仪与多媒体计算机的连接方式有EPP并行口USB接口。根据所用的扫描仪接口将扫描仪与计算机正确连接。
( 2) 打开扫描仪电源, 启动多媒体计算机, 打开扫描工作软件。
( 3) 在扫描工作软件里设置扫描源, 也就是设置使用的扫描仪。
( 4) 将待扫描的图片放入扫描仪。
( 5) 在扫描工作软件里执行扫描图像的命令, 打开扫描工作窗口, 进行预扫描, 将待扫描的图像显示在预览框内。
( 6) 用鼠标选择待扫描图像的区域, 设置扫描分辨率、 扫描图像类型等参数, 执行扫描命令进行扫描。
( 7) 编辑修改出现在扫描工作软件编辑区域的图像, 执行保存命令, 选择一种图像格式保存刚扫描的图像。
3、 用Photoshop处理图片
( 1) 去除影像中的瑕疵(如斑点):

图2-1 带有瑕疵的图片 图2-2修复画笔工具
① 打开Photoshop CS, 在”文件”菜单中选择”打开”命令, 弹出”打开”对话框, 在实验一素材中打开ps1.jpg。
如图2-1所示。
② 在此例中选择”修复画笔工具”, 如图2-2所示, 首先结合Alt键, 单击鼠标左键, 在正常颜色地方进行取样, 注意取样的时候尽量在离修复点最近的地方取样。
③ 按住鼠标左键, 在要修复的地方进行涂抹。
④ 在”文件”菜单中选择”存储”命令, 对文件进行存储。最终效果如图2-3所示。

图2-3 最终效果 图2-4 紫边现象非常严重的照片
( 2) 去除紫边
如图2-4所示, 是一张紫边现象非常严重的照片, 已经影响到了画面的美感, 现要对其进行处理以恢复正常的照片效果。
① 打开Photoshop CS, 在工作区的空白处双击鼠标, 弹出”打开”对话框, 在实验一素材中打开ps2.jpg。
② 选择”图像”菜单中”调整”--”色相/饱和度”, 如图2-5所示。
③ 在”色相/饱和度”对话框中选择”编辑/蓝色”, 如图2-6所示

图2-5 ”调整”--”色相/饱和度” 图2-6 ”编辑/蓝色”
④ 先将饱和度调节为”-100”, 然后适当减弱一下明度, 使图像边缘过渡得更加自然, 如图2-7所示, 最后保存图片, 效果如图2-8所示。

图2-7 饱和度调节 图2-8 最终效果
( 3) 去除红眼:
下面是一张出现”红眼”现象的图片, 如图2-9所示。

图2-9红眼图片
方法一:
① 在Photoshop CS中, 打开问题图片, 然后选择CS中特别提供的”颜色替换工具”, 如图2-10所示。
② 将前景色设置成黑色, 或者你所希望的眼睛颜色, 如图2-11所示。

图2-10颜色替换工具 图2-11 设置眼睛颜色

③ 直接在红眼上点击几下, 直到红色彻底被消除。最后保存图片, 如图2-12所示。

图2-12 最终效果图
方法二:
除了刚才介绍的那种方法, 另一种方法是经过”魔棒＋饱和度”调整的方式就能够达到去除红眼现象的效果。
① 打开图片, 然后在工具栏中选择魔棒工具, 如图2-13所示。

图2-13 魔棒工具 图2-14 图2-15 ”调整”--”色相/饱和度”
② 然后按Ctrl+”+”放大图片, 适当设置魔棒工具的容差, 如默认的”32”, 然后在红眼的地方点击, 让魔棒自动选择区域, 如图2-14所示。
③ 选择”图像”菜单中”调整”--”色相/饱和度”, 然后选择编辑红色, 如图2-15所示。
④ 然后将饱和度调节至”-100”, 而且适度调整一下明度, 如图2-16所示。最后保存图片, 如图2-17所示。

图2-16 饱和度调节 图2-17 最终效果
( 4) 处理曝光不足照片
在实验一素材中打开ps3.jpg, 如图2-18所示。

图2-18 曝光不足照片 图2-21 调整后的效果
处理曝光不足照片最简单便捷的方式就是经过”图像”菜单”调整/曲线”进行图像曝光量的调整。对这张照片的调整能够将参数设置为:
首先建立第一个节点, 将节点位置移动至”输入207, 输出228”, 对高光部分进行调节, 如图2-19所示。

图2-19 高光部分进行调节 图2-20对暗调部分进行调节
然后建立第二个节点为”输入57, 输出119”, 对暗调部分进行调节, 如图2-20所示。
最终效果如图2-21所示。
( 5) 处理曝光过度照片
在实验一素材中打开ps4.jpg, 如图2-22所示。

图 1-22 曝光过度照片 图2-24 调整后的效果图
对于曝光过度的照片, 同样能够用曲线进行调整, 另外也能够用”图像”菜单中的”调整--暗调/高光”进行调整, 如图2-23所示, 最终效果如图2-24所示。

图2-23 ”调整--暗调/高光”调整
抠取图像, 实现图片的合成
( 1) 打开Photoshop CS2, 选择文件→打开, 弹出打开对话框, 找到图片”草地.jpg”、 ”汽车1.jpg”和”汽车2.jpg”( 位置: 光盘/图形图像处理/素材/实验一) 并打开。”汽车1”、 ”汽车2”分别如图2-25和1-26所示。

图2-25汽车1 图2-26 汽车2
( 2) 比较两幅图片, ”汽车1”的背景为纯白色, 只需用魔棒工具便很方便地将背景全部选中, 然后再反选汽车即可; 而”汽车2”的背景比较繁杂, 不容易对背景操作, 则需使用磁性套索工具直接对汽车操作。
( 3) 对”汽车1”操作, 选择工具箱→魔棒, 其所对应的属性栏上的容差设置为默认值32, 如图2-27所示; 在白色背景的任意一点单击鼠标, 背景被全部选中, 如图2-28所示; 使用选择菜单中的反向命令, 汽车被选中; 然后将工具切换为移动工具, 将选中的汽车移动至”小草”图片的合适位置, 使用编辑→自由变换缩小即可。效果图如图2-29所示。

图2-27 魔棒属性栏的设置

图2-28用魔棒选中白色背景
( 4) 对”汽车2”操作, 选择工具箱→磁性套索, 属性栏上的参数设置为默认, 沿着汽车的边缘拖动鼠标, 将会自动建立节点吸附于汽车边缘。如若操作时自动建立节点的位置不准确, 则可单击鼠标左键手动建立节点, 有误的节点可使用Delete键删除( 操作中若细节部分不方便处理, 可使用导航器面板, 将滑块向右拖动, 增大图像的显示比例) 。最后结点的终点与起点会合, 选区即建立完成。如图2-17所示。同理, 使用移动工具, 将选中的汽车移动至”小草”图片的合适位置, 并选择编辑→自由变换进行缩小和旋转操作。效果图如图2-30所示。

图2-29 用磁性套索选中汽车

图2-30 最终效果图
( 5) 保存图片, 选择文件→存储为进行保存。注意存储时选择所需要的图片格式( 如PSD、 JPEG、 GIF等格式) 。

实验三 补间动画的制作
实验目的
1．理解形状补间和动作补间动画的基本原理。
2．掌握形状补间和动作补间动画的区别。
3．能进行形状补间和动作补间动画的制作。
实验学时
2学时
实验原理
1．形状补间动画
( 1) 形状补间动画的概念
在Flash的时间帧面板上, 在一个时间点( 关键帧) 绘制一个形状, 然后在另一个时间点( 关键帧) 更改该形状或绘制另一个形状, Flash 根据二者之间帧的值或形状的变化来创立的动画被称为”形状补间动画”。
( 2) 构成形状补间动画的元素
形状补间动画能够实现两个图形之间颜色、 形状、 大小、 位置的相互变化, 其变形的灵活性介于逐帧动画和动作补间动画二者之间, 使用的元素多为用鼠标或压感笔绘制出的形状, 如果使用元件或文字, 则必须先”打散”, 再变形。
( 3) 形状补间动画在时间帧面板上的表现
形状补间动画建好后, 时间帧面板的背景色变为淡绿色, 在起始帧和结束帧之间有一个长长的箭头, 如图3-1所示。

图3-1 ”形状补间”动画的表现形式
( 4) 认识形状补间动画的属性面板
”缓动”选项:
在”0”边有个滑动拉杆按钮  , 单击后上下拉动滑杆或填入具体的数值, 形状补间动画会随之发生相应的变化。
取值在1到-100的负值之间, 动画运动的速度从慢到快, 朝运动结束的方向加速补间。
取值在1 到100的正值之间, 动画运动的速度从快到慢, 朝运动结束的方向减速补间。
默认情况下取值为0, 补间帧之间的变化速率是不变的。
”混合”选项:
”混合”选项中有二项供选择。
”角形”选项: 创立的动画中间形状会保留有明显的角和直线, 适合于具有锐化转角和直线的混合形状。
”分布式”选项: 创立的动画中间形状比较平滑和不规则。
2．动作补间动画
( 1) 动作补间动画的概念
在Flash的时间帧面板上, 在一个时间点( 关键帧) 放置一个元件, 然后在另一个时间点( 关键帧) 改变这个元件的大小、 颜色、 位置、 透明度等等, Flash 根据二者之间帧的值的变化所创立的动画被称为动作补间动画。
( 2) 构成动作补间动画的元素
构成动作补间动画的元素是元件, 包括影片剪辑、 图形、 按钮等等。除了元件,文字也能够作为动作补间动画的对象。但如果是形状, 必须把形状”组合”或者转换成”元件”后才能够实现动作补间动画。
( 3) 动作补间动画在时间帧面板上的表现
动作补间动画建好后, 时间帧面板的背景色变为淡紫色, 在起始帧和结束帧之间有一个长长的箭头, 如图3-2所示。

图3-2 ”动作补间”动画的表现形式
( 4) 动作补间动画的属性面板同形状补间动画。
实验内容与步骤
1．形状补间动画的制作
实例: ”樱花节”的形状补间动画
( 1) 新建文档, 设置其背景色和文档大小。
( 2) 选择”文件”菜单中的”导入”, 将光盘中的素材图片”樱花1.jpg”、 ”樱花2.jpg”、 ”樱花3.jpg”( 光盘/Course/Flash/sucai.rar) 导入至库。
( 3) 选择”图层1”的第1帧, 该帧默认情况下为空白关键帧。从库中将”樱花1”拖放至舞台, 该图片与舞台默认大小一致, 为550*400像素, 此时只需打开对齐面板, 使图片相对应于舞台水平中齐和垂直中齐即可。
( 4) 选中图片, 选择”修改”菜单中的”分离”命令或使用快捷键Ctrl+B, 将位图分离。然后选择椭圆工具, 笔触色设置为”黑色”, 填充色为无色, 在图片中央绘制一个正圆, 如图3-3所示。最后选中椭圆外的内容, 按Delete键删除。

图3-3 编辑图片
( 5) 同理, 分别在第5、 10帧处插入空白关键帧, 将”樱花2”和”樱花3”放置于第5、 10帧, 并进行同样的编辑操作。
( 6) 在第15帧处插入关键帧, 将樱花图片的黑色线条去除。
( 7) 在第35帧处插入空白关键帧, 使用文本工具输入文字”第三届樱花节”, 设置文字的字体、 字号和颜色, 使文字相对于舞台水平中齐和垂直中齐。然后选中文字, 两次使用Ctrl+B分离文字, 文字外边框消失, 此时文字被分离为矢量形状。
( 8) 将鼠标置于第15-35帧中的任意一帧上( 第35帧除外) , 打开”属性”面板, 将”补间”类型设置为”形状”, 即可实现樱花向文字的变化。”属性”面板如图3-4所示。

图3-4 形状补间的属性面板
( 9) 在第45帧处插入关键帧, 使樱花变化为文字后可在”第三届樱花节”停留10帧的时间, 不致于一闪而过。然后文字”第三届樱花节”再向”即将开幕”变化。
( 10) 在第65帧处插入空白关键帧, 输入文字”即将开幕”, 设置文字的字体、 字号、 颜色并居中, 同样将文字分离两次成矢量形状。最后创立45帧向65帧变化的形状补间。
( 11) 在66、 67、 68、 69、 70处分别按下F6插入关键帧, 选中每一个关键帧对应的内容, 然后在工具箱中的”填充色”中设置不同的颜色对”即将开幕”进行填充。
( 12) 在第80帧处按下F5插入普通帧, 使”即将开幕”延长至80帧。最后保存文件, 并测试影片观看动画效果。该动画的帧的分布如图3-5所示。

图5 帧的分布
制作一个庆祝国庆的形变动画　
1、 创立新文档
执行【文件】|【新建】命令, 在弹出的面板中选择【常规】|【Flash文档】
选项后, 点击【确定】按钮, 新建一个影片文档, 在【属性】面板上设置文件大小为400*330
象素, 【背景色】为白色, 如图3-1所示。

图3-1 文档属性 图3-2 插入背景图片
2、 创立背景图层
执行【文件】|【导入到场景】命令, 将本实例中名为”节日夜空.jpg”图片导入到场景中, 在第80帧处按下F5, 加普通帧。如图3-2所示。 　
3、 创立灯笼形状
   我们先来画灯笼, 执行【窗口】|【设计面板】|【混色器】命令, 打开混色器面板, 如图3-3所示设置混色器面板的各项参数。

图3-3 混色器面板设置之一　 图3-4 混色器面板设置之二 图3-5 画好的灯笼　
选择工具栏上的椭圆工具 , 去掉边线 , 在场景中画一个椭圆做灯笼的主体, 大小为65*40象素。
接着我们来画灯笼上下的边, 打开【混色器】面板, 按照如图3-4所示设置参数。　
选择工具栏上的矩形工具 , 去掉边线, 画一个矩形, 大小为30*10象素, 复制这个矩形, 分别放在灯笼的上下方, 再画一个小的矩形, 长宽为7*10象素, 作为灯笼上面的提手。
最后用直线工具  在灯笼的下面画几条黄色线条做灯笼穗, 一个漂亮的灯笼就画好了。如图3-5所示( 为了能清楚的显示灯笼, 可暂时将背景色改为蓝色) 。　
4、 复制粘贴四个灯笼
复制刚画好的灯笼, 新建三个图层, 在每个图层中粘贴一个灯笼, 调整灯笼的位置, 使其错落有致的排列在场景中。
在第20、 40帧处为各图层添加关键帧, 如图3-6所示。

图3-6 错落有致的灯笼及时间轴面板
5、 把文字转为形状取代灯笼
选取第一个灯笼, 在第40帧处用文字”庆”取代灯笼, 文字的的【属性】面板上的参数: 【文本类型】为静态文本, 【字体】为隶书, 【字体大小】为60, 【颜色】为红色。
对”庆”字执行【修改】|【分散】命令, 把文字转为形状。如图 3-7上半部分所示。
依照以上步骤, 在第40帧处的相应图层上依次用”祝”、 ”国”、 ”庆”三个字取代另外三个灯笼, 并执行【分散】操作, 其结果如图3-7下半部分所示。

图3-7 用文字形状取代灯笼形状及文字打散　 图3-8 创立形状补间动画
6、 设置文字形状到灯笼形状的转变。
在”灯笼”各图层的第60帧及80帧处, 分别添加关键帧, 现在, 在80帧处各”灯笼”图层中的内容为”文字图形”, 应该把它们换成”灯笼”。
具体办法能够分别选择第20帧中的”灯笼”图形, 再一个个”粘贴”进第80帧中, 当然, 你先应该清除第80帧处4个”灯笼”图层中的内容哦!
7、 创立形状补间动画。
在”灯笼”各图层的第20、 60帧处单击帧, 在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【形状】, 建立形状补间动画, 如图3-8所示。　
8、 测试存盘
执行【控制】|【测试影片】命令, 观察本例swf文件生成的动画有无问题, 如果满意, 执行【文件】|【保存】命令, 将文件保存成”庆祝国庆.fla”文件存盘, 如果要导出Flash的播放文件, 执行【导出】|【导出影片】命令保存成”庆祝国庆.swf”文件。
2．动作补间动画的制作
实例: ”樱花节”的动作补间动画
( 1) 新建文档, 设置其背景色为白色、 文档大小为550*400。
( 2) 插入一个图形元件, 命名为”文字”, 在这个图形元件的第1帧中输入文字”第三届樱花节”, 并使文本相对于舞台居中。
( 3) 回到场景, 将”文字”这个元件拖放到图层1的第一帧中, 注意”文字”在场景中的位置, 将其先放在白色舞台外的右上角。如3-69所示位置。
( 4) 在第5帧插入一个关键帧, 将文本沿水平方向拖动到舞台上的右上角。如图3-7所示位置。在这两帧中要注意, 元件不能被分离。

图3-6文字的位置( 舞台外) 图3-7文字的位置( 舞台内)
( 5) 选中第1关键帧, 在”属性”面板中设置”补间”类型为”动画”, 即完成第1帧到第5帧的动作补间。”属性”面板如图3-8所示。

图3-8动作补间的属性面板
( 6) 在第15帧处再插入一个关键帧, 将”文本”图形元件拖移到舞台的中央, 然后在第5帧到第15帧的动作补间, 在”旋转”中设置”顺时针”旋转”2次”即可。
( 7) 在第25帧处插入一个普通帧, 使该动画延长至第25帧, 最后保存即可。帧的分布如图3-9所示。

图3-9 帧的分布
实例2: 钟表动画的制作
( 1) 新建文档, 设置其背景色为白色、 文档大小为550*400, 帧频为1。
( 2) 选择”文件”菜单中的”导入”, 将”钟表.jpg”( 光盘/Course/Flash/sucai.rar) 导入至库。
( 3) 插入图形元件, 命名为”钟表”, 进入图形元件的编辑状态。选中第1帧, 将导入的图片拖放至该元件的第1帧, 并使其居中, 然后使用直线工具绘制时针和分针, 如图3-10所示。

图3-10 钟表
( 4) 新建”秒针”这一图形元件, 在该元件的第1帧上用直线工具绘制秒针。
( 5) 回到场景, 将”图层1”的名称更改为”表盘”, 将”钟表”元件从库中拖放至该图层的第1帧中, 然后在第61帧处插入普通帧延长。
( 6) 新建图层, 命名为”走动的秒针”, 将元件”秒针”放置于该图层的第1帧, 如图3-11所示。

图3-11场景中的钟表
( 7) 更改指针的中心, 选中任意变形工具, 将指针的中心移至最底端, 如图3-12所示。

图3-12 更改的秒针的中心
注意: 这一步非常重要, 必须进行中心的更改, 才能保证指针正确旋转。
( 8) 在”走动的秒针”图层的61帧处插入关键帧。设置第1帧到第61帧的动作补间, 并设置顺时针旋转1次。
( 9) 保存文件, 测试影片。

实验四 轨迹动画的制作
实验目的
1．理解轨迹动画的制作原理。
2．学会创立、 设计轨迹动画。
实验学时
2学时
实验原理
1．什么叫轨迹动画
将一个或多个层链接到一个运动引导层, 使一个或多个对象沿同一条路径运动的动画形式被称为轨迹动画, 或又称为引导动画。这种动画能够使一个或多个元件完成曲线或不规则运动。
2．创立轨迹动画的方法
( 1) 创立引导层和被引导层
一个最基本引导动画由两个图层组成, 上面一层是引导层, 它的图层图标为, 下面一层是被引导层, 图标同普通图层一样。
在普通图层上点击时间轴面板的”添加引导层”按钮, 该层的上面就会添加一个引导层, 同时该普通图层缩进成为被引导层。  
( 2) 引导层和被引导层中的对象
引导层是用来指示元件运行路径的, 因此引导层中的内容能够是用钢笔、 铅笔、 线条、 椭圆工具、 矩形工具或画笔工具等绘制出的线段。
被引导层中的对象是跟着引导线走的, 能够使用影片剪辑、 图形元件、 按钮、 文字等, 但不能应用形状。
由于引导线是一种运动轨迹, 不难想象, 被引导层中最常见的动画形式是动作补间动画, 当播放动画时, 一个或数个元件将沿着运动路径移动。
( 3) 引导线上对象的要求
引导动画最基本的操作就是使一个运动动画”吸附”在”引导线”上。被引导的对象的中心一定要紧紧吸附在引导线的两个端点上。
实验内容与步骤
轨迹动画的制作
实例:月球绕着地球转
( 1) 新建文档, 设置为默认。
( 2) 导入光盘中的素材 ”星空背景.jpg” 图片和”自转的地球.swf”的flash动画。
( 3) 创立元件: 按插入/新建元件命令或按Ctrl+F8, 创立”月球”图形元件。选取工具栏中的椭圆工具, 将”笔触色”设置为”无色”, 将”填充色”设置为黄色, 在编辑窗口中画一个椭圆, 并使其相对于舞台居中。
( 4) 进入场景1编辑窗口, 建立两个图层, 由下到上分别命名为”背景”、 ”地球”、 ”月球”, 然后给”月球”图层添加运动引导层。如果要查看图层的属性, 则能够选中图层, 单击鼠标右键, 选中”属性”, 即可查看。
( 5) 将”星空背景”从库中拖放至其对应图层的第1个关键帧中。在属性面板中的将该图片的大小更改为550*400像素, 并使之相对于舞台居中。在第120帧处插入空白关键帧, 使背景延长至120帧。同理将”自转的地球”从库中拖放至相对应图层的第1帧, 并延长至第120帧。
( 6) ”月球”图层暂不操作。锁定除引导层外的所有图层。选中引导层, 选取工具栏中的椭圆工具进行绘制, 在填充色工具栏中按下无色按钮, 笔触色设置为白色, 在引导层中画一个椭圆, 用变形工具调整大小和角度, 使用橡皮擦工具将椭圆擦去一个小缺口, 如图4-1所示。并将引导线延长至第120帧。

图4-1 引导线
( 7) 锁定引导层, 给”月球”图层解锁, 对其操作。根据创立的引导线的两个端点来确定运动的月球的起点和终点, 选中第一帧, 选取”月球”把它拖到椭圆上的一个端口( 起点) , 在第120帧上按下F6插入另一个关键帧, 再把”月球”拖到椭圆上的另一个端口( 终点) 。
注意: 月球的中心一定要紧紧吸附在引导线上。
回到第1个关键帧, 在其属性面板中的”补间”窗口中选取”动画”, 为两个关键帧中间加入补间。
( 8) 最后, 按Ctrl+Enter进行测试观看动画效果( 在生成的SWF文件中引导线是不可见的) 。
实例2: 滚动的数字
( 1) 新建文档, 设置背景色为淡红色( FF6699) 、 文档大小为550*400。
( 2) 创立图形元件: 按插入/新建元件命令或按Ctrl+F8, 创立图形元件, 命名为”0”。
首先绘制一个椭圆, 填充色为白色, 无线条色; 然后使用文本工具输入文字”0”, 设置文字的字体、 字号、 颜色( 将颜色设置成和背景一样的淡红色) ; 选中文字和椭圆, 使其相对于舞台居中。如图4-2所示。
( 3) 打开”库”, 在”库”中选中图形元件”0”, 单击右键, 选择”直接复制”命令, 复制生成”1”, 然后双击打开图形元件”1”, 将数字更改为1即可。其它的数字2-9也能够使用同样的方法进行得到。
( 4) 在”库”中建立一个文件夹, 命名为”0-9”, 将前面所创立的10个图形元件放置在这个文件夹中, 便于管理。
( 5) 创立影片剪辑元件: 按插入/新建元件命令或按C