flash形状补间
Flash 补间形状、补间动画、传统补间的主要区别
Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46)转载▼分类：平面动画设计(Flash)区别补间形状（形状补间动画）传统补间（动作(动画)补间动画）补间动画在时间轴上的表现淡绿色背景有时实心箭头淡紫色背景有实心箭头淡蓝色背景组成矢量图形（如果使用图形元件、按钮、文字，则必先打散，即转化为矢量图形）再变形。
元件（可为影片剪辑、图形元件、按钮等）或先转化为元件注：非矢量图形（组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等）皆可，但元件能修改的属性参数比较多，因此建议统一为：元件同左效果矢量图形由一种形状逐渐变为另一种形状的动画。
实现两个矢量图形之间的变化，或一个矢量图形的大小、位置、颜色等的变化。
元件由一个位置到另一个位置的变化。
实现同一个元件的大小、位置、颜色、透明度、旋转等属性的变化。
同左关键Ø插入空白关键帧Ø首尾可为不同对象，可分别打散为矢量图Ø插入关键帧Ø首尾为同一对象。
先将首转为元件再建尾关键帧。
属性的改变：位置--选中，移；其他属性--选中元件，在此元件实例属性面板中改属性Ø只需首关键帧即可对首关键帧应用“补间动画”特性可实现动画滤镜（让应用的滤镜动起来）。
可以利用运动引导层来实现传统补间动画图层（被引导层）中对象按指定轨迹运动的动画。
可实现动画滤镜（让应用的滤镜动起来）。
注意：在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形，矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。
利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。
在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。
Flash形状补间动画
Flash形状补间动画
本例主要学习内容：形状补间与动画补间的综合运用。
一、建新文档，把背景设为蓝色。
(背景色随意.为了多一个色系使用,做好后我把文档背景改为白色)
图1
二、显示网格
图2
三、制作成图片元件。
（swf、wmf、ai、eps格式图片打散后都可以制作形状补间）
1、点文件-导入-导入到库，把准备好的图片导入。
图3
2、点插入--新建元件，建一个影片剪辑，名：元件1，把图1库里拖出，在属性面版里将图1尺寸改为280x280，打开对齐面版，居中对齐。
（注意：修改图片尺寸的时候要注意不要把图片拖拉变形得太离谱）。
图4
3、回到埸景1（点埸景1）点插入--新建元件，建一个影片剪辑，名：元件2，把图2从库里拖出，在属性面版里将尺寸改为280x280，打开对齐面版，居中对齐。
用同样的方法把所有的图片建成影片剪辑元件3、元件4、元件5......
图5。
计算机应用动画设计flash CS6补间形状动画课件PPT
角形：创建过渡帧中的图形更多地保留了原来 图形的尖角或直线的特征。
5、形状补间动画和运动补间动画的区别
区别之处
动作补间动画
形状补间动画
在时间轴 上的表现
淡紫色 背景加长箭头
淡绿色 背景加长箭头
组成元素
影片剪4、辑形按、状钮图补间形动元画件和、运动补间动形件画请状、替的换区，按文字别如钮内容果、使文用字图，形则元必 先打散再变形。
2）右击开始关键帧和结束关键帧间的任何一帧，在 弹出的快捷菜单中单击“创建补间形状”菜单项。
3）单击开始关键帧和结束关键帧间的任何一帧，单 击“插入—时间轴—创建补间形状”菜单项。
4、属性面板
(1)缓动：控制形变快慢（-100—100） 正数表示先快后慢，负数表示先慢后快，零值
表示动作匀速变化 (2)混合
按钮、文字或位图的话,首先必须打散。 （3）形状补间动画在时间帧面板上的表现
形状补间动画建好后，时间帧面板的背景色变为 淡绿色
2、形变动画分类 a、形状改变 b、颜色渐变 c、位置变化 d、大小变化 e、透明度变化
3、创建补间形状动画的方法：
1）选择开始关键帧和结束帧间的任何一帧，在“属 性”面板设置。
完成的作用 实现一个元件的大小、
请替换文字内容
实现二个形状之间的变
位置、颜色、透明等的变化。 化，或一个形状的大小、
位置、颜色等的变化。
6、形状提示点的作用 在“起始形状”和“结束形状”中添加
相对应的“参考点”，使Flash在计算变形 过渡时依一定的规则进行，从而有效地控制 动画的渐变过程及动画效果。
注：添加形状提示的技巧
1）“形状提示”可以连续添。 3）形状提示要在形状的边缘才能起作用。
FLASH形状补间动画
《Flash动画制作》课程教案基本说明课程名称：形状补间动画授课时间：10分钟课时：1课时课型：新授课（理实一体）授课班级：22电子商务班课题出处：《Flash动画制作》第五章教学目标知识与技能目标：了解什么是形状补间动画，掌握形状补间动画的基本制作方法，并能运用于实际案例中。
过程与方法目标：通过实践、练习的学习过程，提升对FLASH的应用能力。
情感、态度与价值观目标：体验动画在自己手中诞生的成就感，引发学习兴趣与学习主动性。
教学重难点教学重点：掌握制作形状补间动画的要点。
Ctrl+B打散（分离）教学难点：补间形状的创建条件、图形必须是散体。
教学方法：讲授法，案例教学法，练习法，任务驱动法教具：多媒体，电脑软件FLASH，课件PPT教学过程一、导入新课案例导入播放逐帧动画案例，这个是我们之前学习的逐帧动画，逐帧动画比较单一，只有一个场景，一个画面。
再次播放案例，这个动画就比上一个动画丰富，有场景的转换，也有物体的变化，那么大家知道这个是什么动画？形状补间动画，看来大家都有下去预习啊，那么让我们一起拉看一下我们今天要学习的内容——形状补间动画二、讲授新课5.1 形状补间动画基础在Flash的时间轴面板上，在某一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的变形动画被称为“形状补间动画”。
形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，使用的元素多为绘制出的形状，如果使用图形元件、按钮、文字，则必先“分离”后再变形。
创建形状补间动画的条件：创建空白关键帧；两个图形都必须是分离的散体；在中间帧处“创建补间形状”。
5.2 案例-天气变换动画1、打开FLASH文件，查看库里面的三个元件分别是“晴”“多云”“小雨”。
2、回到场景，将图层命名为“天气”，将“晴”元件拖入到舞台左边的位置。
3、点击第10处右键，选择“插入关键帧”以延长“晴”停留时间，点击此层40帧处右键，选择“插入空白关键帧”，将“多云”素材拖入到舞台中间位置。
教学案例《Flash创建形状补间动画》
【学习提高】
对于学有余力的同学可以参照书本158页的“探究过程”进一步美化、丰富自己的作品。将完成的作品提交到教师机。
提示：step2：创建影片剪辑；（——重点讲解，理解影片剪辑的意义。）
Step3：插入帧；
Step4：属性设置中，设置“形状补间”动画。
Step5：提醒学生操作要认真、仔细，掌握设置图形变化的方法。
教学活动4
【学生演示】【矫正反馈】
请小组代表演示“盛开的小花”操作过程，老师和学生共同对他的操作做评价，表扬操作熟练的学生，对于操作失误的及时给予纠正。
2.创建影片剪辑的方法，理解影片剪辑的意义。
教学资源
《Flash创建形状补间动画》教学过程描述
教学活动1
【展示、导入】
1、展示上节课学生制作的部分优秀作品“旋转的风车”动画，进行交流评价。
展示“盛开的小花”动画。
观察对比：比较“旋转的风车”和“盛开的小花”两个动画，分析他们的动画效果有什么区别？
2、学生讨论回答
学生通过分组讨论学习，尝试操作，寻找合适的制作方法。
老师通过观察，了解学生的思维方向，并做学习引导。
3、引入课题：在刚才同学们的操作过程中，我发现很多同学还是用我们上节课所学的方法来制作“盛开的小花”动画，结果无法完成“盛开的小花的制作，今天我们来一起尝试一种新的动画制作：“形状补间”动画。
教学活动2
学生讨论、回答，师生共同总结：
“动画补间”动画是设置同一运动对象的不同属性，如位置、角度和大小等；
“形状补间”动画是用来制作形状、颜色变化等动画效果。
教学活动6
【作品修饰、完成】
对作品进行最后的完善，完成剩余操作步骤.
【提交作业】【作品演示】
Flash基础教程(形状补间动画实例1)
Flash基础教程-----形状补间动画实例1——庆祝国庆:制作步骤:1、创建新文档执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash 文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×330像素，【背景色】为白色2、创建背景图层执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“节日夜空.jpg”图片导入到场景中，（“节日夜空”图片位置：光盘\example\part3\***\图片\节日夜空.jpg），选择第80帧，按键盘上的F5键，增加一个普通帧3、导入声音文件执行【文件】|【导入】|【导入到库】命令，打开配套光盘中的名为“sound.mp3”的文件，将其导入到库中。
4、创建灯笼形状我们先来画灯笼，执行【窗口】|【设计面板】|【混色器】命令，打开【混色器】面板，设置各项参数，渐变的颜色为白色到红色。
新建一个图层，并将其重新命名为“灯笼一”。
选择工具箱中的【椭圆工具】，设置【笔触颜色】为无，在场景中绘制出一个椭圆做灯笼的主体，大小为65×40像素。
接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8所示设置深黄色到浅黄色的【线性】渐变填充。
从左到右三个填充色标的颜色值分别为：#FF9900、#FFFF00、#FFCC00选择工具箱上的【矩形工具】，设置【笔触颜色】为无，绘制出一个矩形，大小为30×10像素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7×10像素，作为灯笼上面的提手。
最后用【线条工具】，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。
如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。
5、复制粘贴四个灯笼复制刚画好的灯笼，新建三个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置，使其错落有致地排列在场景中。
在第20、40帧处为各图层添加关键帧6、把文字转为形状取代灯笼选取第一个灯笼，在第40帧处用文字“庆”取代灯笼，在【属性】面板上，设置文本类型为【静态文本】，字体为【隶书】，字体大小为60，颜色为红色。
Flash8制作形状补间动画
图5-7 创建补间动画
7、使用相同旳措施，在第20帧、第40帧两处分别创建形状补间动 画。
8、按Ctrl+Enter 快捷键测试播放影片，观看这个由小圆成长为一 片绿叶，再枯黄，再凋零旳动画。
9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【 缓动】为“－100~100”之间不同旳值，然后分别测试影片，观 看树叶凋谢动画旳速率变化 。
图5-45 设计思绪及效果
1、素材准备。 （1）新建一种Flash文档，文档全部属性使用默认参数 。
请同学们在老师旳带领下对形状补间动画旳创建措施和原理 进行进一步旳熟悉，并跟随下列要求进行操作训练 。
1、新建一种Flash文档，然后利用【椭圆】工具在舞台上绘制一种 圆形，并在【属性】面板中设置圆旳颜色为“#00FF00”，宽高 为“7px×7px”，如图5-3所示 。
2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如图54所示。
。当建立了一种形状补间动画后，单击时间轴，其【属性】面板如 5-2所示。
其中经常使用旳选项有如下两种 ： （1）【缓动】选项 。在【缓动】选项中输入相应旳数值，形 状补间动画则会随之发生相应旳变化 。（2）【混合】选项 。在【 混合】选项中包括“角形”和“分布式”两个参数。
5.1.2 范例解析（一）──创建形状补间动画练习
2、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源 中旳“素材\第5讲\魔幻扑克\魔幻扑克-素材.fla”文件打开，将 外部库里旳元件和图片复制到目前库中，效果如图5-26所示。
3、将【库】面板中旳“背景”位图拖入场景中，设置其宽高为 “500px×353px”，并相对舞台居中对齐，效果如图5-27所示 。
叶片2 叶片6
第5课神奇的变化——制作形状补间动画课件
注意
补间动画的对象最好是绘制的图形，如果要使用 图形文件、按钮或文字作为变形的对象，则必须进 行“分离”操作，也叫“打散”。 元件和文字被打散后就变成图形了。 第一次分离后，词组分离成单个的文字，要经过 第二财分离才能换成图形。
表示动画设置失
败，必须找出原因。
步骤二： ➢选中对象，按“修改”菜单中的“分离”选项 （也可单击对象，鼠标右击选择“分离”选项）
➢第一次分离后，词组分离成单个的汉字 ➢第二分离后文字转换成图形
制作文字变形的形状补间动画
步骤三： ➢单击帧面板的“属性”按钮 ➢在“补间”栏下拉框中选择“形状”
最后文件另存为“文字变形.fla”， 按<Ctrl>+<Enter>组合键测试动画 影片，仔细视察文字变化效果。
请观赏
课堂练习
➢新建Flash文档 ➢制作文字形变动画 ➢测试动画效果 ➢保存作品为：文字形变+学号.fla
小结
一、形状补间动画 二、文本输入文字 三、创建关键帧 四、分离
神秘的变化——制作形状补间动画
♦ 制作文字变形的形状补间动画
什么是形状补间动画
补间动画是Flash软件的一大特点，它需要建立两个关键 帧，然后再两个关键帧之间插入若干普通帧，动画效果由 关键帧决定。Flash会自动根据两个关键帧之间的图像差 别和关键帧之间的普通帧数量，计算生成过渡的动画效果。
补间动画分为：形状补间动画和动作补间动画。
形状补间动画也叫“变形动画”，它的作用是生成一个 形态到另一个形态的变化，这个形态可以包括形状、大小、 位置、颜色。
制作文字变形的形状补间动画
步骤一：
➢新建Flash文档 ➢单击 工具，在第一帧输入文字“welcome” ➢设置字体、字号、颜色等 ➢在20帧出插入一个关键帧，修改文字为“欢迎你”
flash“形状补间”动画教案(精)
flash“形状补间”动画教案(精)第一篇：flash“形状补间”动画教案(精)Flash“形状补间”动画教案学科名称：计算机班级：初二八班课时：一节课一、教学目标：1、知识与技能：（1）掌握形状补间动画的制作方法（2）掌握实例属性的设置（3）了解组合与打散的概念2、过程与方法：通过“圆变方”等动画的制作，掌握形状补间动画的一般制作方法。
3、情感态度与价值观：通过动画的制作，进一步激发学生学习动画的积极性，培养学生自主探索的精神.二、教学重点：掌握形状补间动画的制作方法。
三、教学难点：1、能够对实例属性进行设置2、将组合实例打散的方法四、教学方法：演示法、任务驱动法五、教学媒体：计算机六、教学过程：1、创设情境，导入新课教师播放一个简单的“圆变方”形状补接动画，提问，导入新课。
设计意图：激发学生的学习兴趣。
2、新课教学（1）.先让学生建个自己的文件夹（2）. 演示并逐步教“图形变形”动画，一一制作动画，让一个愿变成矩形① 启动flash，选定“椭圆工具”，用适当的颜色在舞台上画一个圆② 单击“时间轴”面板中的第1帧，在“属性”面板中单击补间框，打开下拉列表，再单击其中的“形状”选项，把补间类型设置为形状③ 单击“时间轴”面板中的的50帧，执行“插入、空白关键帧”命令，（或F7）插入空白关键帧④ 选定“矩形工具”，在舞台中画一个矩形⑤ 仿照第2步到第4步操作，在时间轴面板的第2022入空白关键帧，画一个三角形⑥ 敲回车键，播放动画，观看效果⑦ 保存文件到自己的文件夹3、巩固练习让学生掌握图形变形之后，尝试着把图形变为文字（可以是自己的名字），发现其中的问题并解决问题（期间讲解使用文字工具制作的文字不能直接做形状补间动画的原因，并提出“打散”与“组合”概念）。
七、备注：1. 在形状补间动画的起始关键帧和结束关键帧之间，会显示一条带箭头的浅绿色背景的直线，表名在两个关键帧以及他们之间所有帧生成了一个形状补间动画2．关键帧中图片、文字等元件的分离操作是“形状补间动画”制作的关键第二篇：flash教案补间形状动画三(精)补间形状动画【课时】 3课时【教学目标】一. 知识目标 1．熟练形变制作； 2．能看懂设计原理； 3．能根据需进行形变动画的设计创作；二. 能力目标1．培养学生观察的能力，发展学生的动手实践能力；2．建立探求规律和分析解决问题的能力，促进学生个性发展；三. 德育目标培养学生互帮互助的精神；【重点难点】重点：元件中形变与舞台中形变的区别与联系。
Flash入门教程补间形状动画制作精品PPT课件
补间形状动画的属性设置
平滑度
控制动画的速度和流畅度，平滑度越高， 动画的速度越慢。
缩放和旋转
可以对元素进行缩放和旋转，产生更加复 杂的变化效果。
方向
设置形状、色彩或位置变化的起始和终止 方向。
调整关键帧
可以通过调整关键帧的位置、持续时间等 参数来控制动画的过程。
04
补间形状动画制作进阶
多个形状的补间动画
03
补间形状动画制作初步
补间形状动画的概述
补间形状动画概念
补间形状动画是Flash中一种基本的时间轴动画，通过在两个 关键帧之间创建补间，可以产生形状、色彩和位置等属性的 变化。
补间形状动画特点
补间形状动画可以在两个关键帧之间快速、平滑地过渡，同 时可以应用多种变化效果，使得动画更加丰富和生动。
补间形状动画的创建步骤
创建关键帧
选择元素
在时间轴上创建两个关键帧，用于定义动画 的起始和结束状态。
选择要创建补间形状动画的图形、文本或元 件等元素。
添加属性
创建补间
在属性面板中选择要变化的属性，如大小、 位置、颜色等。
在选择的关键帧之间单击鼠标右键，选择“ 创建补间形状”，然后选择属性面板中的属 性进行动画设置。
制作流程
在Flash中创建多个场景，使用补间形状动画功能，设置动画 时间轴和帧频，调整场景中的元素属性和位置，添加转场效 果和音效，最后导出SWF文件。
06
总结与展望
Flash补间形状动画制作的要点
掌握Flash补间形状动画的基本原理和制作步骤
理解关键帧的概念及使用方法
熟悉时间轴的使用及图层管理
果，同时考虑灯光和阴影等细节的处理。
05
综合实例
FLASH CS4 补间形状
FLASH CS4 补间形状形状补间动画是将时间轴中创建两个不同形状对象的之间的变化过程。
例如，在时间轴的某一关键帧上绘制一个形状对象，在另一关键帧中改变该形状或者绘制另一个新的形状对象。
然后，Flash将自动在这两帧之间的帧上插入中间形状，从而创建一个形状到另一个形状的变形动画。
例如，时间轴的第1帧，绘制一个“心”形状，然后在第30帧处插入空白关键帧，并绘制“LOVE”文字形状。
在创建补间形状时，Flash将自动计算这两个形状之间的所有中间形状，如图7-27所示。
图7-27 补间形状补间形状最适合用于简单形状，避免使用有一部分挖空的形状。
除了补间形状外，还可以对形状的位置和颜色进行补间。
如图7-28所示对形状的颜色进行补间（左侧为“红色”颜色，而右侧为“黄色”颜色）。
图7-28 补间颜色如果要对元件或者位图图像进行补间，需要先分离这些元件（选择需要分离的对象，按Ctrl+B组合键进行分离操作）。
如果要对文本进行补间，则需要将文本分离两次转换为对象。
如果想要控制更加复杂或罕见的形状变化，可以使用形状提示。
形状提示包含从a到z 的字母（最多可以使用26个字母），用于标识起始形状和结束形状中相对应的点。
起始关键帧中的形状提示为黄色，结束关键帧中的形状提示为绿色，当不在一条曲线上时为红色。
例如，选择形状补间中的第一个关键帧，执行【修改】｜【形状】｜【添加形状提示】命令，起始形状提示会在形状的某处显示为一个带有字母“a”的红色圆圈。
然后，将该形状提示移动至要标记的位置即可，如图7-29所示。
图7-29 添加起始形状提示选择最后一个关键帧，结束形状提示同样会在该形状的某处显示为一个带有字母“a”的红色圆圈。
然后，将该形状提示移动至与第一点相对应的位置，此时结束形状提示转换为绿色的圆圈，而起始形状提示转换为黄色的圆圈，如图7-30所示。
图7-30 结束形状提示起始形状提示使用相同的方法，还可以创建多个形状提示，如图7-31所示。
第5讲3FLASH逐帧动画形状补间动画和动作补间动画的设计.
• 按逆时针顺序从形状的左上角开始放置 形状提示，它们的工作效果最好。
• 添加的形状提示不应太多，但应将每个 形状提示放置在合适的位置上。
-
4.2.3 设置形状提示
图 4 13 添 加 第 一 个 形 状 提 示
图4-14 在结束帧设置形状提示
4.2.4 对形状提示进行操作
图4-15 形状提示的快捷菜单
• 遮罩层中的对象是动态的，而被遮罩 层中的对象是静态的，这样就生成了第二 类动态遮罩效果：透过动态的一个“孔”， 观看后面的静态内容；
• 遮罩层中的对象是动态的，被遮罩 层中的对象也是动态的，这样就生成了第 三类动态遮罩效果：透过动态的一个 “孔”，观看后面的动态内容。这时，遮 罩对象和被遮罩对象之间就会进行一些复 杂的交互，从而得到一些特殊的视觉效果。
图4-18 绘制探照灯
（5）在“文字遮罩”层第50帧单击鼠 标右键，选择“插入帧”命令。
（6）单击“探照灯”层，在第25帧插 入关键帧，用选择工具将渐变的圆形移动 到文字右侧（注意选中“视图”菜单“对 齐”子菜单中的“贴紧对齐”命令）。
（7）在该层第1帧上单击鼠标右键，选 择“复制帧”命令，在第50帧上单击右键， 选择“粘贴帧”命令。
（8）在“探照灯”层第1帧和25帧之间、第 25帧和50帧之间设置形状补间动画。
（9）把“文字遮罩”层拖动到“探照灯” 层上方。
（10）在图层区的“文字遮罩”层上单击右 键，选择“遮罩层”命令，将该层设置为遮 罩层，而“探照灯”层自动被设置为被遮罩 层，同时这两层也被锁定，此时的时间轴窗 口与场景如图4-19所示，动画制作结束。
图4-19 探照灯文字效果的时间轴和舞台
（11）按“”键测试动画。
4.4 实例——海报 扫描效果
形状补间动画
一、补间动画的概念
补间动画——是flash动画中最常见的动
画效果，又叫做中间帧动画、渐变动画。创 建补间动画时，只要建立起始帧和结束帧的 画面，中间部分由软件自动生成，省去了中 间动画制作的复杂过程。
二、补间动画的类型 补间动画包括动作补间动画和形状
补间动画。
三、形状补间动画的概念 形状补间动画也称为“变形动画”，
小结：
1、形状补间动画必须在两个关键帧之间创建； 2、形状补间的形态变化可以包括形状、大小、位 置、颜色等。 3、形状补间动画只能对矢量图起作用。 4、在添加形状提示点之前必须先创建形状补间。
命令：修改--位图--转换位图为矢 量图
一般情况下，形状补间动画的变化过 程是随机的，存在不确定性。通过“添加 形状提示点”功能，可以精确控制变形的 效果，具体操作方法是：首先创建形状补 间动画，接着添加形状提示点（修改--形 状--添加形状提示），最后调整形状提示 点的位置。
删除“形状提示点”的方法 修改--形状--删除所有提示
它的作用是生成一个形态到另一个形态的 变化，这个形态可以包括形状、大小、位 置、颜色等。
任务：
制作由圆变方的渐变动画 (注意：形状补间必须在两个ห้องสมุดไป่ตู้键帧之间创建)
形状补间动画只能对矢量图起 作用。凡是由flash工具箱中的工具 绘制出的图形都是矢量图，而从外 部导入到flash中的图形图片基本上 都不是矢量图，需要进行转换才能 创建形状补间。
Flash-8-形状补间动画详解及实例
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。
本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。
1．形状补间动画的概念（1）形状补间动画的概念在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
（2）构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。
（3）形状补间动画在时间帧面板上的表现形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。
图3-3-1 形状补间动画在时间帧面板上的标记（4）创建形状补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。
2．认识形状补间动画的属性面板Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。
当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。
图3-3-2 形状补间动画【属性】面板形状补间动画的【属性】面板上只有二个参数：（1）“简单”选项在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。
Flash动画5.1 任务一 形状补间动画的基础知识
项目五形状补间动画Flash可以创建两种类型的补间动画：补间动画和补间形状。
本项目我们先学习补间的一种类型：补间形状。
在补间形状中，在一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状。
Flash会内插二者之间的帧的值或形状来创建动画。
通过补间形状，可以创建类似于形变的效果，使一个形状看起来随着时间变成另一个形状，就像《西游记》中孙悟空的“七十二般变化”一样。
Flash也可以补间形状的位置、大小、颜色。
任务一形状补间动画的基础知识（一）制作补间形状的方法补间形状的基本制作方法是，在一个关键帧上绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状。
接着定义补间形状，Flash就会自动补上中间的形状渐变过程。
下面制作一个五边形变成五角星的动画效果。
（1）新建一个Flash CS3影片文档，保持文档属性默认设置。
（2）选择“多角星形工具”，在舞台上绘制一个无边框红色填充的五边形。
如图1所示。
图1绘制五边形（3）在“图层1”的第20帧，按F7键插入一个空白关键帧。
用“矩形工具”绘制一个无边框红色填充的五角星。
如图2所示。
图2绘制五角形（4）选择第1帧，在“属性”面板中选择“补间”下拉列表中的“形状”。
如图3所示。
图3定义补间形状（5）这时，“图层1”第1帧到第20帧之间出现了一条带箭头的实线，并且第1帧到第20帧之间的帧格变成绿色。
如图4所示。
图4补间形状的时间轴面板（6）这样我们就制作完成了一个补间形状动画。
按下Enter键，可以看到一个五边形逐渐变化为五角形。
（7）补间形状除了可以制作形状的变形动画，也可以补间形状的位置、大小、颜色。
选择第20帧上的矩形，将它的填充颜色更改为黄色。
（8）再按下Enter键，可以看到一个五边形逐渐变化为五角形，并且同时图形颜色由红色逐渐过渡为黄色。
（二）补间形状的参数设置定义了补间形状后，在“属性”面板中可以进一步设置相应的参数，以使得动画效果更丰富。
Flash制作形状补间动画学习课程
图5-28 设置大小和位置
图5-29 拖入“红桃2参考图”
第20页/共45页
第二十页，编辑于星期五：十九点 二十五分。
6、根据参考图在各个图层上绘制花色 为“红 桃2”纸 牌各个 部分的 形状， 如图5- 30所示 。
图5-30 绘制红桃2
其中【字体】为“Bookman Old Style”（读者可以设置为自己喜 欢的字 体或者 自行购 买外部 字体库 ）。
第8页/共45页
第八页，编辑于星期五：十九点 二十五分。
5.1.3 范例解析（二）──制作“浪漫绽放”
花是带给人们幸福与浪漫的精灵。 本例将 使用形 状补间 动画来 制作一 个“浪 漫的绽 放”动 画，带 领读者 来一同 体验自 己绘制 出的浪 漫感觉 ，其设 计思路 及效果 如图5- 8所示 。
三、认识形状补间动画的属性面板。 Flash 8的【属性】面板随选定的对象不同而发 生相应 的变化 。当建 立了一 个形状 补间动 画后， 单击时 间轴， 其【属 性】面 板如5- 2所示 。 其中经常使用的选项有如下两种 ：
（1）【缓动】选项 。在【缓动】选项中输入相应的数 值，形 状补间 动画则 会随之 发生相 应的变 化 。（2）【混合】选项 。在【混合】选项中包含“角形”和 “分布 式”两 个参数 。
图5-19 图层效果
椭圆
图5-20 第105帧花瓣形状
第15页/共45页
第十五页，编辑于星期五：十九点 二十五分。
在绘制花瓣的原始形状时，需要将其放 置在花 苞上并 适当调 整位置 ，使得 花开得 更自然 ，也达 到掩盖 花苞的 目的 。
（4）在“花瓣1”图层的第135帧处插 入关键 帧，利 用【选 择】工 具调整 第135帧 处“花 瓣”的 形状如 图5-21所示。 （5）在第105帧～第135帧之间创建形 状补间 动画， 这样一 片花瓣 的生长 过程就 制作完 成。 （6）使用同样的方法在图层“花瓣2” 、“花 瓣3”、 “花瓣 4”、“ 花瓣5” 、“花 瓣6”上 分别制 作其他 5片花 瓣的生 长，完 成花瓣 的生长 动画， 效果如 图5-22所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
能描述删除帧与清除帧的意义。
2、能正确导入素材到“库”，并能对库中的素材进行正确调用、删除等操作
3、理解flash补间动画，能够描述出使用补间动画的大致过程
二、教学内容与安排（即教学顺序的设计）
1、导入：
上次课我们通过使用8张猎豹奔跑时不同形态的图像，来制作一个简单的猎豹奔跑的动画，这种动画叫做逐帧动画。通常情况下，逐帧动画的每一帧基本都需要亲手绘制，如果我们要做一个30分钟的动画，我们可以想象一下，这样的工作量是相当大的。在现实生活中，许多动态的物体在运动过程中往往本身并不发生变化，而只是位置、大小、方位、颜色等发生变化，因此在制作动画时，没有必要把每一帧画面都制作出来，而只需要制作初始帧和终止帧，中间过程可由电脑来完成（例如拍球的动画），这就是电脑动画中最重要的动画制作方式：渐变帧动画。
（4）影片剪辑的使用。
影片剪辑是元件的一种。影片剪辑的使用简化了时间轴的复杂度，对动画的管理也更加轻松和快捷。
为了简化学生的理解和记忆，这节课暂时不讲元件这个内容，只需要让学生能够正常使用影片剪辑即可。这里就让学生联系上一节课的内容，对影片剪辑的操作就仿照对图像的操作来进行即可。
（5）补间动画的使用：
学习
重点
难点
学习重点：
1、“补间动画”概念的理解
2、flash帧的类型的理解
2、补间动画的制作体验
学习难：
“补间动画”概念的理解
flash钟帧的类型的理解
正文板块
一、教学目标（按教学目标的ABCD型式进行叙写）
1、能说出帧的两种类型，帧（普通帧）和关键帧；
能对帧进行以下操作：插入帧，插入关键帧，转换为关键帧，转换为空白关键帧；
课题
FLASH创建补间动画
主备人
赵康
学生
资源
背景
分析
学生接触Flash的学习已经有两节课了，以课上的观察来看，大部分同学的操作是没有多少问题的，说明学生对软件的熟悉使用还是比较快的。就这一节课来看，内容并不多，操作比较简单。但是，“补间”作为新的概念，让学生来理解还是需要花一些精力的，这就要求寻找一些巧妙地例子来讲解。
（2）帧的类型
Flash中帧有普通帧和关键帧两种，普通帧复制前面一个帧的内容，（当然，这个帧后面还有一个普通帧的话，后面这个帧复制当前帧的内容），如果前面一个帧的内容是空白的，则后面的普通帧也就是空白的。关键帧的内容不依赖于其他帧。对普通帧的编辑，实质上是对最终被复制的关键帧的编辑，编辑一个普通帧，所有相关的帧都会被影响。
这里需要变化的有：猎豹的位置和大小；但是，有一个重要的事情：猎豹整个过程必须是奔跑的。这就说明，用简单的图像做动作渐变的方式看来是不行的，所以，我们想到，使用已有的动画进行设计。
2、讲授新课：
（1）属性面板（回顾）
焦点在不同的对象上，对应的属性面板上显示着相应的属性，工作区（舞台）、时间轴、元件、形状等属性面板上对应着不同的内容。
（3）帧的操作：
插入帧（F5），插入关键帧（F6），插入空白关键帧（F7）；删除帧，清除帧（delete）；剪切帧，复制帧，粘贴帧……
插入帧就是插入普通帧；清除帧与删除帧的区别：清除帧是清除帧的内容，使之成为空白帧。
插入关键帧：新建关键帧的同时复制前面一个关键帧的内容。
如果新建帧的时候，操作的帧和原有的帧之间尚未新建帧，则默认在这段中插入普通帧。
自主设计（知识点梳理、拓展迁移等）（课中、课后使用）
鼠标点击两个关键帧中的任意帧，找到属性面板，选择【补间】→【动作】。大概的一个连续奔跑的动画已经初具规模了。再给动画加上一个背景，这个动画就比较完善了。
3、上机实践
……
7、板书设计
三、教学目标检测系统
检测题目程度
指向检测的教学目标
预期达成效果
实际达成效果(定性分析)
基础题：《学案》中的第题
目标1、2、3
（先花2分钟时间演示一下一个圆形位置和大小渐变的过程，让学生有一个印象。）
根据上面我们讲的内容，我们首先新建一个关键帧，在40帧的地方再新建一个关键帧，中间的部分会自动插入普通帧。
现在把我们上节课已经做好的动画“猎豹.swf”导入到库，然后就想操作图像一样，把这个对象拖动到第一帧和最后一帧。在舞台上我们看到的是这个动画的第一个画面。我们调整好这两个“猎豹”的大小和位置（调整大小使用到任意变形工具），也就是调整好猎豹的起始和终止画面。
%以上学生完成
中等题：《学案》中的第题
目标1、2
%学生完成
拔高题：《学案》中的第题
目标4、5
%学生完成
问题诊断：
补救措施：
记
录
板
块
同伴传阅手记
教研组长审阅手记
教改小组审阅手记
执教者授后手记
学生自主学习板块（即学案）
课前预习设计（习题、问题设置等）
教学目标检测（习题形式）（课中、课后使用）
巩固训练（中高考试题、模拟题研究）（课中、课后使用）