《制作逐帧动画》PPT课件

《《制作逐帧动画》PPT课件》由会员分享，可在线阅读，更多相关《《制作逐帧动画》PPT课件（37页珍藏版）》请在金锄头文库上搜索。

1、学习目标学习目标 第第4 4讲讲 制作逐帧动画l了解帧的种类及对帧的操作了解帧的种类及对帧的操作 。l掌握逐帧动画的原理和制作方法掌握逐帧动画的原理和制作方法 。l掌握使用逐帧动画进行细腻表达的方法。掌握使用逐帧动画进行细腻表达的方法。 l使用逐帧动画表现绘图效果使用逐帧动画表现绘图效果 。 4.1 逐帧动画原理 4.2 认识原件和库 4.3 课后作业本章大纲本章大纲4.1 逐帧动画原理 4.1.1 知识点讲解 逐帧动画的原理比较简单，但是要制作出优秀的逐帧动画对制作者的动画技能要求较高。本节从逐帧原理入手再配合一个较简单的逐帧动画来向读者讲述如何制作逐帧动画 . 一、帧的类型一、帧的类型 （

2、1）关键帧 。动作补间动画、形状补间动画、AS代码、关键帧、空白关键帧在【时间轴】中的显示如图4-1所示 。（2）普通帧 。普通帧的最后一帧显示为一个中空矩形，图4-2所示为普通帧在【时间轴】中显示的效果 。 图图4-1 关键帧关键帧 图图4-2 普通帧效果普通帧效果 二、对帧的操作。二、对帧的操作。 对帧的操作有对帧的操作有3种方式：菜单命令（见图种方式：菜单命令（见图4-3）、鼠标右键快）、鼠标右键快捷菜单（见图捷菜单（见图4-4）和键盘快捷键。）和键盘快捷键。 图图4-3 选择选择【编辑编辑】下的菜单命令下的菜单命令 图图4-4 用鼠标右键单击帧弹出的快捷菜单用鼠标右键单击帧弹出的快捷菜

3、单 常用的帧操作命令的快捷键及功能如表常用的帧操作命令的快捷键及功能如表4-1所示所示 。表表4-1 常用的帧操作命令的快捷键及功能常用的帧操作命令的快捷键及功能命令快捷键功能说明创建补间动画在当前选择的帧的关键帧之间创建动作补间动画创建补间形状在当前选择的帧的关键帧之间创建形状补间动画插入帧F5在当前位置插入一个普通帧，此帧将延继上帧的内容删除帧Shift+F5删除所选择的帧插入关键帧F6在当前位置插入关键帧并将前一关键帧的作用时间延长到该帧之前插入空白关键帧F7在当前位置插入一个空白关键帧清除关键帧Shift+F6清除所选择的关键帧，使其变为普通帧转换为关键帧将选择的普通帧转换为关键帧转换

4、空白关键帧将选择的帧转换为空白关键帧剪切帧Ctrl+Alt+X剪切当前选择的帧复制帧Ctrl+Alt+C复制当前选择的帧粘贴帧Ctrl+Alt+V将剪切或复制的帧粘贴到当前位置清除帧Alt+Backspace清除所选择的关键帧 选择所有帧Ctrl+Alt+A选择时间轴中的所有帧翻转帧将所选择的帧翻转，只有在选择了两个或两个以上的关键帧时该命令才有效同步符号如果所选帧中包含图形元件实例，那么执行此命令将确保在制作动作补间动画时图形元件的帧数与动作补间动画的帧数同步动作F9为当前选择的帧添加ActionScript代码三、逐帧动画的原理。三、逐帧动画的原理。 逐帧动画的原理是逐一创建出每一帧上的动

5、画内容，然后顺序逐帧动画的原理是逐一创建出每一帧上的动画内容，然后顺序播放各动画帧上的内容，从而实现连续的动画效果，如图播放各动画帧上的内容，从而实现连续的动画效果，如图4-5所示。所示。 图图4-5 逐帧动画原理逐帧动画原理 创建逐帧动画的典型方法主要有以下创建逐帧动画的典型方法主要有以下3种。种。l从外部导入素材生成逐帧动画，如导入静态的图片、序列图像从外部导入素材生成逐帧动画，如导入静态的图片、序列图像和和GIF动态图片等。动态图片等。l使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特效动画。效动画。l绘制矢量逐帧动画，利用各种

6、制作工具在场景中绘制连续变化绘制矢量逐帧动画，利用各种制作工具在场景中绘制连续变化的矢量图形，从而形成逐帧动画的矢量图形，从而形成逐帧动画 4.2.1 范例解析（一）对操作帧的练习 请同学们在老师的带领下对帧的操作进行进一步的熟悉，并跟请同学们在老师的带领下对帧的操作进行进一步的熟悉，并跟随以下要求进行操作训练。随以下要求进行操作训练。 1、新建一个、新建一个Flash文档，然后在舞台上输入文档，然后在舞台上输入“Flash帧操作帧操作”几个字，几个字，并设置文字颜色为并设置文字颜色为“暗红色暗红色”,如图如图4-6所示。所示。2、选中默认、选中默认“图层图层1”的第的第10帧，按键盘上的帧，

7、按键盘上的F5快捷键插入帧，如图快捷键插入帧，如图4-7所示。然后拖动时间轴控制柄观看舞台上文字的变化所示。然后拖动时间轴控制柄观看舞台上文字的变化 图图4-6 输入文字输入文字 图图4-7 插入帧插入帧 3、选中默认、选中默认“图层图层1”的第的第5帧，按键盘上的帧，按键盘上的F6快捷键插入关键帧，快捷键插入关键帧，如图如图4-8所示，在第所示，在第5帧处改变文字的颜色为帧处改变文字的颜色为“蓝色蓝色”，然后拖，然后拖动时间轴控制柄观察第动时间轴控制柄观察第5帧前和第帧前和第5帧后文字的变换。帧后文字的变换。4、按、按F7快捷键，分别在第快捷键，分别在第3帧和第帧和第8帧处插入空白关键帧，如

8、图帧处插入空白关键帧，如图4-9所示，然后拖动时间轴控制柄观察舞台的变化。所示，然后拖动时间轴控制柄观察舞台的变化。图图4-8 插入关键帧插入关键帧 图图4-9 插入空白关键帧插入空白关键帧 5、按、按Ctrl+Alt+A快捷键选中所有帧，如图快捷键选中所有帧，如图4-10所示。所示。6、按、按Ctrl+Alt+C快捷键复制所有帧，然后选中第快捷键复制所有帧，然后选中第10帧，按下帧，按下Ctrl+Alt+V快捷键粘贴帧，此时，快捷键粘贴帧，此时，【时间轴时间轴】面板如图面板如图4-11所示，所示，然后拖动时间轴控制柄观察舞台的效果然后拖动时间轴控制柄观察舞台的效果 。图图4-10 选中所有帧

9、选中所有帧 图图4-11 粘贴帧粘贴帧 请根据请根据【知识点讲解知识点讲解】栏目讲解的帧知识和此处进行的操栏目讲解的帧知识和此处进行的操作和观察，思考帧、关键帧、空白关键帧的意义和用法作和观察，思考帧、关键帧、空白关键帧的意义和用法 。4.2.1 范例解析（一）对操作帧的练习 本例使用从外部导入静态图片和使用文字的方式来制作逐帧动本例使用从外部导入静态图片和使用文字的方式来制作逐帧动画，从而制作画，从而制作“一马平川一马平川”的动画效果，其制作思路及结果如图的动画效果，其制作思路及结果如图4-12所示所示 。图图4-12 制作思路及效果制作思路及效果 1、制作背景。、制作背景。 （1）新建一个

10、）新建一个Flash文档，设置文档文档，设置文档【尺寸尺寸】为为“550px250px”，【帧频帧频】为为“6fps”，其他属性使用默认参数，其他属性使用默认参数 。（2）将默认的）将默认的“图层图层1”重命名为重命名为“背景背景”层，执行层，执行【文件文件】/【导导入入】/【导入到舞台导入到舞台】菜单命令，将教学资源中的菜单命令，将教学资源中的“素材素材第第4讲讲一马一马平川平川背景背景.png”的图像文件导入到舞台中，并相对舞台居中对齐，的图像文件导入到舞台中，并相对舞台居中对齐，如图如图4-13所示所示 。图图4-13 导入背景后的舞台效果导入背景后的舞台效果 2、制作骏马奔跑动画、制作

11、骏马奔跑动画 。（1）在“背景”图层之上新建一个图层并重命名为“骏马”层，然后选中“背景”图层和“骏马”的第8帧，按下F5快捷键插入帧，此时的【时间轴】状态如图4-14所示 。图图4-14 【时间轴时间轴】状态一状态一 （2）新建一个影片剪辑元件并命名为）新建一个影片剪辑元件并命名为“骏马骏马”，进入元件的编辑，进入元件的编辑模式。模式。 （3）在元件内执行）在元件内执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜单命令，菜单命令，将教学资源中的将教学资源中的“素材素材第第4讲讲一马平川一马平川骏马骏马马马1.png”的图像文件的图像文件导入到舞台中，此时会弹出提示对话框，询问是否导

12、入序列图片的导入到舞台中，此时会弹出提示对话框，询问是否导入序列图片的对话框，如图对话框，如图4-15所示所示 。（4）选择）选择 按钮，将序列图片全部导入到时间轴上，时间按钮，将序列图片全部导入到时间轴上，时间轴效果如图轴效果如图4-16所示所示 （5）返回主场景，将刚才创建好的）返回主场景，将刚才创建好的“骏马骏马”影片剪辑元件拖入到影片剪辑元件拖入到“骏马骏马”图层，并相对舞台居中对齐，如图图层，并相对舞台居中对齐，如图4-17所示。所示。图图4-15 导入序列图片导入序列图片 图图4-16 【时间轴时间轴】效果效果 图图4-17 导入导入“骏马骏马”元件元件 3、制作文字逐帧动画、制作

13、文字逐帧动画 。（1）在）在“骏马骏马”图层上面新建一个图层并重命名为图层上面新建一个图层并重命名为“文字效果文字效果”，选中选中“文字效果文字效果”图层的第图层的第2帧，然后按帧，然后按F6快捷键插入一个关键帧快捷键插入一个关键帧 。（2）选择）选择【文本文本】工具，在工具，在【属性属性】面板中设置面板中设置【字体字体】为为“隶书隶书”，【字体颜色字体颜色】为为“#FFFFFF”，【字体大小字体大小】为为“80”，然后，然后在舞台上输入在舞台上输入“一一”字，并移动文字到舞台的上边，如图字，并移动文字到舞台的上边，如图4-18所所示示 。（3）选中）选中“文字效果文字效果”图层的第图层的第3

14、帧，按帧，按F6快捷键插入一个关键帧，快捷键插入一个关键帧，在该帧输入一个在该帧输入一个“马马”字，并移动字，并移动“马马”字的位置到字的位置到“一一”字右字右侧，效果如图侧，效果如图4-19所示所示 。（4）使用相同的方法，分别在第）使用相同的方法，分别在第4帧和第帧和第5帧输入帧输入“平平”、“川川”字，字，如图如图4-20和图和图4-21所示。所示。 图图4-18 第第2帧添加帧添加“一一” 图图4-19 第第3帧添加帧添加“马马” 图图4-20 第第4帧添加帧添加“平平” 图图4-21 第第5帧添加帧添加“川川” （5）保存测试影片，一马平川的动画效果制作完成）保存测试影片，一马平川的

15、动画效果制作完成 。4.1.44.1.4 课堂练习课堂练习制作制作“旗帜飘扬旗帜飘扬” 请同学们使用绘图工具，在不同的帧上绘制红旗在空中不同的请同学们使用绘图工具，在不同的帧上绘制红旗在空中不同的状态，从而制作如图状态，从而制作如图4-22所示的动态效果所示的动态效果。第第1帧帧 第第2帧帧 第第3帧帧 第第4帧帧 第第5帧帧 图图4-22 动态红旗效果动态红旗效果 1、新建一个、新建一个Flash文档，设置文档文档，设置文档【尺寸尺寸】为为“250px350px”，【帧频帧频】为为“5”，其他属性使用默认参数，其他属性使用默认参数 。2、将默认的、将默认的“图层图层1”重命名为重命名为“背景

16、背景”图层，并在上面绘制背景图层，并在上面绘制背景和旗杆，如图和旗杆，如图4-23所示。所示。3、新建一个图层并重命名为、新建一个图层并重命名为“红旗红旗”图层，在第图层，在第1帧绘制如图帧绘制如图4-24所示的红旗。所示的红旗。4、在第、在第2帧处按帧处按F6快捷键插入关键帧，然后修改图形效果如图快捷键插入关键帧，然后修改图形效果如图4-25所示所示 。图图4-23 绘制背景和旗杆绘制背景和旗杆 图图4-24 绘制红旗绘制红旗 图图4-25 修改红旗修改红旗 5、使用同样的方法制作余下的红旗。、使用同样的方法制作余下的红旗。 6、选择、选择“背景背景”图层的第图层的第5帧，按帧，按F5快捷键

17、添加帧快捷键添加帧 。7、保存测试影片，一个红旗在微风中飘动的动画制作完成、保存测试影片，一个红旗在微风中飘动的动画制作完成 。4.2 认识原件和库 元件是Flash动画中的重要元素，灵活的使用元件可以使开发工作达到事半功倍的效果，所以本任务首先从认识元件入手，再配合一个逐帧动画案例剖析来讲述元件这一知识点。 4.2.1 知识点讲解一、元件和库的概念。 元件是指创建一次即可以多次重复使用的图形、按钮或影片剪辑，而元件是以实例的形式来体现，库是容纳和管理元件的工具。 形象地说，元件是动画的“演员”，而实例是“演员”在舞台上的“角色”，库是容纳“演员”的“房子”。如图4-26所示，舞台上的图形如“

18、苹果”、“盘子”都是元件，都存在于【库】中，如图4-27所示。 图图4-26 元件在舞台上的显示元件在舞台上的显示 图图4-27 元件和库元件和库 元件只需创建一次，就可以在当前文档或其他文档中重复使元件只需创建一次，就可以在当前文档或其他文档中重复使用，如图用，如图4-27中的中的“苹果苹果”图形图形 。二、使用元件的优点。二、使用元件的优点。（1）可以简化动画的编辑。）可以简化动画的编辑。 （2）减小动画文件尺寸）减小动画文件尺寸 。（3）加快文件的播放速度）加快文件的播放速度 。三、元件的类型。三、元件的类型。 元件的类型有元件的类型有3种，即种，即【图形元件图形元件】、【按钮元件按钮元

19、件】和和【影片影片剪辑元件剪辑元件】 。 4.2.2 4.2.2 范例解析（一）范例解析（一）辨别元件练习辨别元件练习 Flash中的中的3种元件对于很多种元件对于很多Flash用户来说都比较容易混淆，特用户来说都比较容易混淆，特别是图形元件和影片剪辑元件的不同更是很难区分，所以请同学们在别是图形元件和影片剪辑元件的不同更是很难区分，所以请同学们在老师的带领下做以下操作和观察来区别元件老师的带领下做以下操作和观察来区别元件 1、新建一个Flash文档，文档属性使用默认参数 。2、单击【库】面板下面的 按钮，打开【创建新元件】对话框，设置参数如图4-28所示。3、单击 按钮新建元件并进入元件的编

20、辑模式，然后在元件内制作一个简单的文字逐个出现的逐帧动画，如图4-29所示。 图图4-28 创建新元件创建新元件 图图4-29 文字逐帧出现动画文字逐帧出现动画 4、新建一个图形元件，并命名为、新建一个图形元件，并命名为“图形图形”，进入该元件编辑模式，进入该元件编辑模式进行编辑。使用同样的方法制作一个文字逐帧出现的简单动画，进行编辑。使用同样的方法制作一个文字逐帧出现的简单动画，如图如图4-30所示。所示。 5、新建一个按钮元件，并命名为、新建一个按钮元件，并命名为“按钮按钮”，进入该元件编辑模式，进入该元件编辑模式进行编辑。在不同的帧上输入不同文字，如图进行编辑。在不同的帧上输入不同文字，

21、如图4-31所示。所示。 图图4-30 文字逐帧动画文字逐帧动画 图图4-31 在不同帧输入文字在不同帧输入文字 6、返回主场景，将、返回主场景，将【库库】面板中的面板中的“影片剪辑影片剪辑”、“图形图形”、“按钮按钮”放置到舞台上，按放置到舞台上，按Ctrl+Enter快捷键测试影片观看效果快捷键测试影片观看效果 。（1）影片剪辑）影片剪辑”元件不停的循环播放；元件不停的循环播放；（2）“图形图形”元件不播放；元件不播放；（3）当鼠标移动到）当鼠标移动到“按钮按钮”元件之上或用鼠标单击元件之上或用鼠标单击“按钮按钮”元件元件时都会引起时都会引起“按钮按钮”元件文字的变化。元件文字的变化。 7

22、、关闭测试播放器，在主场景的默认关闭测试播放器，在主场景的默认“图层图层1”的第的第10帧处插帧处插入帧，然后再次测试播放影片观看效果，此时入帧，然后再次测试播放影片观看效果，此时“图形图形”元件元件开始循环播放开始循环播放 。8、选中舞台上的、选中舞台上的“图形图形”元件，然后在元件，然后在【属性属性】面板中分别面板中分别设置播放方式为设置播放方式为“循环循环”、“播放一次播放一次”、“单帧单帧”3种不同种不同选项值，如图选项值，如图4-32所示，并播放测试观看影片所示，并播放测试观看影片 。图图4-32 设置播放模式设置播放模式 4.2.3 范例解析（二）书写“生日快乐” 本例将使用逐帧动

23、画来细腻描摹在蛋糕上书写本例将使用逐帧动画来细腻描摹在蛋糕上书写“生日快乐生日快乐”4个字的动画，其操作思路及效果如图个字的动画，其操作思路及效果如图4-33所示所示 。1、制作背景、制作背景 。（1）新建一个）新建一个Flash文档，设置文档文档，设置文档【尺寸尺寸】为为“800 px700px”，文，文档其他属性使用默认参数档其他属性使用默认参数 。图图4-33 操作思路及效果操作思路及效果 （2）将默认的）将默认的“图层图层1”重命名为重命名为“背景背景”图层，然后执行图层，然后执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜单命令，将教学资源中的菜单命令，将教学资源中的“素材

24、素材第第4讲讲生日快乐生日快乐背景背景.png”图像文件导入到舞台，如图图像文件导入到舞台，如图4-34所示所示 。2、制作、制作“生生”字的书写效果字的书写效果 。（1）新建一个）新建一个【影片剪辑影片剪辑】元件并命名为元件并命名为“文字文字”，单击，单击 按钮进按钮进入元件的编辑模式入元件的编辑模式 。（2）选中默认）选中默认“图层图层1”的第的第1帧，利用帧，利用【文本文本】工具在舞台上输入工具在舞台上输入“生日快乐生日快乐”4个字，在个字，在【属性属性】面板中设置其面板中设置其【字体字体】为为“方正舒方正舒体体”，【字体大小字体大小】为为“95”，【文本颜色文本颜色】为为“红色红色”，

25、如图，如图4-35所示，调整使其相对舞台居中对齐所示，调整使其相对舞台居中对齐 。图图4-34 导入背景后的舞台效果导入背景后的舞台效果 图图4-35 设置文本属性设置文本属性 （3）选中文字，按下）选中文字，按下Ctrl+B快捷键将文本打散，如图快捷键将文本打散，如图4-36所示，所示，用鼠标右键单击文字，在弹出的快捷菜单中选择用鼠标右键单击文字，在弹出的快捷菜单中选择【分散到图分散到图层层】命令，将命令，将4个文字分散到不同的图层上，此时的个文字分散到不同的图层上，此时的【时间时间轴轴】状态如图状态如图4-37所示所示 。图图4-36 文字打散后的效果文字打散后的效果 图图4-37 【时间

26、轴时间轴】状态二状态二 （4）删除）删除“图层图层1”图层，然后调整图层的顺序从下到上为图层，然后调整图层的顺序从下到上为“生生”、“日日”、“快快”、“乐乐”，如图，如图4-38所示。所示。（5）选中最下层）选中最下层“生生”图层上的文字，按下图层上的文字，按下Ctrl+B快捷键将文字快捷键将文字打散。打散。 （6）选中）选中“生生”图层的第图层的第2帧，按帧，按F6快捷键插入一个关键帧，选快捷键插入一个关键帧，选择择【橡皮檫橡皮檫】工具，擦除工具，擦除“生生”的最下边一横右边的一小部分，的最下边一横右边的一小部分，效果如图效果如图4-39所示。所示。 图图4-38 调整图层顺调整图层顺 图

27、图4-39 第第2帧的文字帧的文字 这里擦除文字的顺序和文字被书写出来的顺序刚好相反，其这里擦除文字的顺序和文字被书写出来的顺序刚好相反，其目的是为了后续步骤翻转帧之后，即可制作出文字被逐渐写目的是为了后续步骤翻转帧之后，即可制作出文字被逐渐写出的效果。出的效果。 （7）在）在“生生”图层的第图层的第3帧插入一个关键帧，继续擦除帧插入一个关键帧，继续擦除“生生”字字最下边一横右端的一小部分，效果如图最下边一横右端的一小部分，效果如图4-40所示所示 。（8）重复上面的步骤，直到把文字擦除剩下很小的一部分，效果）重复上面的步骤，直到把文字擦除剩下很小的一部分，效果如图如图4-41所示。所示。 （

28、9）此时）此时【时间轴时间轴】状态如图状态如图4-42所示所示 。图图4-40 第第3帧的文字帧的文字图图4-41 擦除文字后的效擦除文字后的效 图图4-42 擦除文字后的擦除文字后的【时间轴时间轴】状态状态 （10）选择）选择“生生”图层的所有帧，单击鼠标右键，在弹出的快捷菜图层的所有帧，单击鼠标右键，在弹出的快捷菜单中选择单中选择【翻转帧翻转帧】命令，如图命令，如图4-43所示所示 。（11）按）按Enter键预览动画，可以看到舞台上按书写时的笔画顺序显键预览动画，可以看到舞台上按书写时的笔画顺序显示出一个示出一个“生生”字字 。（12）在）在“生生”图层的上面新建一个图层并重命名为图层的

29、上面新建一个图层并重命名为“手手”，执行，执行【文件文件】/【导入导入】/【打开外部库打开外部库】菜单命令，选择打开教学资菜单命令，选择打开教学资源中的源中的“素材素材第第4讲讲生日快乐生日快乐手手.flv”文件，导入其中的文件，导入其中的“手手”图形元件，如图图形元件，如图4-44所示。所示。图图4-43 选择选择【翻转帧翻转帧】命令命令 图图4-44 导入外部库导入外部库“手手.flv”中的中的“手手”图形元件图形元件 （13）将）将“手手”元件拖入到舞台中，移动使其袋尖位于元件拖入到舞台中，移动使其袋尖位于“生生”字第一字第一划的起始位置，如图划的起始位置，如图4-45所示所示 。（14

30、）选中）选中“手手”图层的第图层的第2帧，按帧，按F6快捷键插入一个关键帧。将快捷键插入一个关键帧。将“手手”元件移动到元件移动到“生生”字第一撇显示部分的末端，效果如图字第一撇显示部分的末端，效果如图4-46所示所示 。图图4-45 调整后第调整后第1帧挤袋的位置帧挤袋的位置 图图4-46 第第2帧挤袋的位置帧挤袋的位置 （15）使用同样的方法逐帧移动）使用同样的方法逐帧移动“手手”元件，直到使用元件，直到使用“手手”元件模元件模拟写完整个拟写完整个“生生”字，如图字，如图4-47所示所示 。3、制作其他文字的写作效果。、制作其他文字的写作效果。 （1）将）将“日日”图层拖到图层拖到“手手”

31、图层的下边，并将图层的下边，并将“日日”图层的第图层的第1帧帧拖到第拖到第25帧处，效果如图帧处，效果如图4-48所示所示 。图图4-47 逐帧写完逐帧写完“生生”字的效果字的效果 图图4-48 调整调整“日日”图层的起始帧图层的起始帧 （2）按下）按下Ctrl+B快捷键将快捷键将“日日”字打散。字打散。（3）选中）选中“日日”图层的第图层的第26帧，按帧，按F6快捷键插入一个关键帧。快捷键插入一个关键帧。（4）用反向擦除的方法，将）用反向擦除的方法，将“日日”字擦除至最后一划，如图字擦除至最后一划，如图4-49所示。所示。 图图4-49 反向擦除完反向擦除完“日日”字的效果字的效果 （5）选

32、中）选中“日日”图层的所有关键帧，单击鼠标右键，在弹出的快捷菜图层的所有关键帧，单击鼠标右键，在弹出的快捷菜单中选择单中选择【翻转帧翻转帧】命令，如图命令，如图4-50所示所示 。图图4-50 对对“日日”图层利用图层利用【翻转帧翻转帧】命令命令 （6）选中）选中“手手”图层的第图层的第25帧，按帧，按F6快捷键插入关键帧，调整快捷键插入关键帧，调整“手手”的位置，如图的位置，如图4-51所示，然后用逐帧移动的方法模拟写完整个所示，然后用逐帧移动的方法模拟写完整个“日日”字，最后字，最后1帧如图帧如图4-52所示所示 。图图4-51 第第25帧挤袋的位置帧挤袋的位置 图图4-52 “日”字的最

33、后一帧效果 （7）用同样的方法分别制作“快”图层和“乐”图层的写作效果，如图4-53和图4-54所示 。图图4-53 制作制作“快快”字写作效果字写作效果 图图4-54 制作“乐”字写作效果 （8）在所有图层的第）在所有图层的第105帧处按帧处按F5快捷键插入帧，此时，快捷键插入帧，此时，【时间时间轴轴】状态如图状态如图4-55所示所示 。图图4-55 【时间轴时间轴】状态状态 （9）单击）单击【时间轴时间轴】上边的上边的 按钮，退出元件编辑模式，返按钮，退出元件编辑模式，返回主场景。回主场景。（10）在）在“背景背景”图层之上新建一个图层并重命名为图层之上新建一个图层并重命名为“写作效果写作

34、效果”层，然后将层，然后将【库库】面板中名为面板中名为“文字文字”的的【影片剪辑影片剪辑】元件元件拖入到舞台并调整其位置如图拖入到舞台并调整其位置如图4-56所示所示 。（11）保存测试影片，一个在蛋糕上书写）保存测试影片，一个在蛋糕上书写“生日快乐生日快乐”文字的效果文字的效果制作完成制作完成 。图图4-56 调整调整“文字文字”元件的位置元件的位置 4.2.4 课堂练习手绘“千里马” 请同学们使用逐帧动画的功能来制作一个现场手绘千里马的效请同学们使用逐帧动画的功能来制作一个现场手绘千里马的效果，如图果，如图4-57所示。所示。 图图4-57 最终设计效果最终设计效果 1、新建一个、新建一个

35、Flash文档，设置文档帧频为文档，设置文档帧频为“4fps”，其他属性使，其他属性使用默认参数。用默认参数。2、在舞台上绘制一只、在舞台上绘制一只“千里马千里马”，如图，如图4-58所示。对于绘图能所示。对于绘图能力有限的同学，可以执行力有限的同学，可以执行【文件文件】/【导入导入】/【打开外部库打开外部库】菜菜单命令，打开教学资源中的单命令，打开教学资源中的“素材素材第第4讲讲手绘千里马手绘千里马外部库外部库.fla”的源文件，如图的源文件，如图4-59所示。所示。 3、将外部库文件中的、将外部库文件中的“千里马千里马”元件和元件和“手手.png”图片拖入图片拖入【库库】面板中，然后直接将

36、面板中，然后直接将“千里马千里马”元件拖入舞台，按元件拖入舞台，按Ctrl+B快捷快捷键打散直接使用即可。键打散直接使用即可。4、使用同书写、使用同书写“生日快乐生日快乐”案例一样的方法，完成手绘案例一样的方法，完成手绘“千里千里马马”动画动画 。图图4-58 绘制千里马绘制千里马 图图4-59 导入千里马导入千里马 小马被逐渐绘制出来的过程一定要尽量地贴近真实的过小马被逐渐绘制出来的过程一定要尽量地贴近真实的过程，如果对这个过程把握不准，可以打开教学资源中的程，如果对这个过程把握不准，可以打开教学资源中的“源文件源文件第第4讲讲手绘千里马手绘千里马手绘千里马手绘千里马.swf”的播放文的播放

37、文件来进行观看。件来进行观看。 4.3 课后作业一、操作题一、操作题 1、请使用逐帧动画模拟制作一个动态、请使用逐帧动画模拟制作一个动态QQ表情效果，如图表情效果，如图4-60所示所示 第第1帧效果帧效果 第第2帧效果帧效果 第第3帧效果帧效果 第第4帧效果帧效果 第第5帧效果帧效果 第第6帧效果帧效果 图图4-60 动态动态QQ表情表情 2、使用逐帧动画制作闪光文字效果，如图、使用逐帧动画制作闪光文字效果，如图4-61所示所示 。图图4-61 制作闪光文字效果制作闪光文字效果 3、使用手绘、使用手绘“千里马千里马”的制作方法，制作书写自己名字的逐帧动画的制作方法，制作书写自己名字的逐帧动画 。二、思考题二、思考题1、Flash中的帧分为哪几类，他们各自的定义是什么？中的帧分为哪几类，他们各自的定义是什么？2、简述、简述Flash中逐帧动画的原理。中逐帧动画的原理。3、Flash中的元件分为哪几类，它们各自有什么特点？请举例说明。中的元件分为哪几类，它们各自有什么特点？请举例说明。