补间形状动画素材
制作形状补间动画- 文字设计师
3通过平日课堂教学的观察，学生对贴近于自身经历的事情是非常感兴趣的，并且乐于使用信息技术来表达想法，并且注重同伴和教师的看法，愿意分享学习经验，所以采用小组协作，分层的教学手段。
所运用的教法与学法有：任务驱动法小组合作法讨论法演示法。
以“学生自学”为主，“任务驱动”的为主导教学模式,激发学生的学习兴趣，内容设置由浅入深，循序渐进，围绕知识点展开，教师适时点拨，讲解为辅，着重渗透理念。
自主探究、小组合为主线，学生共同完成学习任务，达到让学生真正手动、脑动,自主解决问题的过程中逐步掌握形变动画的制作方法，形成对知识的重新建构。
天津市中小学信息技术课程教学设计案例
设计日期：2014年10月19日
教案名称
制作形状补间动画-文字设计师
课时
1
一、教材内容分析
实现文字的变形效果，学会制作形状补间动画，本课是本单元学习的重点。
二、学生分析
1中国传统汉字文化的继承与发展，在学校活动中也一直也有体现。我校开展了大量的活动，例如书法社团，校内文化墙，班级读书活动，说故事、演讲、征文比赛，好词好句的漂流瓶编纂等等。活动丰富多彩，取得了很好的效果。所以我也在考虑如何在信息技术课堂上来帮助学生了解汉字，走进汉字，热爱中国文化，推进学生的人文发展。
教师针对性地来展示学生作品，引导学生利用已有知识经验，进行对比鉴赏，以此来提出改进需求：使作品变化的更加规则和细腻。
教师演示添加形状提示点，实现需求的完善方法。
信息技术 冀教版八年级全一册第一单元教案设计：第二课 创建补间动画
第二课创建补间动画Flash除了可以创建逐帧动画外，还可以创建补间动画。
补间动画又包括形状补间动画和动作补间动画。
本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。
本课建议课时1课时。
1.了解形状补间动画：“形状补间动画”是补间动画的一种。
在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。
在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。
在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。
2．绘制图形——混色器面板的使用：在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。
关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。
3．创建形状补间动画：在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。
如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。
4．使用“形状提示”制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。
在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
在制作复杂的变形动画时，形状提示的添加和拖放要多方位尝试，每添加一个形状提示，最好播放一下看看形变效果，然后再对形变提示点的位置做进一步的调整。
信息技术说课(PPT)
重点与难点
教学重点
“形状补间”动画的制作方法。
教学难点 创建影片剪辑的方法，理解影片剪辑的意义。
教法分析
针对学生年龄特征，这节课我将采用以下 教学方法：理论讲解、演示操作、任务驱 动、学生自主学习、启发引导等有机结合。 同时采用半成品加工策略，提供一些素材， 让学生直接制作，提高学习的效率。
学情分析
设计理念：通过协作学习培养学生的合作精神，通过 自主学习培养学生自学能力，为进一步学习打下基础， 通过作品评价提高了学生鉴赏能力与审美水平。
坡度练习
教师出示本节课的探究任务：将动画“旋转的风车”中的风车做成影片剪辑，从元件 库中反复将风车元件拖动到场景，并调整其大小和位置，这样就能在场景中方便地 加进多个旋转的风车，使画面更为丰富。学生实践操作，遇到问题相互讨论。教师 巡视，帮助学生，对于共有的问题给与点评。教师请学生演示，鼓励学生上台操作。 通过学生自评和互评，及时反馈学生的完成情况，提高学生的审美与表现力。
教学过程 设计
说课内容
教法分析
教材分析
教材分析
本教材以知识和技能、过程和方法、 情感态度教价值观的总结、归纳和提升 为手段，从学生学习生活与社会实践 的需求出发，以“信息获取评价→加 工表达→发布与交流→存储与管理” 为主线，突出将学生信息技术的学习 融入日常生活与实践中去，提升学生 信息素养。
设计理念：让学生对形状补间动画的制作过程有系统 的认识。通过教师演示、参考学件相结合的方法让学 生独立完成形状补间动画的操作，培养学生正确的学 习方法。
梳理归纳
引导学生总结“形状补间”动画的主要制作步骤， 教师进行适当点评。
（1）在一段动画的起始帧插入关键帧，在起始帧 的场景中编辑对象。
《第4课 变相怪杰——创建补间形状》教学设计教学反思
《变相怪杰——创建补间形状》教学设计方案（第一课时）一、教学目标：1. 掌握创建补间形状的基本步骤和方法。
2. 学会应用形状工具进行图形编辑。
3. 理解并掌握动画制作的基本原理。
二、教学重难点：1. 教学重点：熟练掌握创建补间形状的步骤，能够准确应用形状工具进行图形编辑。
2. 教学难点：通过实际操作，理解动画制作的基本原理，掌握创建补间形状的技巧。
三、教学准备：1. 准备教学PPT，包含相关图片和动画示例。
2. 准备计算机教室，确保网络和硬件设施正常。
3. 准备学生用教材和练习素材。
4. 提前安装所需的软件，如Flash、图形编辑工具等。
四、教学过程：（一）情景导入1. 教师展示一张变相怪杰的图片，引导学生思考这是什么，它有什么特点。
2. 教师引出补间形状的观点，并简要介绍其作用。
3. 教师提出本节课主题：变相怪杰——创建补间形状。
（二）新课展示1. 教师演示一个简单的创建补间形状的例子，让学生观察并思考其中的步骤。
2. 教师详细讲解创建补间形状的步骤：（1）选择起始和结束的关键帧；（2）创建形状；（3）设置属性；（4）创建动画。
3. 教师引导学生尝试自己动手操作，并在过程中给予指导。
4. 教师针对学生操作过程中出现的问题进行集中讲解。
（三）实践操作1. 学生根据教师讲解的步骤，自己动手创建补间形状动画。
2. 学生可以在操作过程中向教师提问，寻求帮助。
3. 教师巡回指导，及时解决学生遇到的问题。
（四）效果展示1. 挑选几个有代表性的作品进行展示，并邀请作者进行讲解。
2. 师生共同点评作品，提出改进意见。
3. 鼓励学生在课后继续完善作品，并尝试创作更有趣的动画。
（五）小结作业1. 教师对本节课内容进行总结，强调创建补间形状动画的关键步骤和注意事项。
2. 安置课后作业：让学生尝试创作不同类型的补间形状动画，并分享自己的作品。
教学设计方案（第二课时）一、教学目标1. 学生能够熟练掌握创建补间形状的基本操作，包括选择工具、变形工具、调整属性等的应用。
《创建时间轴动画》PPT课件
1 藤蔓式填充
2 网格填充
3 对称刷子
网格填充
• 单击“Deco工具”按钮，在属性面板的 “绘制效果”选项卡中的下拉列表中选择 “网格填充”模式，在工作区中单击鼠标， 则图案将以网格的方式填充整个区域。
对称刷子
• 选择“Deco工具”，在属性面板的“绘制效果”选项卡 中的下拉菜单中选择“对称刷子”模式，在工作区中单 击鼠标，则图案将以对称的形式填充整个区域。在工作 区中出现一个轴线，同时在属性面板的“高级选项”选 项卡中的下拉菜单中提供了4种模式，选择不同的模式， 图案的对称形式和调整形式也会有所不同
⑤再次按F7键在时间轴的第4帧上新建一个关键 帧，然后将画有昕昕微笑表情的元件“head” 拖到舞台上，然后单击“任意变形工具”按钮 将元件“head”旋转一定角度。
⑥用鼠标右键单击舞台空白处，将帧频改为5fps。 按Ctrl+Enter组合键预览动画效果，即可形成一 个昕昕微笑点头的动画效果。
⑦选择“文件”|“保存”命令将该fla文件保存。
过”、“按下”、“单击”。 • 影片剪辑元件 ：本身就是一段小动画，可以包含交互控制、声音甚至嵌套其他影片剪
辑的实例，是用途和功能最多的元件。
建立元件
建立元件的方法
将现有的矢量 对象转换成元 件 （快捷键：F 8）
使用元件编辑 模式建立元件 （快捷键：Ct rl+F8）
复制元件
• 创建元件后，用户可以在文档中重复使用它的实例，并修改单个实例的以下实例 属性，而不会影响其他实例或原始元件。
步骤详解
④选中扇片图层第1帧，再按住Shift键同时单击第18 帧即可全选所有关键帧。然后右击鼠标出现快捷 菜单，选择“复制帧”命令。在第30帧处右击鼠 标出现快捷菜单，选择“粘贴帧”命令，即可把 第1~18帧内容复制到第30~47帧处。在第30~47帧 全选中的情况下右击鼠标出现快捷菜单，选择 “翻转帧”命令，把第1~18帧的状态翻转过来。 在第60帧右击鼠标出现快捷菜单，选择“插入帧” 命令进行延时。
八下第七课 简单的动画补间动画
（4）创建动画：在第1至60帧中间的任意选中一帧：右击——创建补间动画；或属性面板：“补间“选项选择为“动画”。
教师示范：制作飘动的白云。重点强调：（1）制作动画补间动画前一定要将图片转化为元件；（2）元件转化的方法；（3）两个关键帧关键状态的建立，并强调为起始关键帧为同一对象。
明确学习任务——制作一幅“春天的律动”的动画作品。
设计目的：让学生直观感受动画的魅力与视觉冲击力，引发学生创建动画的兴趣。
【讲授】（二）认识补间动画——补间动画原理（4分钟）
（展幻灯片2）
师述：描述补间动画在制作动画作品中的重要性。
（1）分析补间动画原理；播放“小鸭戏水.fla”动画，分析小鸭图层，引出补间动画的原理。补间动画原理：两个关键帧，一个起始关键帧，代表角色的起始状态；一个结束关键帧，代表角色的结束状态；中间的动画过程由计算机自动运算而成。
2）故事情节易于用动画形式描绘。
3）先文字剧本的形式描述。
4）故事保存有“春天律动.doc”文件中，并存入自己文件夹内。
设计目的：让学生亲自设计构思一个简单的动画作品，发挥学生动画创作的想象力。
4.收集或绘制动画素材（15分钟）
学生任务：收集或绘制动画作品的场景图片，绘制动画的主角，一个场景的原图。
（1）作品构思：主题确定、剧情设计、角色选定（幻灯片展）
解说：（幻灯片展）
动画片的剧本与电视、电影的有很大不同。动画片剧本中应尽避免复杂的对话，侧重用画面动作讲故事，最好的动画是通过滑稽的动作取胜。越少的台词，能够最大限度的激发观众的想象。
师：以“逼上梁山”动画作品分析讲解。
设计目的：让学生知道动画构思的重要性及关键点，明白构思为动画创建的灵魂。
《FLASH补间动画制作——龟兔赛跑》教学设计
解
由学生在制作过程中出 现问题、发现问题、找 出解决方法，培养学生 的自主性。
1、上传作品，评价赏析
学生回答
2、这一节课制作 FLASH 影片，大家觉得 制作补间动画最关键的地方在哪里，你觉 得下一次兔子会胜利吗？
让学生更加深动画补间 制作的关键之处，并且 对这个故事有所升华， 教育学生不怕失败，一 定要从失败中查找原因 然后才会成功。
拓展任务： 在补间动画 的基础上设 置元件的透 明效果
2、 出示提高任务 2：补间翻转 （1）师：如何从场景 1 转入场景 2 进行编辑？场景 2 中的主要角色是 谁？ （2）师：如果乌龟没有跌倒，那么在
这段路途中乌龟跑步的动画如何制作 呢？
（3）师：乌龟在中途出现了意外，所 以在我们已经制作的动画中，需要加一个 关键帧来强调这一点，那么，这个关键帧 是插入到已经制作好的补间动画的中间 呢还是在这段动画的后面？ 3、 纠错：
基础任务1师过渡为了让大家很好地完成此次电影制学生在老师广播情况电影制作中最重要的环动画补间的一般制作方法作老师提供给大家剧本希望你们研读剧本后能很好地完成任务1出示导学案龟兔赛跑的电影剧本2打开龟兔赛跑的半成品源文件2出示基础任务1补间动画的基本制作方法1师请问我们这个场景1的角色是哪两位如何请它们进入制作的舞台提示gif图片在导入flash库中后是影片剪辑类型2请同学打开龟兔赛跑的半成品源文件下了解下面制作工作的辅助文件的位置并且仔细研读剧本
（1）出示导学案：龟兔赛跑的电影剧 本
（2）打开龟兔赛跑的半成品源文件
学生思索并且回 答。
学生在老师广播情 况下了解下面制作 工作的辅助文件的 位置，并且仔细研 读剧本。
通过师生的对答，了解 经典寓言的故事情节， 提高学生的兴趣
传统补间动画
Flash动画制作篇创建传统补间一、学习目标1、理解补间的概念2、掌握传统补间动画的创作与删除方法3、理解传统补间的补间对象二、探究新知1、传统补间动画概念：从上可知，传统补间动画是改变对象的位置、大小、旋转和倾斜，做出物体运动的各种效果；改变对象的透明度、滤镜及色彩变化的效果，淡入和淡出效果的一种动画。
2、传统补间的创建：在两个关键帧之前的任意部分右击，创建传统补间。
3、传统补间的删除：在补间区域右击，删除补间，即可。
4、传统补间的补间对象：散件、文本、元件注意：散件和文本只能进行位置补间。
而元件能进行位置、旋转、缩放、倾斜、色彩、滤镜补间。
有浅绿色背景填充的实线箭表示。
如果补间动画出错，则会变化成虚线。
5、几种补间类型● 位置补间：从一位置变化到另一位置的动画。
● 旋转补间：元件实例根据指定中心点进行旋转的动画。
● 缩放补间：元件实例的等比例缩放或是不等比例缩放的动画。
● 倾斜补间：元件实例按指定角的方向拉伸或缩进，模拟3Ｄ旋转效果的动画。
● 元件属性补间：描述元件实例在影片中透明度、亮度、色调、高级颜色和滤镜等发生改变的动画。
（选中关键帧，再选中元件对象，这时在属性面板中可以看到元件属性。
）6、补间帧属性：鼠标单击补间中任意帧，属性面板出现的参数。
● 缓动：用于设置不规则运动速度的参数。
如，一物体要做加速度，即运动速度越来越快，这时缓值则设为负值，负得越多，加速度越大；同理，做减速运动，则设为正值。
● 旋转：用于设置动画被单中实例的旋转控制，即在运动的过程中是否做旋转运动及旋转的次数。
过渡帧无旋转 系统随机分配当过渡帧有旋转时，这里可以设置旋转的圈数。
三、实践案例案例制作步骤：（1）打开素材“效果.fla”文件，看看最终的效果图。
我们可以按ctrl+Enter导出动画，来浏览这个动画效果。
我们可以看到星星在闪动、摇动、变色、旋转、淡入淡出，看到鱼游动且越游越大或越小。
综合分析这个动画，我们知道它用到传统补间动画。
活动三 创建补间动画(张老师)
教学内容分析 本节课是“创建补间动画”的第一课时，之前学生已经掌握了flash的基本操作，能够利用flash工具箱中的工具进行图形的设计和绘制；学生通过活动二的学习，了解了帧的类型及功能，初步掌握了逐帧动画的创作,在此基础上学习一种新的动画类型首先要理解补间动画和逐帧动画的区别，明确补间动画是建立起始帧和结束帧的画面，中间部分由软件自动生成。其次要理解哪些动画适用于补间动画来表现，让学生学会区分动作补间动画和形状补间动画是本节课的关键，也是学会制作形状补间动画及动作补间动画的前提。本节课学好形状补间动画的制作，可以为今后学习其他动画类型打好基础。 2学情分析
1、通过前面活动的学习，学生已对动画的原理有了初步的了解，认识并了解Flash的界面，能够制作逐帧动画。有了逐帧动画的基础，学习补间动画相对就简单了，而且学生思维活跃，他们都希望让自己的图形在舞台上真正动起来，体验一下技术带来的动感艺术。 2、从初二学生的认知特点来看，他们爱问、爱动，求知欲强，想象力丰富，对实际操作活动有着浓厚的兴趣，对直观事物感知力较强，正处于从形象思维向抽象思维过度的阶段。因此，在学习过程中，应鼓励学生自己观察，亲自动手操作，进行师生交流、老师指导，共同归纳总结、体验学习。 3教学目标
一、知识与技能目标： （1）了解补间动画的基本原理； （2）了解补间动画的分类及特点。 二、过程与方法目标： （1）能够区分形状补间动画与动作补间动画； （2）学会形状补间动画的制作方法，能够制作简单的形状补间动画。 三、情感态度与价值观目标： （1）通过学习新的动画类型，激发学生的学习兴趣，培养学生的探究能力。 4教学重点、难点
一、教学重点： （1）区分形状补间动画与动作补间动画； （2）制作形状补间动画。 二、教学难点： （1）形状补间动画与动作补间动画的区别； （2）制作“图片类”形状补间动画。 5课前准备
传统补间动画让黑洞旋转起来的操作步骤
传统补间动画让黑洞旋转起来的操作步骤1.确定效果：首先，我们需要确定黑洞旋转的效果，例如，我们可以让黑洞以一个固定的速度不断地沿顺时针方向旋转，这将给人一种黑洞吸引物质的视觉效果。
确定了旋转效果后，我们可以开始制作动画。
2.准备素材：3.创建关键帧：关键帧是动画中的主要帧，它们定义了动画的起始点和终止点。
首先，在制作动画的时间轴上选择帧率，例如每秒30帧，这将决定动画播放的速度。
然后，在第一帧上创建一个关键帧，并将黑洞素材放置在背景图中心，这将是动画的起始点。
接下来，在最后一帧上创建另一个关键帧，并将黑洞素材旋转一周，使其回到起始点。
这将是动画的终止点。
4.添加中间帧：中间帧是在起始点和终止点之间插入的帧，用于创建平滑的转换效果。
我们可以根据动画的时间轴确定需要添加多少个中间帧。
在这些中间帧中，我们需要逐渐改变黑洞素材的旋转角度，使其看起来像在以固定的速度旋转。
我们可以通过旋转图层，或者使用设计软件提供的动画功能来实现。
5.调整帧间补间：帧间补间是动画软件提供的一种功能，用于平滑过渡动画效果。
我们可以选择在关键帧之间自动插入中间帧，或手动调整帧之间的补间。
通过调整帧间补间，我们可以控制动画的速度和缓动效果，使旋转看起来更加真实和平滑。
6.预览和调整动画：完成了以上步骤后，我们可以预览并调整动画。
在大多数动画软件中，有一个播放按钮，可以用于预览整个动画。
如果需要调整动画的速度或其他效果，我们可以返回到时间轴中的相应帧，进行修改。
在预览过程中，可以多次进行调整和修改，直到达到满意的效果为止。
7.导出和保存动画：总结：这些是让一个黑洞旋转起来的传统补间动画的操作步骤。
通过选择合适的素材，创建关键帧和中间帧，调整帧间补间以及预览和调整动画，我们可以制作出一个平滑而逼真的旋转效果。
同时，可以根据实际需求进行增添和修改，以达到更好的效果。