制作卷轴动画 教学设计

第一篇：制作卷轴动画 教学设计

在PPT中制作卷轴动画

红旗区向阳小学 司艳敬

教学目标：

1.掌握PPT中动画路径的使用方法。

2.学会多种动画之间复杂顺序的设定，巩固自选图形填充效果知识。3.培养学生的动手动脑的能力和操作能力。教学重点：

PPT中动画路径的使用方法和多种动画之间复杂顺序的设定。教学难点：

多种动画之间复杂顺序的设定。教学环节：

作为一节微课分享，很高兴今天和大家一起来做卷轴动画。具体操作方法为：

1.首先把卷轴动画需要的图片准备好，然后裁剪为两部分，两个卷轴和中间的版面。

2.将裁剪好的边轴和中间版面放置好位置，便于添加动画效果。今天的卷轴动画从中间向两边打开。3.选中左边的边轴，点击“动画”，选择“淡出”效果。

开始：单击时；持续时间：00.50；延迟：00.00。

选中右边的边轴，同理，动画添加淡出效果。

开始：与上一动画同时；持续时间：00.50；延迟：00.00。

4.开始设置动画路径，选中左边轴，点击“添加动画”---“其他动作路径”，会出现很多路径的图形展示。我们需要的是直线路径，滑动右侧的滚栏，找到“向左”，点击“确定”。

设置右边轴的路径效果，方法与左边轴类似，但是要选择“向右”路径。（要是选择“向左”路径就得调整一下方向，也是可以的。）设置好之后的位置如图所示，向两边展开后正好和边相接。5.调整路径播放的时间和顺序。

左边轴，开始：上一动画之后；持续时间：02.00；延迟：00.00。

右边轴，开始：与上以动画同时；持续时间：02.00；延迟：00.00。6.中间的版面，添加动画效果，“劈裂”。

开始：与上一动画同时；持续时间：01.40；延迟：00.30。7.最后制作一首文本古诗。一个完整的卷轴效果就完成了。

第二篇：多媒体作业：制作仿奥运开幕式卷轴动画

制作仿奥运开幕式卷轴动画

北京奥运会开幕式上那充满诗意的卷轴，以及它所呈现给我们的一幅幅无法言喻的美妙画面，大家一定还记忆犹新吧！今天我们就用Flash来制作一幅诗意的水墨卷轴展开的动画，这个动画是一个比较简单的动作补间动画，主要用到矩形工具和渐变填充工具。

操作步骤如下：

步骤1：新建一个750×420的 Flash文档，背景为白色。步骤2：用矩形工具画一个矩形，边线宽度为2，填充色为灰色（#BED0BF）。用对齐面板让其居中。

步骤3：选择“文件/导入/导入到舞台”或者按“Ctrl+R”，导入一幅自己喜欢的图片到舞台。用任意变形工具将图画调整到合适的大小，用“对齐”面板使图片位于矩形背景中央位置。如图26-1。

图26-1 图片的导入

步骤4：画轴杆。选择“插入/新建元件”，在“创建元件对话框”中将名称设为“画轴”，类型为图形。用矩形工具在元件编辑区画一个黑色边框细长的矩形，填充类型为“线性渐变”，在颜色面板中将填充设为如图26-2所示，两端色块为浅灰色（#98B498），中间为白色。

图26-2 “画轴”元件颜色的填充 步骤5：再用矩形工具画一个无边框黑色的细长矩形，长度要比刚才的矩形长一些，宽度也细一些，如图26-3所示。

图26-3 黑色矩形的绘制

步骤6：将两个矩形放在一起并居中对齐。（先让黑色的矩形居中于舞台，再将灰色矩形叠于上方居中即可）如图26-4所示。

图26-4 两个矩形的合并

步骤7：用选取工具将黑色矩形的两端调整成弧形，如图26-5，然后将两个卷轴一起选中并按“Ctrl+G”合并。

图26-5 用“选取”工具将黑色矩形变形 步骤8：回到场景1，新建两个图层，命名为“画轴1”和“画轴2”。步骤9：将“画轴”元件分别拖到“画轴1”和“画轴2”的舞台，将它们并排放在图画的一端。如图26-6所示。

图26-6 “画轴”的放置

步骤10：选中“画轴2”图层的第一帧（右边的卷轴），用矩形工具画一个白色的大矩形紧挨者这根卷轴的下面，矩形要大到刚好盖住下面的图画。将这根卷轴和白色矩形Ctrl+G群组。如图26-7所示。

图26-7 在“画轴2”图层绘制一白色矩形

步骤11：现在分别给这三个图层在第100帧处插入帧或者按“F5”。如图26-8。

图26-8 给三个图层在100帧出插入帧

步骤12：在“画轴2”图层的第50帧处按F6插入关键帧，在第50帧上将这个层上的卷轴和白色矩形拖拽到图画背景的右端（刚刚将整张图片显示出来的位置），并在“画轴2”的时间轴上按右键选择“创建动画补间”，如图26-9所示。

图26-9 在第50帧处创建动作补间动画

步骤13：保存文件，按“Ctrl + Enter”键测试影片，保存并发布，得到最终效果。

第三篇：Flash动画制作教学设计

Flash动画制作——引导层动画》教学设计

无锡市洛社新开河实验学校 尹晓慧

【设计思想】

本节课是对小学信息技术课的一个拓展教学，由于Flash动画制作内容有趣，学生有很高的学习积极性。通过前面的学习，学生掌握了Flash的一些基础知识并熟练掌握了动画补间动画的原理和制作方法，学习兴趣已经被充分调动起来。

本课在设计时注重从知识、能力思维两方面对学生进行知识传授和能力培养，使学生运用所学知识，培养学生的动手能力和创新意识，运用循序渐进的任务驱动教学方法，使学生始终处于“探究”状态，激活学生思维和情感，重在培养学生自信心、语言表达能力、审美能力和合作意识。【教学目标】

一、知识与技能：了解引导层动画的原理，初步掌握利用引导层制作动画的方法。

二、过程与方法：通过学生喜爱的视频和动画样例导入新课，讲解新知，充分调动学生的积极性。分层且生动的任务设计保证了不同层次的学生持续高涨的学习兴趣。

三、情感态度与价值观：体验动画制作的乐趣、学习的快乐、成功的喜悦，通过自主探究与小组合作，培养学生自学能力与团队合作能力。【教学重点与难点】

教学重点：引导层的建立以及引导线的绘制。

教学难点：运动对象与引导线的吸附操作。使用“调整到路径”等手段控制被引导对象的运动方向。【课前准备】

多媒体网络教室，教学课件，学生任务素材。【教学过程】

一、动画导入，引出课题

【师】同学们，想必龟兔赛跑的故事同学们应该都听过，故事中的兔子因为自己过分自信，觉得乌龟不可能比得过自己，于是在比赛中打了个盹，最终乌龟的坚持不懈赢得了比赛。但是，兔子在吸取了第一次失败的教训后，与乌龟又进行了一场比赛，老师把他用flash制作出来了，请同学们一起看一下。播放一段自制“龟兔赛跑”动画。

【师】动画看完了，乌龟与兔子沿着老师设定的路线运动，这又该如何实现呢?这就是今天这节课要研究的问题(出示课题： Flash动画制作——引导层动画)。

【设计意图】创设情境，激发兴趣，任务驱动。通过动画效果的播放，让学生对引导层动画有个直观认识。

二、新授知识，学生实践

【师】之前同学们已经学习了简单的动作补间动画，这是同学们的作品，哪位同学能够给大家再演示一下，这个动作补间动画的制作方法。（学生上台演示，制作一朵小花飘落的效果，并讲解方法）

【师】刚刚同学制作的是直线运动，那么老师稍微做了一下修改，做了一个曲线运动，请同学们比较一下，两者有什么区别？

【生】多了一个图层，同时花朵图层图标向里缩进了一小段。

【师】那这个图层中有什么?一条曲线。这条曲线就是花朵飘落的路径，叫做“引导线”，引导线所在图层就叫做“引导层”。要沿着这条引导线运动的对象所在图层叫做“被引导层”。

了解完概念，我们一起来学习引导层动画的制作。

【教师演示】首先在运动物体所在图层——花朵图层创建动画补间动画。接下来，我们要添加引导层，绘制引导线了。

教师广播演示并讲解添加引导层、绘制引导线、拖动对象至路径起点和终点的过程，并测试影片，播放动画。【学生模仿，教师巡视指导】。

【小结】幻灯片展示“引导层动画制作方法”。

【设计意图】通过观察、比较，让学生直观感受新旧知识的联系与区别；通过演示及讲解，让学生理解新知识，为实践操作打好基础；通过学生实践，巩固新知，培养学生自己动手解决问题的能力。通过方法的小结，加深对所学知识的理解，从而掌握曲线运动的本质，突破重难点。

三、挑战自我，巩固提高 【挑战一：小黄鸭过马路】

【师】下面进入“挑战一”。请同学们尝试完成小黄鸭过马路动画的制作。请打开 “挑战一”中的半成品，进行实践。如果遇到问题，你可以向同学或者老师请求帮助。【学生实践】在此过程中教师提出问题：

(1)很多同学的小黄鸭都是沿着直线运动的，不合实际。如何使小黄鸭沿着马路调整方向呢？

(2)为什么有些同学黄鸭不能沿着引导线行走呢?部分学生完成动画制作。教师请其演示。【学生演示】教师解说并强调注意点。留点时间请同学们完善作品。

【小结】通过前面两个动画的制作，我们一起小结下引导线有些什么特点？(幻灯片展示)【设计意图】通过挑战一，帮助学生巩固新知。同时，在实践中学生可以发现引导线具有不能封闭、绘制时不能生硬、有棱角等特性以及“调整对象到路径”等选项的作用。通过对引导线的小结进一步突破本课重、难点。【挑战二：我的创意我来秀】

【师】在“挑战二”文件夹中，老师给了几个半成品，希望你利用引导层动画更多的枫叶飘落下来，让乌龟与兔子跑起来，给定的半成品按难度分为★★、★★★，可根据自己掌握情况选择完成。你也可以发挥想象自己创作。如果你够有实力，还可以“挑战三”栏目里的“高手晋级”，相信你一定会有收获。【学生实践，提交作品】

【设计意图】本任务提供了三种不同的难度供选择，且每个难度也都提供了丰富的动画素材，这样不仅每位学生都有能够完成的任务可选，还可以选择自己感兴趣的动画，能力强的学生还可以利用素材自己进行创作。使得不同层次的学生各有所得，体会到成功的喜悦，增强了学习的自信心和对动画制作的兴趣。

四、课堂小结，学生自评

【师】本课我们一起学习了引导层动画，通过给运动对象所在图层添加引导层，绘制引导线，实现了让对象沿指定路径运动的动画。你掌握得如何?下节课我们将学习更好玩的动画。

第四篇：《制作Flash动画》教学设计

《制作Flash动画》教学设计

《制作Flash动画》是xx省信息技术八年级第二章第三节的内容，而用flash形状补间动画是整个《制作Flash动画》的重点内容之一。通过flash形状补间动画制作，目的是让flash形状补间动画作方法及激发学生学习兴趣，为今后FLASH创作打下基础。

二、学情分析

根据八年级学生好动、喜欢新鲜事物、乐于思考、勤于动手等特点，这节学习flash形状补间动画制作，教师在授过程中要注意引导学生掌握flash形状补间动画的制作方法及应用,激发学生用于思考、敢于创新、深入动画创作的激情。

三、教学目标、知识与技能:通过本节的学习让学生掌握图片的导入、图片分离、形状补间使用、保存。

2、过程与方法:通过提问、事例观看、步骤演示、学生实践、提问与回答、学生示范、作品赏析等方式,让学生对flash形状补间动画了解、掌握及应用。

3、情感态度与价值观:

①

通过引导学生制作主题作品，培养学生对动画制作产生浓厚兴趣，主动参与作品的创作与体验。

②

通过独立探究与小组合作式学习，培养学生自主、合作探究式学习的精神意识。

③

国产动画制作的讲解让学生理解动画的同时培养学生的爱国情怀。

四、教学的重点、难点

重点：①图片的导入。②图片分离。③形状补间使用。④保存。

难点：①形状补间使用。

五、教学方法与教学策略

教学过程主要采用提问法、实际操作法、任务驱动法、作品赏析法。

时：1个时。

分组：将学生分为人一组。

教学策略设计主要：

①形成认知结构的策略：在设计过程中，堂上使用一条主线贯穿：“看我变”让物体发生形状的变化为主线，教师通过形状变化动画制作达到目的

②从创设情境激发学生学习动机的确立到学生学习效果的评价，即为学生产生强烈的学习愿望的产生，学生实践、提问与回答、学生示范、作品赏析等方式使学生亲历动画作品的制作从而得到愿望的满足，实现掌握知识、形成技能和发展能力的过程。教师把教学活动看作是一个完整的动态学习系统，对教学与学中形成的每一个阶段提拱有效技术支持，有效地实施本节的教学目标。

六、教学过程

教学环节

教师活动

学生活动

设计意图

用时

、场景导入

展示“二郎神大战孙悟空”动画

问：知道刚才的故事出现哪两位人物吗？

展示“孙悟空变鱼”的动画

2问：那么同学们知道像这样的动画是怎么做出来的吗？

3问：那么同学们想不想学呢？

观看

答：二郎神和孙悟空

2答：那不知道

3答：想

引导学生进入场景、激发学生的学习兴趣并培养学生的爱国情操同时对学生进行德育教育，使得学生能够自主有效的完成教学任务。

3分

2、知识传授

现在老师想请一位同学上来示范，其同学们要好好的看看是如何制作出来的？

教师指导学生示范。

问：现在同学们知道如何制作了没？

教师巡视指导

观看并做好记录填入导学案中。

答：知道了。

学生实践“孙悟空变鱼”动画

让学生了解所学的知识及要点。

0分

展示动画。

根据效果及导学案的要求，制作形状补间动画

检验学生对所学的掌握程度并对存在的问题及时指导同时检测学生对知识的运用能力。

分

3提问与作答

在同学问的制作过程中老师发现了一些问题现在与同学们共同探讨一下如何解决

答：展示错误的操作。

学生观看查找，并指出

引导学生对所学的知识大多数同学常出现的问题指出、讲解以便巩固所学的知识。

4分

4、合作探究

教师巡视指导

各组根据导学案的要求制作作品

激发学生合作探究能力，进一步提高所学的知识。

0分

、作品欣赏

教师展示各组选取的flash作品

学生欣赏、体会如何制作。

加强学生分析问题、解决问题的能力同时树立学生学习信心。

6、堂小结

引导学生小结

形状补间制作方法

小结

形状补间制作方法

巩固所学的知识。

3分

7、后要求

展示蜡光祈福动画的效果图，让学生回去好好思考，如何制作蜡光祈福动出来的！

学生对问题后的思考。

培养学生的思考和实践能力

2分

七、板书设计

八、教学效果分析

根据效果图，培养学生的实践能力的同时采用导学案的形式充分发挥学生的自主学习性。结合导学案让学生更好的掌握所学的知识，使之激发学生的兴趣和知识的应用能力。通过小组合作的形式让学生学会合作意识的同时同时培养学生的爱国情怀！

第五篇：Flash动画制作教学设计

Flash动画制作教学设计

一、教学内容分析：

利用多媒体交流信息时，除了文字、声音和图像外，还经常用到动画信息，我们已经感受过动画在描述动态事物时的生动、形象和真实，本课内容是计算机动画制作的总结课，让学生了解 Flash 动画制作的原理，体会并理解 Flash 中的几种动画区别及制作的过程，突出 Flash 动画制作的过程，教学中培养学生的动手能力和创新意识，同时增强学生的信息素养。

二、学习对象分析：

经过信息技术的学习，学生对信息技术产生了兴趣，同时也对flash有了一定的操作基础，并且产生了浓厚的兴趣，本节课可以提高要求，让学生能灵活运用Flash制作动画。

三、教学目标：

（一）知识与技能：

1.了解动画基本原理；

2.掌握Flash动画制作的步骤和方法； 3.尝试制作交互式动画作品。

（二）过程与方法：

1.理解动画原理和制作过程后，能根据自己的意识，创作自己的新作品 2.学会把已经掌握的知识与技能当做学习工具，帮助自己学习新的知识和新的技能。

（三）情感、态度与价值观：

追求完美的媒体技术，融合个人审美情感，增强自身的学习态度，培养对Flash动画制作的兴趣和探究欲望。

四、教学重点:

掌握Flash动画制作的步骤和方法。

五、教学难点:

灵活运Flash制作动画。

六、教学方法及策略: 采用任务驱动模式教学，教师启发式讲授原理部分，学生自主探究，上机演练，最后通过讨论分析、归纳总结各类动画的制作方法。

七、教学过程：

（一）导入：

Flash 是一种矢量图形编辑和交互动画创作的工具软件，主要应用于网页动

画制作、教学课件、广告创意等。Flash作品更是网络动画作品的主流。

（二）新课： 1.基础知识

1.1 动画原理

光的影像一旦在视网膜上形成，视觉将会对该光像的感觉维持0.05至0.2秒的暂留时间，这种现象被称为“视觉暂留”现象。动画原理便以人眼的“视觉暂留”特性为基础，通过快速更换静态图像，利用“视觉暂留”特性而在大脑中形成图像内容连续运动的感觉。计算机动画的原理与传统动画基本相同，只是计算机能够自动生成中间帧。

1.2 传统动画制作

传统动画是由美术动画电影传统的制作方法移植而来的。它利用了电影原理，即人眼的视觉暂留现象，将一张张逐渐变化的并能清楚地反映一个连续动态过程的静止画面，经过摄像机逐张逐帧地拍摄编辑，再通过电视的播放系统，使之在屏幕上活动起来。

传统动画有着一系列的制作工序，它首先要将动画镜头中每一个动作的关键及转折部分先设计出来，也就是要先画出原画，根据原画再画出中间画，即动画，然后还需要经过一张张地描线、上色，逐张逐帧地拍摄录制等过程。

1.3 电脑动画制作

电脑动画制作过程，是设计师通过计算机设计角色造型，由动画师按照剧情绘制出若干幅静态的关键性动作图像画面，然后由计算机按照一定的不差规格自动生成其余画面，再利用动画生成动画作品的一个过程。

1.4 动画基本概念

1.时间轴

时间轴是编辑、加工动画的流水线，其最重要的成分是帧、图层和播放头。2.帧

时间轴上的小格子就是帧，它是构成动画作品的基本单位。关键帧：实心圆圈的方格（按F6键可插入关键帧）。空白关键帧：空心圆圈的方格。3.图层

可理解为多张透明的幻灯片按一定的顺序叠放在一起。

4.舞台

Flash窗口中间的白色区域叫做“舞台（Stage）”。

舞台是对动画中的对象进行绘制、修改的场所，也是观看作品的场所。通常只有处于舞台上的对象才能在动画播放时显示出来。

5.工作区

舞台及周围的灰色区域叫做工作区。

6.元件

是以重复利用为目的制作出的对象，它可以是Flash动画中一个独立元素，也可以是组件，包括文字、图形、按钮、影片剪辑等。

7.库（Library）

可以被认为是存储元件的文件夹。在库中存储的元件无论何时都可以被调用。

8.影片（Movie）

就是一个完整的动画作品，它可以包括一个或多个场景的动画。

9.场景（Scene）

源于戏剧和电影，原指舞台布景构成的一个场面或环境。Flash中的场景指的就是一段动画。场景是组成影片的单元。

1.5 用Flash制作动画

活动1：使用Flash编辑GIF动画

创建新文档，选择“文件-导入-导入到舞台”，导入在网上搜索的GIF动画。时间轴上会出现GIF动画的帧序列。

使用工具箱中的“选择工具”、“文本工具”编辑、修改动画。

活动2：制作“种子发芽”的逐帧动画

新建Flash文档，选择“插入-时间轴-空白关键帧”插入12个空白关键帧。

1：绘制图形

单击时间轴的第1帧，使用“铅笔工具”画出种子的轮廓，并为种子填充颜色。

选择空白关键帧，分别绘制各个萌芽阶段的“种子”图形。2：播放测试

按下Ctrl+Enter键，测试动画的播放效果，完毕后回到动画编辑窗口。修改文档属性，改变“帧频”数值。播放测试，观察变化。3：保存与发布 选择“文件-导出-导出影片（Export Movie）”，在“保存类型”中选择“Flash影片（*.swf）”，将动画导出为SWF格式的文件。双击该文件，可以直接播放。这种格式的文件不能用Flash直接编辑。

选择“文件-保存”，将文件保存成FLA格式，这种格式的文件是Flash工程文件，能直接编辑。通常制作的动画除了发布为SWF格式为，还需要另外保存一份FLA格式文件。

活动3：制作“倒计时”动画

制作“倒计时”动画，由“9”变到“0”，共需10个静态的动画，即10帧，每一帧一个数字。

新建Flash文档，输入数字“9”，并在属性面板中设置文字相关属性。选中第1帧，选择“窗口-设计面版-对齐”，选择“水平居中对齐”和“垂直居中对齐”，使字符“9”处于舞台的正中间。

选中第2帧，插入空白关键帧，输入数字“8”。按照同样的方法，分别制作另外字符的帧。

播放测试并保存作品。

（三）讨论：

活动2中修改文档属性，改变“帧频”数值。播放测试，观察变化。活动3中怎么改变倒计时的显示位置。

（四）作业：

1.自己动手制作倒计时。

2.自己完成种子发芽的过程。

八、教学反思：

本堂课内容理论较少，重点在于掌握图层的基本操作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。