Flash逐帧动画教学设计资料讲解
FLASH逐帧动画教案3
一体化
课程
FLASH动画制作
学习任务
逐帧动画制作
学时数
4
教学班级
计应47
教学时间
2016.4.8
学习任务描述
动画的原理就是利用了人的视觉暂留原理，通过画面快速变化从而产生连续性的视觉。逐帧动画是最基本的动画，也是最精细的动画。
学习目标
1.完成毛笔写字动画和打字机动画效果
2.完成倒计时类动画效果
3.举一反三完成书本上逐帧动画案例
学习内容
FLASH中导入图像，逐帧动画的制作要领
学习重点难点
★重点：逐帧动画的制作
★难点：对齐排列
资源准备
课本、投影仪、计算机、软件
学习评价
自主完成课本上的动画案例
教学反思
1学生面临实习，思绪不太在学习上。通过经典的实例带入，很吸引学生。
教学组织流程
学习活动及课时、上课时间
学习环节及时间
学习内容
教师活动
学生活动
教学方法
教学活动1：
动画原理
0.5课时
体会
为什么静态的画面可以动起来
引导
思考
讲述
教学活动2：
毛笔写字动画
1课时
毛笔字
文本工具的应用与图形转换
橡皮擦工具的使用
演示
跟随操作
演示
教学活动3：
打字机效果
0.5课时
练习
逐帧动画原理
巡视指导
自己思考完成
举一反三
教学活动4：
瀑布动画
1课时
瀑布动画
文件导入到库
对齐排列
பைடு நூலகம்演示
跟随操作
演示
教学活动5：
《Flash逐帧动画》说课稿
《Flash逐帧动画》说课稿.《Flash逐帧动画》说课稿一、教学分析（一）课程分析逐帧动画是制作动画最简单的方法，也是说明动画形成原理最易于理解的方式，本节课是在介绍完绘制图形的基础上，动画制作的第一课，对进一步研究Flash动画制作起到重要作用。
（二）学情分析计算机专业一年级学生已经学过Windows基本操作，掌握了Office系列软件的应用，具备了一定的研究动画制作的研究基础。
学生对动画的形成原理较模糊，影响动画制作方法的掌握。
（三）教学环境分析学生已经能够较熟练地使用教学平台，会上网阅读有关资料，能利用网络自主合作研究。
所以，选择计算机（网络）教室环境中授课。
课前教师把视频研究教程、相关资料和素材库，利用多媒体教学软件发送到每台学生机。
二、教学目标（一）知识目标：了解动画原理，掌握逐帧动画的制作方法。
（二）能力目标：能熟练运用学到的逐帧动画方法制作简单动画。
（三）情感目标：1、培养学生创新的能力。
2.培养学生严谨的学风。
.3.培养学生的团队意识和主动性。
三、教学重点、难点教学重点：逐帧动画的制作方法。
教学难点：帧概念的理解。
四、教学过程通过研究基本原理、帧的概念、四种类型、四种帧操作和五种显示模式，使学生掌握逐帧动画。
教学过程设计如下：1.展示例子，介绍新课。
通过计算机（网络）教室的多媒体演示系统，分别以二种不同帧频展示马奔跑的动画，其中一个是以快的帧频播放，马飞速疾驰而过。
另一个以较慢帧频播放。
请学生对比观察，两个实例有何不同？学生集中注意力观察得出：人眼“视觉暂留”是动画形成的原理后，再导入新课。
整理搜集了大量逐帧动画的素材，用幻灯片呈现出来，学生通过看幻灯片可以知道：几X图片（每X图片均有细微变化）放到一起，连续播放就是逐帧动画，同样道理，逐帧动画也可以分解成为多个画面。
每X画面就是一帧，水到渠成的引出帧的概念，便于学生理解。
设计意图：学生可以通过实例灵活理解动画原理，无需死记硬背。
FLASH逐帧动画制作详解
第四、第五章创建动画一、逐帧动画迪士尼动画，每一帧都由设计者自己确定。
导入一张GIF动画(天使)，在FLASH里就变成逐帧动画，ENTER键，播放。
CTRL+ ENTER键，测试影片，并自动导出SWF播放文件1、关键帧黑色点叫关键帧(F6)，白色点叫空白关键帧(F7)，白色方格叫：帧(F5) 它是延续看见上一帧的内容。
例：比较：1、第一帧，画一红球，第10帧F5（插入帧），把红球油成绿球。
结果：第1—10帧都是绿球。
(1~10帧只有一个球)2、第一帧，画一红球，第10帧F6（插入关键帧），把红球油成绿球结果：第一帧是红球，第10帧是绿球。
(分别有两个球)3、第一帧，画一红球，第10帧，F7（插入空白关键帧），没有球，自己再画一个球（不能保证在原来的位置）右键：可删除关键帧，也可以把帧转化成关键帧2、时间轴的操作移动动播放头，时间轴的选项：最右边按钮，调时间轴显示比例复制帧、粘贴帧，洋葱皮（绘图纸）按钮、编辑多帧按钮例4-1：聚光灯1、第1帧小老鼠A；第2帧小老鼠B2、SHIFT键，选择第1帧和第2帧；复制帧3、选择第3帧，粘贴帧4、时间轴上灯箱的运用：“编辑多帧”按钮（不用一帧一帧地改），SHIFT键选中第3、4帧一齐改向前移位置，再取消编辑多帧按钮，选“绘图纸外观”按钮：可看到1—4帧的模糊外观，调整老鼠的位置。
重复例4-2：打字例4-3：画圆(最后一帧，整个圆，中间帧，擦掉一点，第一帧，一小段)二、形状动画(绿色显示)需要一个起始图象和一个终结图像。
注意：只能是用绘图工具画出来的，或打散的对象。
要在同一层上。
1、操作：例：小球往下越掉越快1、第1帧，红球；2、第20帧，F6，把红球改成绿球；还可以改位置。
3、选择1~20帧，形变：帧面板：补间动画下拉：形状。
扩大：调整速度变化的+100~ -100，负数，球越落越快混合：ANGULAR：角度式，有角的，尽可能保持第1帧的角和直线。
分布式：过渡的时候保持平滑，但可能没有任何规则。
《Flash动画之逐帧动画》教学设计
22秒
4
解决问题
第一步
新建文件、修改舞台大小、绘制圆形
操作步骤录屏作者视频
步骤提示条
4
分
钟
第二步
在对应时间插入关键帧、并修改图形颜色、测试场景
第三部
合成红绿灯的动画效果
5
小结
制作步骤总结
动画
文字列表
20秒
6
问题延伸
根据所学知识，学生课后绘制“飞翔的天鹅”的逐帧动画效果
作者视频
文字列表
2.学习者分析
学生以直观思维为主，形象思维欠缺，认识问题的能力还不高，但学生对动手实训兴趣较浓。学生已基本掌握Flash的形状、变形的工具，具有一定的动画制作基础。
3.教学目标
1、理解逐帧动画的制作原理与方法；
2、会根据需要插入或删除帧。
4.教学策略选择与设计
1．演示法：演示操作步骤。
2. 案例教学法：通过一个红绿灯的动画案例来讲解如何制作逐帧动画的实际的问题，可以提高学生的兴趣及解决问题的能力。
5秒
7
片尾
出现“谢谢观看”文字效果
视频、音乐
10秒
3．启发引导式策略：在演示过程中穿插引导式提问，教会学生如何做，还要让学生思考和领会为什么这样做，培养学生知识迁移的能力。
5.微课环境及资源准备
计算机、摄像头、麦克风
6.教学过程
序号
过程
内容
画面
时间
1
片头
课程名称、课题名称
文字、动画、音乐
11秒
2
新课导入
有红绿灯的动画场景
动画、音乐
15秒
3
引入课题
提出本节课的课程内容，呈现教学目标
FLASH逐帧动画原理说课稿
FLASH逐帧动画原理说课稿一、说教材FLASH是目前国际互联网中应用最广泛的动画，动画的设计和制作是中学计算机专业必修内容。
信息技术学科是学科中最年轻的工具性学科，同时又是知识技能更新最快的学科。
《FLASH逐帧动画原理》这一节是初中信息技术教材FLASH的开始的内容，教学对象是八年级的同学，它是教材关于FLASH这一学科的初步认识，在FLASH的学习中占很重要的地位。
二、说学生八年级学生其中有70%的学生为借读生所以他们的信息技术水平是中等偏下，层次不齐。
对于信息技术，仍然停留在感性的程度，没有从理论的角度进行总结。
在教学中，我通过有效的设置情景，调动学生的学习主动性，进而培养学生的自主学习、团队合作学习精神。
三、说教学目标在FLASH教学中，侧重于学生的理解能力及应用能力的提高，根据学生的认知特点，心理规律，我们把教材中的重点、难点及关键点进行分解。
贯彻学生自主学习的学法进行教育，让学生通过实践操作，来理解掌握本堂课的内容，达到教学目标。
认知目标：理解FLASH基本动画原理，掌握FLASH中帧、关键帧、层的概念。
能力目标：通过对FLASH逐帧动画原理的理解，引导学生对动画的制作的兴趣。
情感目标：利用上机分组操作，培养学生的协作与团队精神教学的重点：FLASH逐帧动画原理的理解。
教学的难点：区分普通帧、关键帧。
四、说教法教法：由于中学生普遍存在理解力不强，动手能力较强的特点，故本堂课是以“学生为主”，让学生主动学，抓住学生的注意力，达到让学生真正手动、脑动这一目的。
取了由浅入深、循序渐进的教学策略，以例子讲解，引发学生思考为主要方法。
五、说教学设计1、复习导入，复习上节的FLASH布局界面，播放简单FLASH 来导入动画原理。
2、教师播放FLASH 《flowe r》，用屏幕投影显示操作，讲解FLASH的动画原理。
3、讲解普通帧、关键帧。
普通帧又分为普通实帧、空白普通帧。
关键帧又分为关键实帧、空白关键帧。
falsh动画——逐帧动画教学设计
第八课 Flash动画的搭建及逐帧动画制作一、教学内容与解析（一）教学内容1．flash动画的搭建2．图层在动画中的作用3．认识动画构成的最小单位—帧4．认识和制作逐帧动画（二）内容解析本节课是由理论知识结合实际操作进行的。
通过对flash影片的播放和学习，让学生了解一个完整的flash影片是如何搭建的，知道图层和帧在flash中的定义及其运用，并能够认识和制作出逐帧动画。
在学习和制作flash动画之前，我们已经学习了动画的原理，为本节课打下了基础，学生已经理解动画的由来，并且能够制作静态的flash动画，本节课的内容就是在此基础上更加深入的了解flash动画。
教学的重点是帧的认识和逐帧动画的原理，解决方法是通过教师讲解和练习，让学生加深对两者的认识。
二、教学目标与解析（一）教学目标1.了解flash动画的搭建方法2．理解图层在动画中的作用是什么，能够对图层进行隐藏和锁定，并学会用新的图层来管理新的对象。
3.理解不同类型的帧及其作用4.了解逐帧动画的原理和特点，并能够制作逐帧动画。
（二）目标解析1.通过对flash影片《叼着肉的狗》播放、讲解，让学生了解flash动画的搭建就是将一个影片分解为不同的场景，在场景中，不同的对象放入到不同的图层中。
2.分别对flash影片《叼着肉的狗》中的对象进行观察，从而得出图层的作用。
3. 认识动画构成的最小单位—帧，就是指flash动画播放过程就是每一帧的内容按从左到右的顺序展现过程，通过设定不同类型的帧，来显示不同的动画效果。
4.了解逐帧动画的原理和特点，并能够制作逐帧动画。
首先通过观看逐帧动画归纳出逐12帧动画的原理，根据教师讲解和演示制作逐帧动画。
三、问题诊断和分析在本节课的教学中，学生可能遇到的问题是混淆帧的类型，产生这个问题的原因是在制作动画过程中，我们设置了不同类型的帧来处理不同的效果，学生就会把各种类型的帧混淆。
为了解决这个问题，我们通过播放flash 影片《恐龙宝宝.fla 》加强对帧的认。
FLASH-逐帧动画教学设计
第四节 FLASH——逐帧动画主备人：教学时间：教学目标:1.创建逐帧动画的几种方法教学2.简单动画的制作方法教学重点与难点:简单动画的制作方法教学方法:演示教学法教学手段与教学媒体多媒体网络教室。
教学课时:1课时教学过程:一、导入：本节着重介绍逐帧动画（FrameBy Frame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。
二、新课教学1．逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧。
1、创建影片文档执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*260象素，【背景色】为白色。
2、创建背景图层选择第一帧，执行【文件】|【导入到场景】命令，将本实例中的名为“**.bmp”图片导入到场景中。
在第8帧按F5，加过渡帧使帧内容延续。
3、导入gif动画新建一层，选择第一帧，执行【文件】|【导入到场景】命令，将本教程中的“****”系列图片导入。
选择【是】按钮，Flash 会自动把gif中的图片序列按序以逐帧形式导入场景的左上角，如图3-2-7所示。
导入的gif动画在场景的上方形成帧帧动画导入后的动画序列，它们被Flash自动分配在8个关键帧中。
4 、调整对象位置5、设置标题文字三、学生按要求完成任务四、教师及时辅导五、课堂小结六、教学反思。
四年级信息技术上册《Flash逐帧动画》教案教学设计
（2）Flash窗口组成部分
①工具箱
②时间轴面板：主要由图层和帧构成，是制作动画的核心。在这里可以设置动画播放的时间和动画效果。
③场景工作区：是制作动画的区域，对动画进行绘制、修改、编辑等。
④属性面板：位于窗口下方，可对设置对象的一些基本属性。如：工具的颜色，粗细、实线、虚线等
（三）制作逐帧动画：海上明月
1.启动Flash，新建Flash文档。
2.绘制蓝色背景
矩形工具（填充色为蓝色），在工作区中拖拽出一个蓝色矩形做为图画背景。
3.绘制皎洁的月亮
新建图层2→椭圆工具，笔触颜色无→填充色为“放射状”渐变（黄色到透明色）
4.绘制广阔的大海
新建图层3→铅笔、平滑→属性面板中颜色“浅蓝色”，粗细为“3”，绘制出大海。
二、学习新知
（一）认识Flash
1.Flash是一个非常优秀的动画制作软件，它以流式控制技术和矢量技术为核心，制作的动画具有短小精悍的特点，所以被广泛应用于网页动画的设计中。
2.启动Flash
单击“开始”→“程序”→“Macromedia” →MacromediaFlash
3.Flash的编辑环境
（1）新建Flash文件
1.了解Flash动画的特点。
2.知道什么是逐帧动画，并尝试做一做。
3.培养学生的探究息道德。
教学重难点
重点：熟悉Flash软件，了解Flash动画的特点。
难点：会制作简单逐帧动画。
教学过程：
一、导入新课
出示一段Flash动画，学生观看。你在哪看到过这种动画，师：这种动画就是利用Flash软件制作的，Flash中文的意思是“闪烁”，制作Flash的高手又被称为“闪客”。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Fl a s h 逐帧动画
教学
设计
Flash逐帧动画教学设计
【教材分析】
本课的教学内容是利用Flash制作简单的“逐帧动画”。
这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。
掌握本节内容可以做出许多生动有趣的动画。
因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。
【学生分析】
由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。
可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。
教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。
【教学目标】
1、知识与能力
1 •知道帧、帧频与关键帧的含义。
2•能够导入静态图片
3 •插入、编辑关键帧。
4.掌握制作“逐帧动画”的方法。
5•学会通过改变帧频控制动画的播放时间。
2、过程与方法
能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。
亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。
3、情感态度与价值观
体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。
【教学重难点】
重点：能够导入静态图片
难点：通过改变帧频控制动画的播放时间
【教学方法】
1•演示教学法：通过在多媒体教室，实际操作演示用Flash制作动画的
过程，活跃课堂气氛，激发学生学习情趣。
2•任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。
既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。
3•案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。
【教学过程】
激趣导入
师：课前，老师将一组马的连续图片按顺序贴在一本书的每页纸的相同位置上。
现在我们一起快速翻动按顺序装订好的页面。
大家看到了什么？
生：一匹马在走动。
师（改变几张图片的位置后翻动）：为什么现在这匹马在跳？
生：因为图片没贴到相同的位置上！
这是一种古老的看动画效果方法，称为“快捷翻书法”。
我们看到的每一幅画面称为一个“帧”。
帧------------ 是进行flash动画制作的最基本的单位，每一个精
彩的flash动画都是由很多个精心雕琢的帧构成的。
我们共同来回顾一下上节课提到的帧主要有哪几种类型？（播放）
关键帧一一顾名思义，有关键内容的帧。
空白关键帧一一空白关键帧是没有包含舞台上的实例内容的关键帧。
普通帧一一在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。
讲授新课
上节课我们下载并观赏了不少Flash动画，同学们想不想自己亲手用Flash制作动画呢？这节课我们就共同来学习“模仿传统手工动画的方式，每一帧都由手工绘制或导入图片完成的动画称为逐帧动画”。
赶快和老师一起用Flash逐帧做一匹行走的马。
（播放）教师提前做好的逐帧动画《行走的马》演示（包含背景图片和背景声音）。
逐帧动画所需要的素材既可以直接在Flash的舞台上绘制，也可以提前准备。
要求是，从第2幅画面开始，每一幅都是上一幅的后续，两幅画面之间有着微小的差别。
动作分解的越细，将来生成的动画就越细腻。
一、导入图片制作逐帧动画
第一步：启动Flash，新建一个Flash文档。
（观察图层和帧）
［当用户新建一个Flash文档后，第一帧是空心圆点，空白关键帧。
除第一帧之外，所有的帧都是空白帧，这些帧只有用户定义了之后才有意义。
］第二步：执行［文件］导入到舞台菜单命令，出现“导入”对话框。
第三步：选定要导入的图片文件horse-1.png，单击“打开”按钮将其导入Flash文档，并显示在舞台上的默认位置。
（观察帧的变化，空心圆点变成实心圆点，成为关键帧）
第四步：执行【插入】-【时间轴】-【空白关键帧】菜单命令，插入一个空白关键帧，模仿第二、三步的操作将后续的一张图片导入该帧。
（教师演示到此，播放操作步骤供学生参照，练习导入多幅静态图片。
）
过渡：动画的所有帧及其包含的图片都导入到舞台后，动画就基本完成了，可以在Flash中播放。
为了获得更好的播放效果，需要对动画进一步的测试和调整。
（播放）二、测试和调整动画
第一步：执行【控制】-【测试影片】菜单命令，进入动画测试状态，以欣赏者的身份观赏动画。
师：怎么样？看到一匹行走的马了吗？祝贺同学们第一步都成功了！
（播放）观赏学生作品一
师：观察作品，有没有不完美之处？
A动画播放偏快，需要进行调整。
（播放）
第二步：在时间轴的帧控制区单击选定第1帧，执行【插入】—【时间轴】—【帧】菜单命令，在第一帧的后面插入一个帧。
［普通帧］
让学生在每个关键帧的后面均插入2个普通帧，使马的走动速度接近实际。
B动画位于舞台的左上角（播放）
学生调整动画的位置，重新测试。
（播放）学生作品欣赏，发现有调整好的，有的调整后图像有“跳来跳去”的现象。
调整好的学生采用的调整方法：
方法一：设置成相同坐标值：这种方法调整精确但非常麻烦，有没有一种即快捷又能精确调整的方法呢？
方法二：使用“绘图纸工具”：（播放）使用绘图纸工具调整的步骤。
学生参照步骤，利用绘图纸工具调整图像的位置，重新测试。
第三步：插入图层，导入背景图片。
［图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。
可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。
如果一个图层上没有内容，那么就可以透过它看到下面的图层。
］
测试作品欣赏，体会成功喜悦！
（播放）创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画
（2）导入gif等序列图像
（3）文字逐帧动画
(4)绘制矢量逐帧动画
第四步：插入图层，导入背景音乐
注意：先将声音文件导入到库，然后再库中将其拖动到舞台中，时间轴出
现波形则表示身音添加完成。
“逐帧动画”特点总结“马的行走”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。
然后将这些关键帧连续播放，就形成了动画效果。
三、任务驱动，学生动手实践
通过老师刚刚的演示，相信同学们对导入图片制作“逐帧动画”已经有了一定的认识，好让我们利用所学习知识，拿起你手中的鼠标和键盘，利用“素材库”制作一个简单的Flash动画，在其中运用所学的逐帧动画的制作方法。
有以下几个选题供选择：
选题一：模仿马行走动画制作
选题二：使用逐帧动画制作一个数字10~1的倒计时小动画。
选题三：制作QC表情
素材存放位置：学生机D盘根目录下“初二素材”文件夹内。
(学生可自备素材，自由创作)
四、展示作品，师生互评
选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。
充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。
作品相互的展示交流，互评互进，取长补短。
五、小结：
这节课我们共同学习了导入静态图片制作逐帧动画，除了导入静态图片
外，还可以导入序列图像、输入文字或手工绘制来制作逐帧动画，由于逐帧动画对画面一帧一帧地处理，所以具有非常大的灵活性，几乎可以表现任何想表现的内容。
希望同学们勤加练习，大胆实践，制作出更多更好的优秀的作品。