粤教版高中信息技术选修2教案-5.2.2二维动画的制作

捡起一张废纸，创造一个美好的家园！

§5.2.2 Flash基本动画制作

本节课内容是高中信息技术（选修2）（粤教版）第五章第二节《Flash基本动画制作》。课标要求培养学生对信息技术的兴趣和意识，通过对制作关于环保的倡议动画广告，让学生了解或掌握Flash基本动画制作的方法和技能，使学生具有多媒体技术应用的基本能力，形成良好的信息文化素养，为他们适应信息社会的学习、工作和生活打下必要的基础，并且加强了学生的环境保护意识，使他们认识到保护环境，人人有责。

学习目标:

1.学生掌握Flash的变形动画制作方法。

2.学生掌握Flash的运动动画制作方法。

3.学生掌握Flash的逐帧动画制作方法。

4.学生掌握Flash中导出影片的方法。

5.体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。让学生选择自己喜欢的图片进行创作，培养学生的想象力和审美能力。

6. 加强了学生的环境保护意识，使他们认识到保护环境，人人有责。

学习重、难点:

重点：Flash的变形动画、运动动画、有逐帧动画的制作方法。

难点：变形动画制作过程中要将图片分离成离散图形。运动动画制作过程中要将对象转换成元件。

学习方法：自主学习、任务驱动、合作探究、讲授演示。

教学过程:

展示“满地垃圾”的图片，老师：同学们，我们愿意生活在这样的一个环境中吗？学生回答：不愿意。老师：那我们肯定都希望有这样的美好家园吧！展示“美好家园”图片。学生：是。老师：好，保护环境，人人有责，为了加强人们的环保意识，我们今天利用Flash制作一个关于环保的倡议动画广告，好不好？学生回答：好。老师：今天我们的学习任务是通过学习Flash的基本动画制作来完成关于环保的动画广告。

Flash的强大功能充分体现在动画制作上。Flash动画是以时间线为基础的帧动画。（帧动画，是通过改变连续帧的内容来实现动画效果。）

Flash动画是以三种动画为基础的，这三种动画为：形变动画、运动动画、逐帧动画。依次展示形变动画、运动动画、逐帧动画的影片。

形变动画，针对矢量图形对象的应用，能使这些对象产生形状、颜色、大小等变化过程。（对象是形状）

运动动画，针对非矢量图形对象的应用，能使这些对象产生淡入淡出、移动、旋转等变化效果。（对象是元件）

逐帧动画，是一个由若干连续关键帧组成的动画序列，Flash将这些关键帧连续播放，形成动画效果。

接下来，我们打开Flash程序，学习三种基本动画制作方法。

活动一：

1.从打开Flash程序，设置文档大小：550×400；背景：白色；帧频：12。

（方法：“修改”菜单中的文档文档属性：设置尺寸、背景、帧频。）

2.将“素材”文件夹中的满地垃圾.jpg、美好家园.jpg 两个图像文件导入到库中。

（方法：“文件”菜单中的导入导入到库“导入到库”对话框中选择桌面“素材”文件夹按住Ctrl键，用鼠标同时选择满地垃圾.jpg、美好

家园.jpg 打开，此时这两个图片到了Flash程序窗口的右侧的库中。）活动二：

形变动画的制作

1.从第1帧开始，将“满地垃圾”的图片制作成一个长度是30帧，并且由小（宽50，高40）到大（宽550，高400）逐渐变化的形变动画。

（方法：①时间轴的第1帧，将库中的满地垃圾.jpg图片放入场景中间，在第30帧插入关键帧。

②并调整第1帧的图片大小：宽50，高40，并将其放置场景中间；第30帧图片不变。

提示：形变动画只能对形状对象应用，对文字和图片必须要经过打散处理使之转变为离散图形后才能制作形状渐变动画。

③在第1帧和第30帧之间实现图片由小逐渐过渡到大的形变动画效果：

单击第1帧，右击小图片，选择快捷菜单中的“分离”，将图片打分离为离散图形；再单击第30帧，同样的方法将大图片分离为离散图形。

④鼠标单击在第1帧和第30帧之间，依次选择下方“属性”、“补间”、“形状”，即可实现形变动画。）

2. 按Ctrl+回车键进行测试。

学生实践（让全体学生操作完成后，再请一名学生上讲台演示制作过程。以便检验学生是否掌握形变动画的制作。）

活动三：

运动动画的制作

1.从第40帧开始，将“满地垃圾”的图形元件制作成一个长度是30帧，并且淡出直至消失的运动动画。

（方法：①在第40帧插入空白关键帧，将库中的满地垃圾.jpg图片放入场景中间，在第70帧插入关键帧。

提示：运动动画中的淡入淡出动画只能对元件对象应用，对文字、图形、图片必须要转换成元件后才能制作淡入淡出动画。

②单击第40帧，右击图片，选择“转换为元件”，在“转换为元件”对话框中选择“图形”，确定。在下面“属性”中的“颜色”中设置“Alpha”值为100%；同样的方法在第70帧处将图片也转换为元件，再将图片的“Alpha”值为0%。

③右击第40帧和第70帧之间任意位置，在快捷菜单中选择“创建补间动画”。）

2.在第71帧和第100帧之间制作一个“美好家园”图片向右移动的运动动画。

（方法：①在第71帧处插入空白关键帧，将库中的美好家园.jpg图片放入场景中间，在第100帧插入关键帧。

②将第71帧的图片向左水平移动至场景外面，并在第71帧和第100帧之间创建补间动画。

3.为了使“美好家园”画面在动画中停留时间长一点，可在第150帧上插入关键帧。

4.按Ctrl+回车键进行测试。

学生实践（让全体学生操作完成后，再请一名学生上讲台演示制作过程。以便检验学生是否掌握运动动画的制作。）

活动四：

逐帧动画的制作

根据我们创作意图，我们要在这个场景中添加文字，并想让文字逐字显示，这就需

要我们再插入图层，在新的图层上制作逐帧动画。

1.插入图层2。

（方法：右击“图层1”，在快捷菜单中选择“插入图层”，图层2便插入到图层1上方。）

2.在图层2的第65帧和第81帧之间，使得文字“捡起一张废纸，创造一个美好的家园！”依次逐字显示出来。调整位置为：X：35，Y：57.字体为：黑体，30号，红色，加粗。

提示：逐帧动画的每一帧都有变化，根据创作意图，前一帧的内容在后一帧中还得出现，所以，从第65帧开始，每一帧都要插入关键帧，在原来的基础上添加新内容。并且在开始的第65帧的内容一定先调整好位置，字体、字号、颜色。这样便于后面的操作。

（方法：在第65帧插入关键帧，单击“文本工具A”，在场景中输入“捡”，在属性中设置位置X：35，Y：57；设置字体：黑体，30号，红色，加粗。设置好后，在第66帧插入关键帧，并在原来的基础上添加“起”，依次在第67帧添加“一”，第68帧添加“张”，……一直到最后一个“！”添加到第81帧为止。）

3.按Ctrl+回车,测试影片，有不合适的地方再做调整。

4.保存原文件到“素材”文件夹中，文件名为：保护环境.fla，便于以后修改。

活动五：

导出影片

导出影片到“素材”文件夹，影片名为：保护环境.swf

(方法：“文件”菜单导出导出影片“导出影片”对话框

桌面素材文件名：保护环境，文件类型：Flash影片（*.swf）) 活动六：

展示、评价学生作品

活动七：

总结

这节课同学们通过制作关于环保的动画广告，学习了Flash 的三个基本动画制作，掌握了制作方法。同时，也加强了环保意识。所以，请同学们在下课时“捡起你们脚下的废纸，让我们的教室变得更加干净，明亮！”

教学反思：

大多数学生掌握了动画的基本制作，但也有个别学生动手能力还是很差，继续加强练习，多指导他们，提高他们对动画制作的兴趣。

本文来源：https://www.bwwdw.com/article/a0xl.html