flash实验之变形动画及传统补间动画(精)

实验三（2） FLASH——变形动画及传统补间动画制作

实验目的：

1、熟悉FLASH中建立元件和制作动作补间动画的一般步骤；

2、熟悉制作形状补间动画的一般步骤。

3、通过实例制作，掌握动作补间动画和形状补间动画的制作要点和区别。

实验内容：

1、制作“变形字”形状补间动画；

2、制作“月亮绕地球”引导线动画。

实验步骤：

一、变形字制作步骤

1、打开FLASH程序，建立新的FLASH文档，进入FLASH工作界面。

2、单击属性栏中，大小后面的按钮，打开文档属性对话框，设置文档的宽为：500PX，高为：200PX。选择红色作为背景颜色。

3、选择工具箱中的文本工具，在“属性”栏设置文本的字体、字号和颜色如下图所示。

4、在画布左边输入文本“F”，点击黑箭头工具，选中文本“L”，按“CTRL+B”把文本打散成图形。

把文本打散，变成图形

5、在图层右边时间轴的第10帧，单击右键，插入关键帧，按“Delete”删除“F”。

6、选择工具箱中的文本工具，在原字稍右方输入文本“L”，按“CTRL+B”把文本L打散成图形。

7、在第1～10之间任意帧单击，在最下方的“属性”栏中，单击“补间”项后面的按钮，选择“形状”。即可实现从F到L的变形动画。

8、用同样的方法，输入其他文本并打散，完成后面的变形字。

9、按“ENTER”键预览，如果不需要修改，执行“文件－另存为”，在弹出的对话框

中输入文件名“实验3-2变形字”，保存为源文件。

10、执行“文件－导出－导出影片”命令，在弹出的“导出影片”对话框中，选择文件保存的位置，输入文件名“实验3－2变形字”，把文件导出成FLASH影片

（*.swf）的格式。

二、月亮绕地球制作步骤

1、打开FLASH程序，建立新的FLASH文档，进入FLASH工作界面。

2、单击文档属性中“背景”右下方的黑色三角形按钮。弹出色版中，选择深蓝色作为太空的颜色。

3、按“CTRL+F8”建立新元件，新元件名称：月亮；行为：图形。然后，点击“确定”，进入月亮元件编辑状态。

4、选择工具箱中的椭圆形工具，在工具箱下方“颜色”栏中设置椭圆形的边线为无色，填充颜色为放射状灰白渐变。然后，按住“shift”的同时拖动鼠标，在图层1上画出一个正圆形。

5、点击时间轴上方的“场景1”，切换到场景编辑状态。

6、双击“图层1”，图层改名为“地球”。在地球图层绘制一蓝白渐变的较大的正圆形，作为地球。在地球图层的第30帧单击右键，插入帧。接着锁定地球层。

7、点击新建图层按钮，在地球层上添加一新图层，双击图层名称改为“月亮”。按“CTRL+L”打开库，从库中拖出月亮元件。在月亮层的第30帧单击右键，插入关键帧，然后，改变一下月亮元件的位置。在月亮层的第1－30帧之间的任一帧，单击右键，创建补间动画。

8、如果让月亮沿着椭圆轨道绕地球转动，必须添加运动引导线。点击添加运动引导线按钮，在月亮层上方添加运动引导层。点击工具箱中椭圆工具，设置填充颜色为“无色”，在画布中拖出一椭圆形，用黑箭头工具选中椭圆形的一小部分，并删除。

9、左键点击月亮层的第1帧，拖动第1帧的月亮，使其吸附到引导线的左缺口。

10、左键点击月亮层的第30帧，拖动第30帧的月亮，使其吸附到引导线的右缺口。

11、点击“ENTER”键，预览一下，看月亮是否沿着轨道运动。如果没有，重复上面的步骤，确保使月亮分别吸附在缺口两端。

12、由于引导层上的内容在影片输出时，不会显示，因此，要使运动轨道显示出来，需要把运动引导线复制到普通层上。选中引导层上的椭圆形，按“CTRL+C”复制。点击新建图层按钮，添加新图层，改名称为“轨道”，执行“编辑－粘贴到当前

位置”，把椭圆形引导线粘贴到“轨道”图层，并与原来的重合。

13、选中轨道图层上的椭圆形，在属性栏，改变椭圆形的颜色为浅蓝色，粗细为2磅。

14、调整图层的顺序如图所示。

15、按“CTRL+ENTER” 组合键，预览影片。执行“文件－导出－导出影片”命令，在弹出的“导出影片”对话框中，选择文件保存的位置，输入文件名“实验3－2月亮绕地球”，把文件导出成FLASH影片（*.swf）的格式。

形状变形动画制作步骤

形状变形动画制作步骤： 1、启动软件； 双击桌面上的 2.制作元件：元件变化包括：一个任意图形到另一个任意图形的变形，一个任意图形大小的变形，一个任意图形和多个任意图形的变形。 A 单击“插入”菜单——新建元件——输入元件名称——选择元件类型——确定。 B 一个任意图形到另一个任意图形的变形： 单击时间轴上的第一帧，单击工具面板上的椭圆工具，笔触色静止，在编辑区拖动鼠标画椭圆——在时间轴上第一帧至第20帧的任意帧处右击（单击鼠标右键），选择“插入关键帧”，单击面板上的黑箭头（即选择工具），在椭圆外单击一下，取消对椭圆的选择——鼠标指向椭圆，当出现弧形时按住键盘上的CTRL，拉出心形尖角 说明：两个关键帧之间的距离长短决定了动画变化的快慢。 C心形大小的变化：右击时间轴上第30帧处——插入关键帧——单击工具面板上的“任意变形”工具——单击编辑区里的心形——拖动心形周围的控点，将心形拉大——右击40帧——插入关键帧——单击任意变形工具——单击心形，将心形缩小。 这样，一个心形大小的变形动画结束。 D 心形一个变多个的变形：右击50帧——插入关键帧——右击心形——复制——到空白处右击——粘贴——拖动粘贴出来的心形至合适位置处。 C单击第1-20帧，帧处任意帧——选择编辑区下面的补间下拉按钮——选择形状（当出现绿色的箭头时，表明形状变形动画制作成功）。其余的20至30，30-40，40-50之间形状补间的添加照此类推 3.元件在舞台上的展示 单击场景按钮，切换到舞台编辑状态——单击图层1第一帧 A背景的添加： B导入图片到库里：文件菜单——导入——导入到库——选择图片文件——打开。 C单击场景图层1第一帧，从库里拖图片到舞台。 D单击图层1下方的“添加图层”按钮，添加出图层2（做动画时，为了分清每个的内容，可将图层进行命名：方法是,双击图层，输入名称，在图层外空白处单击一下即可），单击图层2第一帧，拖动库里的元件到舞台适当位置处。 4.动画影片测试：单击控制菜单——选择测试影片。

动画补间和形状补间有什么区别

一、图形有二种类型：矢量图形和位图图形； （1）矢量图形：文件体积小，是由一个个单独的点构成，每个点都有各自的属性，如位置、颜色等，矢量图形放大后不失真、无马蹇克、不会产生模糊和锯齿。 而矢量图像属于描述性，以线段和计算公式作为记录的对象。而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。）为什么矢量图像“饱经风霜”却依旧“面不改色”呢？这就是因为前面说过的矢量图像的特点：通过记忆线段的坐标来记录图像。 图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。然后根据改动后的坐标重新生成图像。因此无论放大多少都不会失真。矢量图则损失相对较少，矢量图更多的用于工程作图中.比如说ACD. （2）位图图形：就是以无数的色彩点组成的点阵图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。 位图由像素组成.而失量图由失量线组成，再有的区别就是.位图可以表现的色彩比较多. 而位图更多的应用在作图中.比如PS 二、补间动画有二种：动画补间和形状补间 什么是FLASH形状补间动画？ 形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。时间轴上形状补间是淡绿色底加一个黑色箭头组成的。 在时间面板上，我们在一个关键帧上面绘制一个图形，然后在另一个关键帧上绘制一个图形或者是将开始一个图形的形状进行改变，FLASH两个关键帧之间的形状或者是值的改变的动画就叫做形状补间动画。 （一）．形状补间动画规则：FLASH中形状补间动画只能对矢量图形进行，制作形状补间动画时，首尾关键帧上的图形都应该是矢量图形，有大小，移动，颜色，透明度，旋转属性可以改变。除此之外，还多了一个外形的变化（比如说方形变为圆形，就只能用形状动画，动画补间是做不出来这种效果的。 2．矢量图形的特征是：图形对象被选中时，对象上面会出现白色的均匀的小点。 3．矢量图形来源： 1）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形

Flash 补间形状、补间动画、传统补间的主要区别

Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46) 注意：

在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。 在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别：

引导层的应用 引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：

Flash CS5.5创建补间动画与创建传统补间的区别

Flash CS5.5创建补间动画与创建传统补间的区别 以前用的是flash8，新安装flashCS5后，发现创建动画时出现：创建补间动画、创建补间形状、创建传统补间，三个选项。其中创建补间形状操作与flash8相同，下面是上网搜索的有关补间动画与传统补间之间的区别与操作方法。 补间动画和传统补间的区别应该是在flashcs4才出现的，如果你是比较早的flash版本用过来的话，你应该会比较习惯使用传统补间。 传统补间动画的顺序是，先在时间轴上的不同时间点定好关键帧（每个关键帧都必须是同一个MC），之后，在关键帧之间选择传统补间，则动画就形成了。这个动画是最简单的点对点平移，就是一个MC从一个点匀速移动到另外一个点。没有速度变化，没有路径偏移（弧线），一切效果都需要通过后续的其他方式（如引导线，动画曲线）去调整。 传统补间（原来的动画补间动画）：定头、定尾、做动画(开始帧结束帧创建动画动作) 新出现的补间动画则是在舞台上画出一个MC以后，不需要在时间轴的其他地方再打关键帧。直接在那层上选择补间动画，会发现那一层变成蓝色，之后，你只需要先在时间轴上选择你需要加关键帧的地方，再直接拖动舞台上的MC，就自动形成一个补间动画了。并且这个补间动画的路径是可以直接显示在舞台上，并且是有调动手柄可以调整的。 CS5中的创建补间动画则是定头、做动画(开始帧选中对应帧改变对象位置)。 一般在用到CS5的3D功能时候，会用到这种补间动画。一般做FLASH项目，还是用传统的比较多。更容易把控，而且，传统补间比新补间动画产生的ksize

要小，放在网页里，更容易加载。 最主要的一点，传统补间是两个对象生成一个补间动画，而新的补间动画是一个对象的两个不同状态生成一个补间动画，这样，你就可以利用新补间动画来完成大批量或更为灵活的动画调整。

Flash动画-形状渐变动画

Flash动画制作——形状渐变动画 刘志韩 教学目标 1、初步掌握使用Flash绘制图形 2、能够独立完成形状渐变动画的制作 教学重点能够独立完成形状渐变动画的制作 教学难点初步掌握使用Flash绘制图形 教学过程 导入：形状渐变动画欣赏 自主学习 形状渐变动画制作原理： 说明：制作形状渐变的关键帧上发生变化的内容都要分离到最小的单元，成点状分布的状态。 动手实践 请同学们参照学案上的操作步骤完成“月亮的变化”动画的制作 步骤：1、新建Flash文档——在属性面板中设置“背景”深蓝色。 2、选择工具箱中的“椭圆工具”——在属性面板中设置“笔触”颜色为无，“填充颜色”为黄色。 3、按住键盘上的shift键，在舞台上画一个黄色的圆。 4、在时间轴的30帧插入关键帧，选择“椭圆工具”，“填充颜色”为红色，在黄色圆上画 一个红色的圆留出黄色月牙形状，“选择工具”选中红色的圆删除（delete）。 5、选择时间轴的第一帧，属性面板“补间”形状渐变 6、菜单中选择“控制”——“测试影片”，测试制作的动画效果。 7、制作完成之后“文件”——“导出影片”，完成作品的制作。

任务二：独立完成“烟花”的制作。 合作练习 任务：请同学们以小组为单位合作完成“我爱你家乡”动画的制作 说明：1、心图形的制作步骤提示：画两个圆，使用选择工具，对其形状进行调整。 2、输入的文字变为形变对象要将其打散（方法：选中文字使用菜单中“修改”——“分离”，如果不是单个文字，需要做两次分离） 作品上传 要求：小组长从小组中自选一名同学的作品，以小组名命名放在老师的机器上“学生作品”文件夹中。 会考题追踪 所有的同学将下面两个题练习一遍 1、用Flash制作一个15帧的正方形变圆的形状渐变动画，测试影片并以“形状渐变”为文件名，保存到桌面上。 2、用Flash制作一个20帧的形状渐变动画，将字符“今天”（大小设为50，颜色为红色） 形状渐变为“明天”（依次将大小设为50，颜色为红色），并以“wenzi.fla”为文件名保存到桌面上。 作业：根据今天学习到的形状渐变动画制作的知识，自命主题，做一个文字形状渐变的小动画和图形形状渐变的小动画。

补间动画和传统补间之间地差异.

补间动画和传统补间之间地差异 Flash 支持两种不同类型地补间以创建动画。补间动画，在Flash CS4 Professional 中引入，功用强大且易于创建。通过补间动画可对补间地动画进行最大程度地掌握。传统补间（包含在早期版本地Flash 中创建地一切补间）地创建进程更为繁杂。补间动画提供了更多地补间掌握，而传统补间提供了一些用户能够期望使用地某些特定功用。 补间动画和传统补间之间地差异包含： 传统补间使用关键帧。关键帧是其中显现对象地新实例地帧。补间动画只能具有一个与之关联地对象实例，并使用属性关键帧而不是关键帧。 补间动画在整个补间范围上由一个目标对象组成。 补间动画和传统补间都只允许对特定类型地对象进行补间。若应用补间动画，则在创建补间时会将一切不允许地对象类型转换为影片剪辑。而应用传统补间会将这些对象类型转换为图形元件。 补间动画会将文本视为可补间地类型，而不会将文本对象转换为影片剪辑。传统补间会将文本对象转换为图形元件。 在补间动画范围上不允许帧脚本。传统补间允许帧脚本。 补间目标上地任何对象脚本都无法在补间动画范围地进程中更改。 能够在时间轴中对补间动画范围进行拉伸和调整大小，并将它们视为单个对象。传统补间包含时间轴中可辨别选择地帧地组。 若要在补间动画范围中选择单个帧，必需按住Ctrl (Windows) 或Command (Macintosh) 单击帧。166 使用FLASH CS4 PROFESSIONAL 时间轴和动画 对于传统补间，缓动可应用于补间内关键帧之间地帧组。对于补间动画，缓动可应用于补间动画范围地整个长度。若要仅对补间动画地特定帧应用缓动，则需要创建自定义缓动曲线。 利用传统补间，能够在两种不同地色彩效果（如色调和Alpha 透明度）之间创建动画。补间动画能够对每个补间应用一种色彩效果。 只能够使用补间动画来为3D 对象创建动画效果。无法使用传统补间为3D 对象创建动画效果。 只有补间动画才能保存为动画预设。 对于补间动画，无法交换元件或设置属性关键帧中显现地图形元件地帧数。应用了这些技术地动画要求使用传统补间。 Flash CS4支持两种不同类型的补间以创建动画。补间动画在Flash CS4 中引入，功能强大且易于创建。通过补间动画可对补间的动画进行最大程度的控制。传统补间（包括在早期版本的Flash 中创建的所有补间）的创建过程更为复杂。补间动画提供了更多的补间控制，而传统补间提供了一些用户可能希望使用的某些特定功能。

第三章 传统补间动画教学设计

第三章传统补间动画教学设计 教材分析： 通过案例的学习让，进一步了解传统补间动画的设置方法，以及传统补间动画的属性设置及相关复选的设置。 教学目的： 掌握传统补间动画的设置 掌握传统补间动画的相关属性设置 教学重点： 传统补间动画的相关属性设置 教学难点： 传统补间动画的相关属性设置 教学设计思想： 借助上节课所讲解的基本知识点来进一步阐述传统补间动画的设置方法，以及传统补间动画所能设置出的动画特效让其体现得淋漓尽致！ 媒体设计思路： 投影仪、计算机、案例30 教学流程： 1、传统补间动画的设置 2、“循环”属性设置 3、“旋转”属性设置 新课引入： 前面的内容所学习的我们已经涉及到了传统补间动画的相关设置，在本节课中我们继续学习传统补间动画的设置。 教师活动（教学内容）： 【实例30】摆动模式指针表

“摆动的模拟指针表”动画播放后的2幅画面如图所示。可以看到，最左边的彩珠玗模拟指针表摆起到原处后，撞击中间的彩珠环模拟指针表，右边的彩珠环模拟表摆起，当该彩珠环模拟指针表回到原处后，又撞击左边的彩珠环模拟指针表再摆起，周而复始，有断运动。彩珠环模拟指针表在摆动中还会变颜色。 该动画的制作方法： （1）新建一个名称 为“【实例30】摆动模 拟指针表，fla”的Flash 文档，设置舞台工作区的宽为700像素，高为320像素，背景为黄色，打开“【实例30】模拟指针表，fla”的Flash文档。切换到“【实例30】摆动模拟指针表fla”的Flash文档，打开“库”面板，在其中框中选择“【实例13】模拟指针表fla”的Flash选项，右击“库”面板内的“模拟制作表”影片剪辑元件，弹出其快捷菜单，单击该快捷菜单内的“复制”命令，将影片剪辑元件复制到贴板内。 （2）在“库”面板内的下拉列表中选择“【实例30】摆动模拟指针表fla”的Flash选项，右击“库”面板内的空白处，弹出其快捷菜单，单击该快捷菜单内的“粘贴”菜单命令，将剪切板内的“模拟指针表”影片剪辑元件粘贴到“库”面板内。 （3）创建并进入“摆动模拟指针表”影片剪辑元件编辑状态。将“库”面板内的“模拟指针表”影片剪辑元件拖动到舞台工作区内，调整其宽为148像素，再绘制一条2pts、红色、长为160像素的垂直线，如图4-1-5所示。将其组成组合，然后，回到主场景。 图4-1-5“模拟指针表”影片剪辑元件 （4）选中主场景“图层1”图层第1帧，利用“颜色”面板设置填充色为黄色到白色再到金黄色线

flash形变动画

Flash形变动画的制作教学设计 教学对象：八年级 课时安排：1课时（40分钟） 教学重难点： 1、创建和调用图形元件。 2、制作flash形变动画的基本方法。 3、形状提示点的使用方法，动画前后的控制点的点数要一致，位置要一致。 4、元件不能直接制作形变动画，只有当元件通过“分离”被转换成图形对象后才能产生形变。 教学目标: 知识与技能： 1、熟悉常用图形工具、文本工具、库的使用。 2、了解Flash元件的分类及用途，学会如何创建和调用图形元件。 3、学会创建补间动画,制作简单的形变动画和用形状提示点控制动画。 情感态度： 1、通过学习,让学生动手制作简单动画,从而培养学生的制作flash动画的兴趣及信心。 2、培养学生观察及动手操作、综合应用知识的能力。 教学环境： 硬件资源：具备局域网条件的机房、投影仪、多媒体电脑。 软件资源：广播软件、使用powerpoint、Flash等软件制作的课件。 教学内容分析： 形状补间动画是学习制作flash动画必须具备的基础之一。本节课是通过制作两个由易至难的实例：1、“矩形变圆形”动画、2、“公鸡变凤凰”动画，让学生掌握flash形变动画的基本制作方法。后面即将学习的引导层动画、遮罩动画等都将在此基础上展开，因此，本节课的内容十分重要，授课对象为八年级学生，他们已具备了一定的信息技术操作技能，通过半个学期的学习，已经初步掌握了Flash关键帧动画的制作，并且了解和掌握了工具面板中的各类工具的用

途及其使用方法，本节课通过两个任务去驱动学生，使其能积极思考、探索，勇于实践，最终实现本课的教学目标，解决重点、难点，并在思考──探索──实践的环节中使学生感觉到学有所获，思有所得，体验获得成功的喜悦和快乐。教学流程图： 教学过程： （一）情景导入 教师：同学们，在上一节课中我们学习了关键帧动画的制作，大家回想一下“书写文字”动画的制作过程，谁来说说关键帧动画的制作要点是什么？（对关键帧的复习） 学生：将每个帧都定义为关键帧，然后给每个帧创建不同的图像。 教师：很好。关键帧动画的每一帧都需要我们去创建，同学们想想，如果我们要制作一个稍复杂的动画，这样一帧一帧的去创建，是不是费时又费力？（引入新课）

大学 flash 形状补间动画与传统补间动画制作步骤

游戏人物入场动画制作步骤： 1.新建文件：宽和高：390，699 帧频：35 导入到舞台：105201.jpg 导入到库：105202.png--105206.png 第180帧：插入帧（F5） 2.图层2：从库面板将105202.png 拖入场景 将拖入的图像转换成图形元件“墨点”，调整大小和位置，属性面板设Alpha为0% 第20帧插入关键帧，调整元件大小，属性面板设“色彩效果”为“无” 第1帧右击选“创建传统补间” 3.图层3： 第10帧插入关键帧，拖入“墨点”元件，调大小位置，属性面板设Alpha为0% 第20帧插入关键帧，调元件大小，属性面板设Alpha为50% 第28帧插入关键帧，调元件大小，属性面板设Alpha为50% 在第10帧、第20帧位置右击，“创建传统补间” 4.图层4： 第15帧插入关键帧，拖入“墨点”元件，调大小位置，属性面板设Alpha为0% 第25帧插入关键帧，调元件大小，属性面板设Alpha为50% 第33帧插入关键帧，调元件大小，属性面板设Alpha为50% 在第15、25帧位置右击，“创建传统补间” 5.图层5： 第33帧插入关键帧，拖入105203.png，将拖入的图像转换成图形元件“花与仙鹤模糊”，调大小位置，属性面板设Alpha为0% 第48、54帧插入关键帧，调元件大小位置，属性面板设“色彩效果”为“无” 第58帧插入关键帧，调元件大小，属性面板设Alpha为0% 在第33、48、54帧位置右击，“创建传统补间” 6.图层6： 第48帧插入关键帧，拖入105204.png，将拖入的图像转换成图形元件“花与仙鹤”，调大小位置，属性面板设Alpha为0% 第54帧插入关键帧，调元件大小位置，属性面板设“色彩效果”为“无” 在第48帧位置右击，“创建传统补间” 7.图层7： 第25帧插入关键帧，拖入105205.png，将拖入的图像转换成图形元件“人物模糊”，调大小位置，属性面板设Alpha为0% 第40、45帧插入关键帧，调元件大小位置，属性面板设“色彩效果”为“无” 第49帧插入关键帧，调元件大小，属性面板设Alpha为0% 在第25、40、45帧位置右击，“创建传统补间” 8.图层8： 第40帧插入关键帧，拖入105206.png，将拖入的图像转换成图形元件“人物”，调大小位置，属性面板设Alpha为0% 第45帧插入关键帧，调元件大小位置，属性面板设“色彩效果”为“无” 在第40帧位置右击，“创建传统补间” 闪光动画制作步骤： 1、打开素材文件：932.fla ，双击场景中的“书动画”元件进入元件编辑状态。 2、在“图层2”上新建“图层9”，在第5帧插入关键帧，使用“椭圆工具”，

flash动作补间动画

实训四flash动作补间动画的制作 实训目的： 1.理解“补间”的原理 2.理解“元件”的概念 3.掌握动作补间动画的制作方法 实训原理： 1.补间 补间是flash动画的一种制作方法，又叫补间动画。做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 2.元件 1)元件： 是flash动画中可以重复使用的元素。（通常可以把一个动画元件当做是一位演员，演员可以在不同的场景出现）当元件不使用的时候，一般被放置在flash的“库”面板里。 2)元件的类型： 它是作为一个基本图形来使用的，一般是静止的一副图画，每个图形元件占1 帧。 可以完全独立于场景时间轴，并且可以重复播放。影片剪辑是一小段动画，用在需要有动作的物体上，它在主场景的时间轴上只占1 帧，就可以包含所需要的动画，影片剪辑就是动画中的动画。“影片剪辑”必须要进入影片测试里才能观看得到。 4 帧的影片剪辑，但它的时间轴不能播放，只是根据鼠标指针的动作做出简单的响应，并转到相应的帧，通过给舞台上的按钮添加动作语句而实现flash 影片强大的交互性。 3.动作补间动画的制作过程： a)编辑起始关键帧； b)创建一个新的动画对象（图形、图像、文字等），并将动画对象转换为元件（“图形”元 件）； c)创建结束关键帧，编辑该关键帧页面； d)创建起始关键帧的补间动画类型（“动画”补间）。 实训步骤： 训练项目一：制作一个动画对象的位置移动动画。（5分钟） 训练项目二：制作一个星星的闪烁动画。（5分钟）

实训作业内容及要求： 1、制作一个“日出日落”的动画效果。 2、完成之后以“学号+姓名”命名文件，并以swf格式导出提交。 实训作业参考步骤： 新建一个flash文件，添加图层2、图层3，得到三个图层。从上到下分别将图层3命名为“山”、图层2命名为“太阳”、图层1命名为“天空”。 制作“山” 1.绘制“山”：用鼠标左键点击“山”图层的第一个空白关键帧，利用钢笔工具绘制一座山，调整山的大小和在舞台上的位置。 2.选中“山”图层的第70个帧格，点击鼠标右键，弹出的快捷菜单中选择“插入帧”命令（或者按F5键，可插入一个帧）。 制作“太阳”移动 1. 绘制“太阳”：将除了“太阳”图层的其他图层锁定。选中“太阳”图层的第一个空白关键帧，在舞台上用椭圆工具绘制一个圆形，并填充为红色。选中红色圆形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sun”。 2. 设置“太阳”的补间动画： 将第一个关键帧舞台上的太阳拖动到“山”后面。 在该图层的第25、45、70帧处插入关键帧，分别调整这些关键帧舞台上太阳的位置。 选中“太阳”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。 制作“天空”变化 1. 绘制“天空”： 将除了“天空”图层的其他图层锁定。选中“天空”图层的第一个空白关键帧，在舞台上用矩形工具绘制一个矩形，修改填充颜色为黑色，并将矩形的宽高分别设置为550、400。 选中黑色矩形，打开“对齐”面板，设置黑色矩形相对舞台对齐。 点击选中黑色矩形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sky”。 2. 设置“天空”的补间动画： 在该图层分别再插入3个关键帧，关键帧的位置对应“太阳”的升起和落下时刻，再设置这三个关键帧里“sky”元件的亮度。 选中“天空”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。

flash变形动画

Flash变形动画 一、定义 指一个物体变成为另一个物体。它主要着重于两个物体之间形状的变化。在变形的过程中可以产生位置、大小、颜色的变化。 1、确定初始状态 2、选择时间 3、确实终止状态 4、发出动画指令 例如：制作一个圆变长方形 1、先用椭圆工具画一个圆 2、选择时间，在第30帧单击 3、插入空白关键帧，单击“插入”——“时间铀”——“空白关键帧” 4、用矩形工具绘制一个长方形 5、发出变形动画指令，单击“属性”——“补间”——“形状” 二、如何播放动画 方法一 单击“控制”菜单中“测试影片” 方法二 按ctrl+enter组合键

三、椭圆工具 1、作用： 用于画椭圆或正圆形。 2、使用方法： （1）选择椭圆工具 （2）用鼠标在舞台上拖动 （3）释放鼠标 注意：如画正圆形，拖动时必须按住shift键。 四、矩形工具 1、作用： 用于画长方形或正方形。 2、使用方法： （1）选择矩形工具 （2）用鼠标在舞台上拖动 （3）释放鼠标 注意：如画正方形，拖动时必须按住shift键。 五、多角星形工具 1、作用： 用于画多边形或多角星 2、使用方法： （1）选择多角星形工具 （2）用鼠标在舞台上拖动

（3）释放鼠标 如须画多角星形需要将“选项”菜单打开，再选择“样式”中“星形”例如画一个五角星。 六、选择工具 作用： （1）用于选择对象 单击用于选择图形中一个部分； 双击用于选择整个图形（包括框线及内部填充色） （2）用于移动对象 选中对象后，按住鼠标左键拖动 （3）用于变形 可以改变物体的形状。 文字、数字、字母的变形动画。 对于文字、数字、字母做变形动画时，不能直接做，必须将它用“分离”命令。 “修改”——“分离” 注意：对于两个以上的文字、数字或字母必须用两次分离命令。 设置变形效果 添加形状提示点，可以控制变形的效果，从而可以做出许多种不同的变形效果。 “修改”——“形状”——“添加形状提示”

三种补间动画

创建动画：——三种补间动画学案（第一课时） 何文才 【设计思路】 Flash动画是一种常见的多媒体表现形式，主要包括逐帧动画和补间动画。第一单元主要学习了前者，而后者则是Flash动画设计中非常重要的表现手段。 这个单元设计用五个课时，第一课时主要让学生先了解补间动画的三种不同形式，并尝试创建三个不同形式的补间动画，在任务中进行说明。通过这三个范例的制作，学生能够很好地区分三种补间动画在时间轴上的表现形式以及动画效果，为后面的分块学习打好基础。第二课时主要让学生掌握丰富的传统补间动画制作，包括移动、大小、不透明度、颜色等变化。第三课时主要让学生掌握Flash CS4中新增的旋转、3D旋转动画补间动画，并尝试综合运用补间动画的多种形式，进一步掌握传统补间动画和动画补间动画的制作技巧。第四课时的内容是影片剪辑元件的制作与应用，需要学生理解影片剪辑能够使时间轴更简洁清晰，并且可以重复调用到舞台的不同位置。第五课时主要让学生掌握文本以及图形变化的形状补间动画，即中英文转换动画和方圆转换动画。通过这五个课时的学习，学生能够基本掌握三种补间动画的制作方法，为下一单元的综合作品制作打下良好的基础。 【知识回顾】 回顾第一单元所学，结合前几节课的任务，回答以下问题： 1.Flash文件的两种保存格式是：( )、（）。 2. 3. 元件的几种类型：（）、（）、（）； 【课前预习】 课前认真预习课本第二单元，回答以下问题： 1.在Flash cs4中，补间动画包括：（）、（）、（）； 2.传统补间动画的动画效果有：（）（）（）（）； 3.逐帧动画中的舞台对象_____元件。 A.必须是 B.一定不是 C.不一定是 4.动画补间动画中的对象_____元件。 A.必须是 B.一定不是 C.不一定是 5.形状补间动画中的对象_____元件。 A.必须是 B.一定不是 C.不一定是 【学习目标】 1.理解三种补间动画的特点； 2.了解制作三种补间动画的一般步骤； 3.学会区别三种补间动画的不同效果。

Flash-8-形状补间动画详解及实例

形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。

flash中的形状渐变动画

教学课题：flash中的形状渐变动画 一、教学目标（知识，技能，情感态度、价值观） 1、了解形状渐变动画的概念与适用条件； 2、了解动作渐变动画和形状渐变动画的不同点； 3、学会形状渐变动画的制作方法。 二、教学重点 1、形状渐变动画的制作方法； 2、动作渐变动画和形状渐变动画的不同点。 三、教学难点 1、形状渐变动画的适应条件 2、动作渐变和形状渐变的关系 四、教学过程 教学过程教师活动学生活动设计意图 导入新课 1、播放并欣赏flash动画。2、我们 所看到的渐变和上节课学习到的渐变 是一样的么？ 3、指导“对学”讨论交 流，分析动画中的几个渐变。 1. 学生欣赏动画作品。思考“渐 变”形成过程 2. “对学”讨论交 流 激发学生浓厚的学习 兴趣，思考动画是如何 做出来的？ 教学过程在很多电影的特技里，经常看到这样形 状的变形：一只小鸟变成一只蝴蝶，一 条鱼变成一个乌龟等等，具体这个“变” 是怎样做出来的呢？1、“群学”：如何 实现“形状渐变”？2、指导小组讨论 3、出示学习任务一：制作”圆”变“正方 形”渐变动画 1、小组讨论，归纳渐变要点： 渐变动画只需要制作起始关键 帧和结束关键帧，创建补间中间 部分由flash自动完成。2、组 内展示准备“任务一” 3、优秀小 组代表演示。 通过小组合作学习进 一步理解渐变动画制作 的原理和制作方法。为 下一环节做准备 教学过程1、形状渐变动画的原理：某一个关键 帧中的图形形状逐步过渡到另外一个 关键帧中的图形形状。2、演示动画 “太阳”（圆）变“日”（汉字）3、帮助 学生分析各帧内容，加深理解。 观看动画、组内交流动作渐变与 形状渐变的异同进一步明确原 理 明确动作渐变动画和形 状渐变动画的不同 教学过程任务二：创建图形与文字的形状渐变动 画任务三：制作文字渐变动画“滴”变 “翠”。指导学生自学、实践教师演示指 导学生上机 自学探究：制作文字渐变动画 （P50至P54页）共10步骤小 组合作共同完成文字渐变的实 际动画制作 明确文字渐变动画的制 作过程 教学过程请学生展示自己的制作并分享给大家优秀小组学生展示作品其他学 生欣赏、评价 展示作品 任务四“蜂”变“莲”、“舞”变“香”。看谁 做的又快又好又有新意展示优秀作品 教师小结 完成“蜂”变“莲”、“舞”变 “香”。欣赏优秀作品点评 交流、协作分层教学

FLASH实例练习--传统补间和形状补间动画

1、新建舞台，设置舞台大小和背景颜色，帧频为12 2、用文字工具"welcome”，将字母打散，调整各个字母的颜色，选中所有字母右键选择分散至各 个图层，分别选中各个字母转换为图片元件 3、选中W图层，在12帧处打一个关键帧，调整12帧处的位置，ALPHA值，做出飞入淡入 效果，在任意帧处右键选择传统补间动画，选中任意帧，在帧属性面板上选择补 间-旋转，做出旋转效果 4、选中E图层，将第1帧移至第13帧，在25帧处打一个关键帧，照以上步骤给 E字母 做出旋转淡入飞入效果 5、将各个字母依次做出旋转淡入飞入效果 6、用传统补间动画为各字母做出变色效果，结尾做出放大淡出效果 实例二：摇摆的坠子 1、新建舞台610*320，舞台色黑色，帧频为 30 2、用矩形工具绘制圆角方块，填充色为线性渐变，第一个色标( 64,146,200)，第二个色 标(112,158,203),第三个色标(255,255,255)，笔触为4，边框为线性渐变，第一个色标 (191,191,191)，第二个色标(255,255,255)，第三个色标(200,200,200)，第四个色标 (64,64,64)，圆角参数为5 3、用线条和椭圆工具来绘制连接绳子，最后将图形转换为图形元件 4、新建图层，命名为背景，拖至最下层，从文件-导入-导入到舞台，导入背景图片 5、选择坠子，为其添加投影滤镜，参数如图 1投影 模制X 5 强度50 % 品质1 角度斗5廿 距离5像薰 挖空□ 内阴影□ 隐藏对象□ 颜色■ 6、复制3个坠子，排列整齐，选中第一个和第四个坠子，右键选择分散至图层，分别命名为第1 块，第4块 7、选中第1块图层，在第25帧打一个关键帧，用任意变形工具调整第一个坠子的轴心 和位置，在第1帧右键选择创建传统补间，在第20帧打一个关键帧，调整坠子的位 子，使其有惯性效果，选择任意一帧，更改属性面板中缓动值为-100 & 选中第4块图层，在第20帧和第40帧各打一个关键帧，用任意变形工具调整第 4个坠子的轴心和位置，创建传统补间动画，调整缓动值为100 9、同理在第60和65帧位置打帧，调整位置，设置缓动值为-100 10、选中第1块图层，在第60帧打一个关键帧，复制第1帧到第80帧，创建传统补间动画， 在60-80帧之间设置缓动值为 100

Flash 补间形状补间动画传统补间的主要区别

Flash 补间形状、补间动画、传统补间的主要区别 (2015-04-19 15:14:46) 转载▼ 分类:平面动画设计(Flash) 区 别 补间形状(形状补间动画) 传统补间(动作(动画)补间动画) 补间动画在 时 间 轴上的表现 淡绿色背景 有时实心箭头 淡紫色背景 有实心箭头 淡蓝色背景 组成 矢量图形(如果使用图形元 件、按钮、文字,则必先打散, 即转化为矢量图形)再变形。 元件(可为影片剪辑、图形元件、按钮等) 或先转化为元件 注:非矢量图形(组合图形、文字对象、 元件的实例、被转换为“元件”的外界导 入图片等)皆可,但元件能修改的属性参 数比较多,因此建议统一为:元件 同左 效果矢量图形由一种形状逐渐变 为另一种形状的动画。实现两 个矢量图形之间的变化,或一 个矢量图形的大小、位置、颜 色等的变化。 元件由一个位置到另一个位置的变化。 实现同一个元件的大小、位置、颜色、 透明度、旋转等属性的变化。 同左 关键?插入空白关键帧 ?首尾可为不同对象,可分 别打散为矢量图 ?插入关键帧 ?首尾为同一对象。先将首转为元件再 建尾关键帧。属性的改变:位置--选中, 移;其她属性--选中元件,在此元件实例 属性面板中改属性 ?只需首关键帧即可 对首关键帧应用“补间 动画” 特性可实现动画滤镜(让应用的滤镜动起 来)。 可以利用运动引导层来实现传统补间动 画图层(被引导层)中对象按指定轨迹运 动的动画。 可实现动画滤镜(让应 用的滤镜动起来)。 注意:

在Flash中,补间形状(形状(变形)动画)只能针对矢量图形进行,也就就是说,进行变形动画的首、尾关键帧上的图形应该都就是矢量图形, 矢量图形的特征就是:在图形对象被选定时,对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形,都就是矢量图形。 在Flash中,传统补间(动作(动画)补间动画)只能针对非矢量图形进行,也就就是说,进行运动动画的首、尾关键帧上的图形都不能就是矢量图形,它们可以就是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多,因此在上表对象中统一为元件。 非矢量图形的特征就是:在图形对象被选定时,对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不就是矢量图形,将矢量图形组合起来后,可得到组合图形,将库中的元件拖曳到舞台上,可得到该元件的实例。 滤镜:图形效果,可以为文本、按钮与影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1、建立各图层中对象:可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上,图即为通透区欲作被遮罩图层在下 2、效果制作:其中一层做动画设计等 3、将欲作遮罩图层(现为普通图层)转为遮罩层:快捷菜单中转。欲瞧效果将两图层锁住

《制作Flash形变动画》教学设计

《制作Flash形变动画》教学设计 一、基本说明 1、教学章节： 第4章动画、视频与虚拟现实第一节动画采集与制作之任务四：制作“爱心奉献”修饰动画。沪教版普通高中课程标准实验教科书《信息技术》（选修2）《多媒体技术应用》。 2、教学对象：高二年级 3、课时安排：1课时（45分钟） 二、教学设计 【教学目标】： 知识与技能： 1、了解什么是形变动画； 2、能区分对象的分离与组合状态； 3、能把元件对象转换为图形对象； 4、能够自己动手制作出一个简单的flash形变动画作品。 过程与方法： 1、从观察老师的作品入手，引导学生在观察中体会作品的特点。 2、演示制作flash形变动画的过程，强调操作的重点和难点。 3、让学生在实践操作过程中掌握制作flash形变动画的基本方法。 4、以扩展练习的形式，让学有余力的学生能够继续深入学习 情感态度与价值观： 1、让学生体验到成功的快乐，进一步激发学生学习动画的兴趣； 2、让学生养成仔细观察事物的习惯，培养学生的创新精神、表达能力 和审美能力。 3、培养学生探究性学习的能力和综合应用知识能力。 【教学重、难点】： 教学重点：

1、如何识别图形对象 2、如何把元件转换为图形对象 3、分离和组合状态的区别 4、制作flash形变动画的基本方法 教学难点： 1、形变动画的概念 2、理解只有图形对象能制作形变动画，元件不能直接制作形变动画， 但元件与图形可相互转换。 【教学内容分析】： 本节课的教学内容在“动画采集与制作”这一节中是作为一个任务出现的，但其作用却是制作flash动画必须具备的基础之一。本节课的教材是通过制作“爱心奉献”修饰动画，来让学生掌握flash形变动画的基本制作方法。（作者将动画内容改成学生更容易看明白的“矩形变圆形”动画，通过教师演示和学生模仿，学生已知道形变动画制作的基本步骤，最后再通过学生自己探究“文字形变”动画的制作，让学生充分掌握形变动画的制作方法。） 【学情分析】： 在本节课之前，我所任教的高二两个班级的学生已经学习过使用Ulead Cool 3D软件制作出简单的三维文字动画，用flash软件制作出简单的逐帧动画和动作渐变动画，对于flash动画中的帧、关键帧、元件等一些基本概念能理解并使用，但对于空白关键则仅限于知道其与关键帧的区别，而未应用过，而且由前面的课堂表现可以看出，学生对flash动画是非常感兴趣的，这些均为本节课的教学奠定了一定基础，但是由于我校属县级学校，学生大部分来自农村，计算机操作能力普遍较差，加上学校每周只安排一节信息技术课，要在45分钟时间内完成教学计划规定的内容，即学生需要在30分钟左右的时间内完成：1、了解什么是flash形变动画，2、能识别图形对象并能将元件转换为图形对象，3、能独立制作出一个简单的flash形变动画，这对大多数学生来说还是具有相当难度的。 【教学方法】：根据对学习对象的分析制定出以下教学方法：任务驱动教学

《制作Flash动画之补间动画》教学设计

《制作Flash动画之补间动画》教学设计

————————————————————————————————作者：————————————————————————————————日期：

《制作Flash动画之补间动画》教学设 计 一、教学目标 通过对动画制作的深入学习，让学生能更深层次地理解和掌握如何在运用Flash软来完成自己的设计构思，创作出一个较好的作品。 （一）、知识与技能目标： ①了解动画的制作原理 ②了解工具箱里工具的使用，掌握工具箱中的常用工具。 ③体验使用flash创作运动补间动画的过程，完成自己第一个动画作品。 （二）、过程与方法： 通过作品欣赏和师生交流激发学生完成任务。在完成两个任务的过程中，使学生掌握工具箱里工具的使用方法和运动补间动画，培养学生发现问题，探究问题和解决问题的能力，培养学生的自主学习、合作学习、探究学习以及鉴赏能

力，激发学生进一步学好信息技术的热情。 （三）、情感、态度、价值观： 培养学生的情商，培养学生的感恩之心，学会对身边的人感恩，热爱自己的父母，激发学生学习兴趣和创作动画才能；培养学生欣赏作品的能力。 二、教学重、难点 （一）教学重点： 、会使用工具箱中的椭圆，颜料桶工具，任意变形工具来制作简单元。 2、合理运用flash的补间动画设计简单对象动画过程的制作方法。 （二）、教学难点：在移动过程中实现元的变向移动 三、教学策略 演示法、任务驱动法、个别指导、作品展示 四、教学资源 Flash８、极域网络电子教室软、教学PPT、动画源文、教学视频。 五、教学过程

教学步骤 教师活动 学生活动 设计意图 创设情境 导入新 、欣赏flash动画作品《fail公益广告》 2、问：大家欣赏的这个视频，好看吗？反映了一个什么主题呢？ 3、这个动画是用什么软来做成的？请大家打开本P3。 学生观看flash作品并回答问题 学生看书 通过播放《fail公益广告》 ，让学生学会对身边的人感恩，热爱自己的父母。 学习新明确任务 打开flash8软，介绍软的界面以及他们的作用。 播放示例——跳动的小球