第四章 flash 逐帧动画补间动画

合集下载

逐帧动画和补间动画

2．补间动画：补间动画又叫做中间帧动画，渐变动画，只要建立第一帧和最后一帧内容，中间部分由Flash自动生成，省去了中间动画制作的复杂过程。补间动画又分为形状补间动画(变形动画)和动作补间动画 (动作动画)。 3．形状补间动画的概念和制作形状补间动画的概念：在Flash的时间轴面板上，在一个时间点(关键帧)绘制一个形状，然后在另一个时间点(关键帧)更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用文字，则必先“打散”再变形。形状补间动画建好后，时间轴面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。
动画补间，第1 【例4解题】从截图中可以发现，该动画属于________ 帧上“葫芦”实例是直立的且长、宽比例为100%，第20帧“葫 30 ________°，长、宽比例变为 130 芦”实例通过顺时针旋转了 ________%，所以变大了。 A 【答案4】 ________
考试要求考试属性 c c 必考
本节课的学习过程中要求理解补间动画和变形动画的概念，学会制作简单形状补间动画。考查方式为选择题与填空题。
一、媒体素材的导入可以通过“文件”菜单下的“导入”命令，导入图片、声音、视频等各种素材。若将一张动态的GIF图像导入到库中，会产生一个含有逐帧动画的影片剪辑元件。二、Flash动画的分类 Flash动画分为两类：逐帧动画和补间动画。 1．逐帧动画是传统的动画制作方法，在时间轴上逐帧绘制内容称为逐帧动画。逐帧动画的四种制作方式： (1)导入序列图像：可以导入GIF序列图像、SWF动画文件或者利用第三方软件产生的动画序列。 (2)导入静态图像：用JPG、PNG等格式的静态图片连续导入 Flash时间轴中，就可建立一段逐帧动画。 (3)文字逐帧动画：用文字作帧中的内容，实现文字跳跃、旋转等特效。 (4)矢量逐帧动画：用鼠标在场景中画出每一帧的内容。

FLASH逐帧动画和补间动画编辑多个帧的介绍完整ppt

《FLASH动画制作》
逐帧动画和补间动画
数字媒体专业群教学资源库项目组
新知识：洋葱皮系统
• 洋葱皮系统知识点详解： • 编辑多个帧的工具介绍：
• 使用户可以同时编辑多个帧
新知识：洋葱皮系统
类似于绘图纸外观，单击该按钮后，在舞台上会显示包含在绘图纸标记内的关键帧，与使用“绘图纸外观”功能不同，“编辑多个帧”功能在舞台上显示的多个关键帧都可以选择和编辑，而不论哪一个是当前帧。数字媒体专业群教学资源库项目组当“绘图纸外观”打开时，锁定图层（有个挂锁图标的图层）不会显示。编辑多个帧的工具介绍：洋葱皮系统知识点详解：《FLASH动画制作》编辑多个帧的工具介绍：当“绘图纸外观”打开时，锁定图层（有个挂锁图标的图层）不会显示。当“绘图纸外观”打开时，锁定图层（有个挂锁图标的图层）不会显示。类似于绘图纸外观，单击该按钮后，在舞台上会显示包含在绘图纸标记内的关键帧，与使用“绘图纸外观”功能不同，“编辑多个帧”功能在舞台上显示的多个关键帧都可以选择和编辑，而不论哪一个是当前帧。数字媒体专业群教学资源库项目组
在舞台上显示的多个关键帧都可以选择和编辑，而不论哪一个是当前帧。类似于绘图纸外观，单击该按钮后，在舞台上会显示包含在绘图纸标记内的关键帧，与使用“绘图纸外观”功能不同，“编辑多个帧”功能在舞台上显示的多个关键帧都可以选择和编辑，而不论哪一个是当前帧。
新知识：洋葱皮系统
注意事项：
当“绘图纸外观”打开时，锁定图层（有个挂锁图标的图层）不会显示。为了避免搞乱多数图像，可以锁定或隐藏不想使用绘图纸外观的图层。
Байду номын сангаас
当“绘图类纸外似观于”打绘开时图，纸锁定外图观层（，有单个挂击锁该图标按的钮图层后），不会在显舞示。台上会显示包含在绘图纸标记内的关键当使“用绘户图可帧纸以外，同观时与”打编使开辑时多用，个“锁帧定绘图图层（纸有外个挂观锁”图标功的能图层不）同不会，显“示。编辑多个帧”功能在舞台上显示的多个类似于绘关图键纸外帧观都，单可击以该按选钮择后，和在编舞台辑上，会显而示不包含论在哪绘图一纸个标记是内当的关前键帧帧，。与使用“绘图纸外观”功能不同，“编辑多个帧”功能

flash基础教程：逐帧动画、形变动画、运动动画概念及区别介绍

flash基础教程：逐帧动画、形变动画、运动动画概念及区别介绍本教程为⼤家介绍flash中最基本的三种动画⽅法：逐帧动画、形变动画和运动动画。

1. 概念逐帧动画——是Flash动画最基本的形式，是通过更改每⼀个连续帧在编辑舞台上的内容来建⽴的动画。

形状补间动画——是在两个关键帧端点之间，通过改变基本图形的形状或⾊彩变化，并由程序⾃动创建中间过程的形状变化⽽实现的动画。

运动补间动画——是在两个关键帧端点之间，通过改变舞台上实例的位置、⼤⼩、旋转⾓度、⾊彩变化等等属性，并由程序⾃动创建中间过程的运动变化⽽实现的动画。

2. 区别 1）逐帧动画的每⼀帧使⽤单独的画⾯，适合于每⼀帧中的图像都在更改⽽不是仅仅简单地在舞台中移动的复杂动画。

对需要进⾏细微改变（⽐如头发飘动）的复杂动画是很理想的⽅式。

形状补间在起始端点绘制⼀个图形，再在终⽌端点绘制另⼀个图形，可以实现⼀副图形变为另⼀副图形的效果。

运动补间在起始端点定义⼀个实例的位置、⼤⼩、⾊彩等属性，在终⽌端点改变这些属性，可以实现翻转、渐隐渐现等效果。

2）逐帧动画保存每⼀帧上的完整数据，补间动画只保存帧之间不同的数据，因此运⽤补间动画相对于帧帧动画，可以减⼩⽂件体积。

3）形状补间必须是运⽤在被打散的形状图形之间，动画补间必须应⽤在组合、实例上，帧帧动画不受此限制。

4）帧帧动画的每⼀帧都是关键帧，形状补间动画帧之间是绿⾊背景⾊，两端由实线箭头相连，运动补间动画帧之间是兰⾊背景⾊，两端也由实线箭头相连。

3. 应⽤中需注意的问题 1）如果在创建补间动画时，时间轴上出现虚线箭头，表⽰补间不成功，应检查两个端点的对象是不是符合做形状补间或动作补间的对象。

2）可以利⽤变形提⽰点来控制形状渐变的效果，利⽤变形提⽰点，两端的形状越简单效果越好。

以上就是逐帧动画、形变动画、运动动画概念及区别介绍，希望对⼤家有所帮助！。

Flash 8中文版实用教程(第2版) 04 逐帧动画制作

果〞图层，选中“文字效果〞图层的第2帧，然后按F7 键插入一个空白关键帧。〔2〕选择【文本】工具，设置【字体】为“书体坊米芾体〞〔读者可以设置为自己喜欢的字体或者自行购置外部字体库〕，【字体颜色】为“#FFFF00〞，【字体大小】为“100〞，然后在舞台上输入“川〞字，并设置文字到舞台的左上角，如图4-27所示。〔3〕选中“文字效果〞图层的第3帧，按F6 键插入一个关键帧，然后在该帧输入一个“剧〞字，并设置“剧〞字的位置到舞台的右上角，效果如图4-28所示。
图4-4 唐老鸭的预期性
5、使用夸张手法夸张手法用于强调某个动作，如动画中常常用夸张的手法表现
角色的情绪，如图4-5所示。
但使用时应小心谨慎，不能太随意，否那么会适得其反，如图46所示。
图4-6 过度使用夸张的动画角色
6、挤压和伸展挤压和伸展是通过对象的变形来表现对象的硬度，如图4-7所
示。
〔3〕选中“变脸效果〞图层的第2帧，按F7 键插入一个空白关键帧，然后选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材\工程四\川剧变脸\脸谱\鼓越.png〞图像文件导入到舞台，并调整使其相对舞台居中对齐，效果如图4-22所示。
图4-21 第1帧的舞台效果
图4-22 第2帧的舞台效果
导入背景
制作逐帧动画元件
导入舞台
最终效果2
最终效果1
图4-32 制作思路及效果
制作倒影
【操作步骤】 1、制作背景。〔2〕新建一个Flash文档，设置文档【尺寸】为“425px×360px
〞，其他文档属性使用默认参数。〔2〕将默认的“图层1〞重命名为“背景〞图层，然后选择【文件】
/【导入】/【导入到舞台】命令，将教学素材中的“素材\工程四\神秘舞者\背景.jpg〞的图像文件导入到舞台中，并相对舞台居中对齐，舞台效果如图4-33所示。

FLASH逐帧动画和补间动画FPS简介2022优秀文档

例FFF通F每通通《洋我一FFF通F我通通通通《每我F洋PPPPPPPPPPP常如常秒常常F葱们般常们常常常常F秒们葱SSSSSSSSSSSLL”””是是是，：，钟，，皮在我，在，，，，钟在皮AA（（（（（也也也SS图测测要7要帧要要系装们要装要要要要帧装系类F里”率都每每每每每可可可HH5P像量量避避数避避统机设避机避避避避数机统H秒秒秒动秒秒动以以以型S说。刷能z领用用免免愈免免知选置免选免免免免愈选知传传传画传传画”理理理的域于于动动多动动识购缺动购动动动动多购识区的一也感输输输制输输制解解解刷也中保保作作，作作点显省作显作作作作，显点帧帧帧作帧帧作为为为新分“般就觉的存存不不所不不详卡刷不卡不不不不所卡详数数数》数数》可我我我率定、、流流显流流解和新流和流流流流显和解我是到F(((((们们们刷FFFFFP以义显显畅畅示畅畅：显率畅显畅畅畅畅示显：rrrrr常常常也们指屏aSaaaa，示示的的的的的示都的示的的的的的示mmmmm值理说说说就eeeee是动动最最动最最器在最器最最最最动器设屏幕的的的是sssss”解指态态低低作低低的低的低低低低作的7PPPPP“““指置幕的5刷刷刷eeeee画视视是是就是是时是时是是是是就时H。为屏rrrrr新新新z面频频会候候会候缺一闪333333333SSSSS（幕000000000率率率eeeee我我每的的愈，，愈，。。。。。。。。。ccccc即一省秒烁（（（ooooo秒信信流都都流都们们7秒nnnnn单单单5ddddd传息息畅会会畅会刷内，内帧)))))位位位在常输数数。注注。注只/新只不为为为秒帧量量意意意装说扫HHH）数。。到到到率扫连描zzz以机的））），“““7刷刷刷都描贯上”””5通，，，选“新新新次。俗在，7例例例率率率，购刷5来如如如”””即对7次。。。讲我我我显新57就图H，5们们们帧卡率z是常常常像（即/秒指在在在和（。动显即7CCC显单5SSS画示7帧游游游或示位5戏戏戏视效帧/里里里器为秒频果/说说说的的H秒。的的的画和z“““时））而FFF面PPP视数SSS候”以当值值值。觉，，上刷”””。。。感都例。新观会如例率产注我如太生意们：低不到常时7好5“在我H的z刷们C的影S新肉游刷响率眼戏新。

Flash 第4章补间动画

分分门门别类前后类别
4.2 形状补间动画
形状补间动画可以是形状、位置和颜色的变化，但主要还是形状的变化。这里首先要强调的一点是，形状动画不可以使用元件的实例，只能是绘制或转换的图形，以下分两点来进行介绍。 1、制作简单的形状补间动画 2、使用形状提示点
4.2.1制作简单的形状补间动画
4.1.3创建元件
1、创建图形元件选择菜单栏上的【插入】/【新建元件】命令，或者在【库】面板中单击【新建元件】按钮，也可以在【库】面板中右击鼠标，在弹出的快捷菜单上选择【新建元件】命令，均可打开【创建新元件对话框，如下图所示。
“创建新元件”对话框
4.1.3创建元件
2、创建按钮元件选择菜单栏上的【插入】/【新建元件】命令，或者在【库】面板中单击【新建元件】按钮，也可以在【库】面板中右击鼠标，在弹出的快捷菜单上选择【新建元件】命令，均可打开【创建新元件】对话框，如下图所示。
4.1.1元件和实例的概念
所谓元件元件，就是存放在库中的各种矢量图形、图像元件（可以是从外部导入的JPG、GIF和BMP等格式图像）、动画、按钮或者导入的声音和视频文件，元件具有存储一次可以重复使用多次的特点。实例则是指元件在舞台工作区的应用。一旦创建了实例元件就可以创建它的实例。将元件拖入舞台上，就产生了一个实例，所以，一个元件可以产生许多的实例，当元件修改以后，它所生成的实例都会跟着更新。
“创建新元件”对话框
4.1.3创Leabharlann 元件3、创建影片剪辑元件方法与前面类似，【创建新元件】面板中类型选择“影片剪辑”。
4.1.4编辑元件
1、在元件编辑窗口编辑元件 2、在新窗口中编辑元件 3、在当前位置修改元件 4、重命名元件

flash动画制作教程

音乐。步骤： 1）导入声音文件到库。 2）新建一个图层。 3）将声音文件从库中拖动至舞台上，即可插入声音。 4）对声音进行编辑。（属性面板：调整波形及声音的长短等。）
举例：升降旗
• “窗口”—“动作”即可打开“动作”面板（也可按F9 键）。单击“+”号可以添加动作。 • 动作可以添加到按钮和帧(关键帧)上,利用动作可以创建交互式动画。 • 最后测试影片
运动补间帧：用底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。形状补间帧：用底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。
一、逐帧动画
• 逐帧动画:通过更改连续帧，可以在Flash 中文档中创建动画。
效果:对象的移动，增加/减少对象的大小，旋转，更改颜色，淡入淡入，更改对象形状的效果。
实例1：光影效果实例2：透视文字（利用遮罩层实现）实例3：文字依次显示
第六节给动画添加声音和动作
Flash中的声音类型：事件声音(event sounds) 事件声音必须完全下载之后才能开始播放并且连续播放直到有明确的停止命令，因此比较适合制作很短的声响。流声音(stream sounds)。流声音可以边下载边播放，则只需下载开始几帧的数据就可以开始播放，而且声音的播放和时间轴是同步的，适合用于网络中，制作很长的背景音乐中，用户无需等待太长时间。
创建动画的基本方法
Flash动画的类型
1、逐帧动画（帧-帧动画）运动渐变（动画补间）
2、补间动画（过渡动画）
形状渐变（形状补间）
几种动画制作技术
• 逐帧动画 • 运动补间动画 • 形状补间动画
• 逐帧动画:在逐帧动画中需要在每一帧都生成图像 • 补间动画:只需要生成开始和结束的帧即可。

Flash逐帧动画与动作补间动画

18
操作实例：将“课件制作”4个字做成缩放动画
在flash第一帧中输入“课件制作”四个字在第30帧处按F6插入关键桢，并修改文字的大小右击第一帧，选择“创建补间动画”，创建动画成功。

19
操作实例
球的运动：从左边移动到右边文字动画：文字由小变大…… 底端旋转、旋转的风车物体变大
6
绘制元件
新建元件：Ctrl+F8 直接转换为元件：F8 例1：树木图形元件的制作

7
树木图形元件的制作
新建一图形元件“小树” 绘制小树，树叶填充色：墨绿色（#006600），树根填充色褐色（#993300）回到主场景，创建动作动画，使用“缩放工具”在第1帧处缩小图形实例，在第30帧处，放大图形实例。

3
二、制作逐帧动画

逐帧动画：也叫帧-帧动画，通过每一帧的变化来产生动画效果，例如：人走路时双脚交互向前的动作、奔跑的豹子等等。
4
二、制作逐帧动画（续）

知识点：
（1）用导入的静态图片建立逐帧动画（2）绘制矢量逐帧动画（3）文字逐帧动画（4）导入序列图像

实例1：倒计时动画实例2：奔跑的豹子实例3：制作风景切换动画实例4：制作毛笔字动画
10
按钮的四个帧

第一帧是弹起状态，代表指针没有滑过按钮时该按钮的外观。第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观。第三帧是按下状态，代表单击按钮时，该按钮的外观。第四帧是点击状态，定义将响应鼠标单击的区域。这片区域在影片中是不可见的。
11
用按钮控制动画播放
播放按钮 on（press）{ play（）； }

Flash动画制作之—制作逐帧动画04

件时都会引起“按钮”元件文字的变化。
7、关闭测试播放器，在主场景的默认“图层1”的第10帧处插入帧，然后再次测试播放影片观看效果，此时“图形”元件开始循环播放。
8、选中舞台上的“图形”元件，然后在【属性】面板中分别设置播放方式为“循环”、“播放一次”、“单帧”3种不同选项值，如图4-32所示，并播放测试观看影片。
入元件的编辑模式。
（2）选中默认“图层1”的第1帧，利用【文本】工具在舞台上输入“ 生日快乐”4个字，在【属性】面板中设置其【字体】为“方正舒体”，【字体大小】为“95”，【文本颜色】为“红色”，如图435所示，调整使其相对舞台居中对齐。
图4-34 导入背景后的舞台效果
图4-35 设置文本属性
图4-30 文字逐帧动画
图4-31 在不同帧输入文字
6、返回主场景，将【库】面板中的“影片剪辑”、“图形”、 “按钮”放置到舞台上，按Ctrl+Enter快捷键测试影片观看效果。
（1）影片剪辑”元件不停的循环播放；（2）“图形”元件不播放；（3）当鼠标移动到“按钮”元件之上或用鼠标单击“按钮”元
（2）选择【文本】工具，在【属性】面板中设置【字体】为“隶书 ”，【字体颜色】为“#FFFFFF”，【字体大小】为“80”，然后在舞台上输入“一”字，并移动文字到舞台的上边，如图4-18所示。
（3）选中“文字效果”图层的第3帧，按F6快捷键插入一个关键帧，
在该帧输入一个“马”字，并移动“马”字的位置到“一”字右侧，效果如图4-19所示。（4）使用相同的方法，分别在第4帧和第5帧输入“平”、“川”字，如图4-20和图4-21所示。
4、在第2帧处按F6快捷键插入关键帧，然后修改图形效果如图4-25 所示。

《Flash动画制作课程》制作简单动画-逐帧动画和形状补间动画教案

画。

制作步骤：1.单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。

2.创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。

3.单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键4.修改舞台上的内容5.重复步骤4、5，完成所有关键帧。

（如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，）5.3 绘图纸显示模式通常情况下，Flash一次只显示动画序列中的一个帧。

如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。

在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。

绘图纸功能的使用：•分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则•角形：选择该项在创建动画时将在中间形状中保留明显的角和直线注意：•变形对象必须在一个图层上，否则不能形成补间动画。

•要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。

二.控点的运用控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。

设置控点方法：1.选择变形动画序列中的第一个关键帧，执行【修改】→【变形】→【添加形状提示】命令，则在变形对象的正中央有一个红色小圈，内部标有字母2.将变形提示移动到要标记的点。

按照同样的方法添加和设置其他的变形提示。

3.选择下一个关键帧，用鼠标按住控点，拖动变形提示到标记的位置。

注意：•设置控点时一定要排列好各控点的位置。

在原始图形和要补间的图形中控点的顺序应该一致。

•控点编号从a到z最多可以设置27.控点。

•确保形状提示是符合逻辑的。

例如，如果在一个三角形中使用三个形状提示，它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。

第5讲3： FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布

图4-17 遮罩效果
4.3.2 创建遮罩效果
要创建和使用遮罩效果，至少要用到两个图层，它们按特定的顺序排列在时间轴上。其中，遮罩层肯定位于被遮罩层的上方。当然，如果多个图层都被遮罩，那么它们都是“被遮罩层”，都会受到遮罩效果的影响。
1．创建遮罩效果的步骤 2．不同的遮罩效果根据上面的说明可以看出，遮罩效果的作用方式有以下4种。遮罩层中的对象是静态的，被遮罩层中的对象也是静态的，这样生成的效果就是静态遮罩效果；
4.1.2 产生形状补间的属性
1．形状本身属性 2．形状颜色属性 3．形状大小属性 4．形状位置属性 5．文字 6．综合属性
4.1.3 制作步骤
图4-5 设置形状补间选项
4.2.1 Leabharlann 么是形状提示4.2 用形状提示控制动画
在制作形状补间动画时，Flash可以自动计算出两个关键帧中的形状补间动画。如果要控制复杂或罕见的形状变化，可以使用形状提示。也就是说，可以用形状提示来控制形状以什么方式渐变。形状提示会标识起始形状和结束形状中的相对应的点。
图4-18 绘制探照灯
（5）在“文字遮罩”层第50帧单击鼠标右键，选择“插入帧”命令。（6）单击“探照灯”层，在第25帧插入关键帧，用选择工具将渐变的圆形移动到文字右侧（注意选中“视图”菜单“对齐”子菜单中的“贴紧对齐”命令）。（7）在该层第1帧上单击鼠标右键，选择“复制帧”命令，在第50帧上单击右键，选择“粘贴帧”命令。
实现该效果的参考步骤如下。（1）新建一个Flash电影，将图层1的名称更改为“背景”。（2）按“Ctrl+R”键导入要作为背景显示的黑白位图文件（该位图文件事先由 Fireworks处理好，最简便的办法是执行 Fireworks的“命令”菜单“创意”子菜单的“转换为灰度图像”命令），将其调整为舞台大小。

第4章补间动画

4.3 动作补间动画
运用动作补间动画，可以设置元件的大小、位置、颜色、透明度、旋转等种种属性。与形状补间动画不同的是，动作补间动画的对象必须是元件或成组对象。
4.3 动作补间动画
4.3.1 引入案例——贪嘴懒羊羊
【案例学习目标】使用“补间动画”或“传统补间动画” 命令来制作运动变化的动画效果。【案例知识要点】导入图片并转换为元件，创建动作补间动画，制作元件由小变大、由大变小的动画效果，如图 4-38所示。
4.1元件和实例
4.1.3元件的分类
Flash中的元件有三种类型，包括图形元件、按钮元件和影片剪辑元件。 1. 图形元件图形元件是一种最简单的Flash元件，一般用于制作动态图形、不具备交互性的动画，以及与时间轴紧密关联的影片。交互性控制和声音不能在图形元件中使用。图形元件有自己的编辑区和时间轴，如果在场景中创建元件的实例，那么实例将受到主场景中时间轴的约束。换句话说，图形元件中的时间轴与其实例在主场景的时间轴同步。
掌握元件的类型和元件的创建及编辑掌握形状补间动画的制作方法掌握动作补间动画的制作方法
本章目录
4.1 元件和实例 4.2 形状补间动画 4.3 动作补间动画 4.4 综合案例课后实训
4.1元件和实例
在Flash CS5中，元件起着举足轻重的作用。通过重复应用元件，可以提高工作效率、减少文件量。
4.1元件和实例
4.1.2元件和实例的概念
在Flash动画的设计过程中，常常需要创建一些能被引用的元素，一些特殊效果也必须通过这些元素才能实现，这些元素称为元件。元件是一个可以重复使用的图像、按钮或动画。在元件中创建的动画既可以独立于主动画进行播放，也可以将其调入到主动画中作为主动画的一部分。创建元件后，Flash会自动将它添加到元件库中，以后需要时可直接从元件库中调用，而不必每次都重复制作相同的对象。

flash逐帧动画与补间动画PPT学习教案

第1页顺序，把一方面或多方面的时间足迹事件串联起来，形成相对完整的记录体系，再运用图文的形式呈现给用户；时间轴可以运用于不同领域，最大的作用就是把过去的事物系统化、完整化、精确化。（帮助我们理解时间轴的概念）
第2页/共18页
一般组成动画的各个小动画要放置在不同的图层。图层的操作：新建\删除\重命名\顺序\锁定\隐藏图层分类：普通图层，引导图层，遮罩图层
第4页/共18页
发布
第5页/共18页
关键帧与帧
帧——就是影像动画中最小单位的单幅影像画面，
相当于电影胶片上的每一格镜头。一帧就是一副静止的画面，连续的帧就形成动画，如电视图象等。我们通常说帧数，简单地说，就是在1秒钟时间里传输的图片的帧数，也可以理解为图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）表示。每一帧都是静止的图象，快速连续地显示帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动画。每秒钟帧数 (fps) 愈多，所显示的动作就会愈流畅。
第12页/共18页
形状补间动画
形状补间动画是在Flash的时间帧面板上，在一
个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用图形元件、按钮、文字，则必先打散（Ctrl+B）后才可以做形状补间动画。
flash逐帧动画与补间动画
会计学

《flash补间动画制作》教学课件

补间动画的制作
1、Flash动画的分类：
• 逐帧动画和补间动画 • 补间动画：渐变动画：采用独特过渡技术，只需要制作第一个关键帧与最后一个关键帧的内容，中间帧的动画过程由Flash自动生成。 • 补间动画分为形状补间和动画补间
完成“练习 ”任务
思考：形动画，它是指形状逐渐发生变化的动画，图形的变形不需要人工干预，只需要确定变形前的画面和变形后的画面，中间的变化过程由Flash自动完成。 • 形状补间要求前后两个关键帧均要为分离的图形。
• 重点：形状补间制作成功后，时间轴面板的背景色：淡绿色动画补间制作成功后，时间轴面板的背景色：淡紫色
登入“教学辅助平台”，完成“文字变形”任务.

第四章-制作Flash补间动画经典详细教程PPT课件

.
12
例6 动态秀文字 – 旋转洋葱头文字效果
• 步骤1：设置文档 550*200,40fps • 步骤2：制作两个文本mc: "ONLON SKIN" – 洋葱皮，琥珀字体、字号：40
•文本1（文字带边沿），文本2（文字不带边沿） -- 文字打散 • 步骤3：编辑主场景
• 层1（旋转文本1）：文本1_mc,50帧动画，逆时针旋转1周 • 层2（旋转文本2）：文本2_mc,2帧空白，50帧动画，逆时针旋转1周，透明度设为50 • 层3（旋转文本2）：文本2_mc,4帧空白，50帧动画，逆时针旋转1周，透明度设为45 • 层4-层9（旋转文本2）：文本2_mc,每次增加两帧空白，动画相同，透明度依次减5 • 步骤4：Ctrl+Enter,测试影片
• 层2（阴影）：1-25帧为阴影收缩的效果， 25-50帧为阴影放大效果
.
4
4.2 形状补间动画
起始关键帧设置形状补间终止关键帧
打散的对象
打散的对象
• 要素：首尾两个关键帧，中间插入形状补间
• 要求：首尾两个关键帧中内容必须是打散的对象。即，形状
• 特点：首尾帧两个关键帧中内容可以是不同的对象，甚至可以是多个对象，但都必须是打散的。利用【绘图纸外观】按钮，可以得到左边效果。俗称洋葱皮效果。
.
11
例5 动态秀文字 – 文字剪影向外发散
设置文档 550*200,12fps，背景黑色 1）层1（制作人文本）： "制作人：黄荧"，放在右下角 2）层2（标题文本）：大标题从舞台上方移入+稍微放大 3）层3（标题剪影左移淡出）：在15帧处插入关键帧，复制标题在其中作为剪影，左移淡出. 4）层4（标题剪影右移淡出）：在15帧处插入关键帧，复制标题在其中作为剪影，右移淡出. 5）Ctrl+Enter,测试影片

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

● 【修改绘图纸标记】按钮：按下后，弹出会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。 ♣ 【锚定绘图纸】选项：会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 ♣【绘图纸 2】选项；会在当前帧的两边显示两个帧。 ♣【绘图纸 5】选项；会在当前帧的两边显示五个帧。 ♣ 【绘制全部】选项；会在当前帧的两边显示全部帧。
绘画纸的功能
【绘画纸】各个按钮的功能：
● 【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 ● 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 ● 【编辑多个帧】按钮：按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。
简单动画-逐帧动画、简单动画-逐帧动画、补间动画
逐帧动画
适用于每天帧的图像都在发生变化的动画。这是一种常见的动画手法，它的原理是在 “连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。
♣优点：变化复杂，可以制作出任何效果 ♣缺点：制作过程繁锁，生成的动画文件比较大
逐帧动画
练习：小球的弹跳
2）“旋转”选项旋转”
♣ 选择“无”（默认设置）禁止元件旋转； ♣ 选择“自动”可以使元件在需要最小动作的方向上旋转对象一次； ♣ 选择“顺时针”(CW) 或“逆时针”(CCW) ， ♣ 后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。
3）“调整到路径”
♣ 将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，
补间动画---形状
变形动画：要求参与动画的对象必须是形状，不得使用元件。动作补间动画时间帧面板的背景色变为淡绿色步骤：
1. 建立两个关键帧（打散状态） 2. 选择第一帧或两关键帧中间，在属性面板”补间选择 “ 形状 ”
练习：
–A-B变形， –跳动的心 –月亮圆弯变化 –五角形变十边形 –矩形条变长
（4）“同步”复选框
♣ 使图形元件实例的动画和主时间轴同步
（5）“对齐”选项
♣ 可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。
形状、动作补间动画区别
区别之处在时间轴上的表现组成元素动作补间动画淡紫色背景加长箭头影片剪辑、图形元件、按钮实现一个元件的大小、位置、颜色、透明等的变化。形状补间动画淡绿色背景加长箭头形状，如果使用图形元件、按钮、文字，则必先打散再变形。实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。
补间动画---动作
设置元件的大小、位置、颜色、透明度、旋转等变化构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
动作补间动画时间帧面板的背景色变为淡紫色练习
实例：
♣字母ABCD变化 ♣文字书记
逐帧擦除后，将全部帧翻转
♣奔跑的豹子
利用静态图片逐帧制作跑动的豹子
♣利用文字逐帧动画制作文字渐出
绘画纸的功能
绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。
选中对象插入时间轴时间轴特效
精确控制动画-五角星变十角星
修改开头添加形状提示 ①设置背景色 ②插入第一关键帧，并绘制一个五角形。 ③在第30帧上插入空白关键帧，并绘制一个十角星形。 ④利用时间轴上的“编辑多帧”工具，对齐第一、二关键帧的各自五个角。 ⑤在第一关键帧上设定五个“形状提示点”，修改－－形状－－添加形状提示点。 ⑥在第二关键帧上设定各提示点的对应终点位置。 ⑦对第一关键帧设定“形状”动画补间。
完成的作用
拖影文字步骤
操作步骤： ①建立文字元件。 ②创建第一图层，设定第一、二关键帧（同帧），并设制“动画”补间，旋转为1次。 ②创建第二图层，此层为阴影层，复制第一层的关键帧。 ③创建第三至第九图层，这些层均为拖影层，每层之间涉后二帧。与第一图层相比，这些层均要调整透明度。
时间轴特效
♣风车 ♣闪动的星星（透明度、大小） ♣滚动的小球（自转）旋转属性 ♣字体放大缩小 ♣流星雨 ♣弹起的皮球（缓动） ♣小提琴独奏
属性面板
1）缓动
♣ 在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化： ♣ 在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。 ♣ 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 ♣ 默认情况下，补间帧之间的变化速率是不变的。