第三单元生日贺卡

第三单元生日贺卡高等教育出版社2008年7月第三单元生日贺卡本单元动画效果

任务一漂亮的蛋糕和蜡烛动画效果

任务二祝福语横幅动画效果

任务三烟花的简单做法动画效果任务一漂亮的蛋糕和蜡烛本任务目标:通过做跳动火焰的蜡烛学会简单的帧帧动画，红色心形与“爱”字的转换学习到形状补间动画，逐渐出现的蛋糕学会动作补间动画

本任务重点:掌握钢笔工具的使用及形状补间动画的创建本任务难点:形状补间动画并使用形状提示讲授新课一、提问:请说出蜡烛的画法,用到什么工具？二、操作步骤：1．创建影片文档宽550px、高400px,背景色为浅蓝色，其他参数值默认，保存为“生日贺卡”。2.制作“烛”影片剪辑

详细步骤3.制作“心”影片剪辑

详细步骤4.制作“蛋糕2”影片剪辑

详细步骤三、举一反三练习1．“火柴点燃蜡烛”2．“星星变太阳”3．“逐渐变短的蜡烛”动画效果制作说明动画效果动画效果制作说明制作说明讲授新课:任务一漂亮的蛋糕和蜡烛二、操作步骤：2.制作“烛”影片剪辑(共5步)（1）执行“插入”→”新建元件”命令，或按Ctrl+F8键，建立名称为“烛”影片剪辑类元件。（2）绘制烛身。在第1帧中使用矩形工具，在混色器面板中设置笔触颜色为“无”，填充类型为“线性”，色标颜色值如图3-3所示，绘制一个矩形，用选择工具，将矩形的上边调成如图3-4所示的形状。（3）在矩形上绘制一条直线，再用选择工具调成弧度向上的曲线，如图3-5.在两曲线中填充黄色（颜色值为#FFCC66），然后将曲线删除，如图3-6所示，在第3帧中按F5键。(4)新建图层2，选择图层2第1帧绘制一椭圆，笔触颜色为“无”，填充类型为“放射状”，色标颜色值如图3-7所示，用部分选择工具调整椭圆顶点，再用填充变形工具调整填充中心为如图3-8所示的位置。(5)创建逐帧动画。在图层2中的第2、3帧处，按F6键插入关键帧。选中第2帧把火焰顶点调成如图3-9所示图形，选中第3帧中的火焰调成如图3-10所示图形。任务一漂亮的蛋糕和蜡烛

右侧色标颜色值为#FF6633中间色标颜色值为#FFFFFF左侧色标颜色值为#FF9933图3-3图3-4图3-5图3-6图3-8右侧色标颜色值为#FFFF99中间色标颜色值为#FF9966左侧色标颜色值为#FF0000图3-7图3-9图3-10任务一漂亮的蛋糕和蜡烛二、操作步骤：3.制作“心”影片剪辑(共13步)提问:怎样用钢笔工具画曲线?怎样用钢笔工具画折线?让学生带着问题听课（1）在场景1中，按Ctrl+F8键，建立名称为“心”影片剪辑元件。（2）在影片剪辑元件的编辑状态下，选择图层1的第1帧，选中“钢笔工具”，在属性面板设置笔触颜色为黄色，高度为5,填充色为红色,绘制“心”形轮廓，绘制过程如图3-11、3-12、3-13、3-14四个图所示：图3-11图3-13图3-12图3-14注意钢笔工具用法:选择钢笔工具，单击鼠标产生一个锚点，在场景其它位置不断地单击鼠标，就可以绘制出相应的路径。如果想结束路径的绘制，双击最后一个锚点即可。如果按住鼠标拖动可绘制曲线。任务一漂亮的蛋糕和蜡烛二、操作步骤：3.制作“心”影片剪辑(共13步)（3）用部分选取工具调整心的形状。用选中某个锚点进行移动，或同时按住Alt键用调整调节杆，进一步调整心的形状。（4）选择图层1的第40帧，按F7键插入空白关键帧，用文本工具输入“爱”，在其属性面板设置字体为宋体，字号自定义应与图形“心”大小相似，位置上在心形右侧。颜色为绿色。选中“爱”字，按Ctrl+B将其分离。（5）创建形状补间动画。选择该层第1帧至40帧之间任意一帧，打开属性面板，在补间列表中选择“形状”。（6）若该形状补间动画创建成功，各关键帧之间就用浅绿色背景的黑色箭头表示，如图3-17所示。图3-17任务一漂亮的蛋糕和蜡烛二、操作步骤：3.制作“心”影片剪辑(共13步)（7）测试影片剪辑。执行“控制”→“播放”命令或按Enter键，可在影片剪辑编辑状态看动画效果。注意：形状补间动画可以实现两个形状之间的变化，或一个形状的大小、位置、颜色等的变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间。形状补间动画的属性面板上参数：“缓动”选项：单击“0”边滑动拉杆按钮上下拉动滑杆可调整数值或填入具体的数值，数值范围-100—100；数值在1到-100之间时，动画运动的速度从慢到快。在1到100的正值之间，动画运动的速度从快到慢。默认情况下（数值为0），动画运动的速度是不变的。“混合”选项：有二项供选择“角形”选项，适合于具有锐化转角和直线的混合形状。“分布式”选项：创建的动画中间形状比较平滑和不规则。（8）形状补间动画使用“形状提示”目的使初始图形与最终图形之间的变形更加有规律。选择第1帧，再执行“修改”→“形状”→“添加形状提示”命令或按Ctrl+Shift+H键，可见到心形内出现一个有英文字母“a”的红色圆圈，如下页图3-18所示。任务一漂亮的蛋糕和蜡烛3.制作“心”影片剪辑(共13步)9）移动形状提示。将光标移到形状提示“a”上，按住鼠标左键将其移动到心形的左上角，如图3-19所示，选择第40帧，“爱”字上有一个相同的形状提示，将其移到“爱”字的右下边缘，这时红色的形状提示变为绿色，如图3-20所示。图3-18

图3-19

图3-20图3-21图3-22注意：形状提示包含字母（从a至z），可以连续添加，一个形状补间动画中最多能添加26个。形状提示要在形状的边缘才能起作用，否则形状提示圆圈颜色不变。要删除所有的形状提示，执行“修改”→“形状”→“删除所有提示”命令，要删除单个形状提示，单击右键，执行“删除提示”命令。要查看形状提示，执行“视图”→“显示形状提示”命令（10）连续添加形状提示。选择第1帧，用同样的方法为心形添加其他2个形状提示，并拖动到相应的位置，如图3-21所示。（11）选择第40帧，将“爱”字上的形状提示拖动到“爱”字的相应位置，如图3-22所示。任务一漂亮的蛋糕和蜡烛二、操作步骤：3.制作“心”影片剪辑(共13步)（12）再次测试影片剪辑，按Enter键观察动画效果与未使用形状提示时的效果做一下比较。（13）在场景中测试动画。回到场景1，执行“窗口”→“库”命令（或按Ctrl+L键），打开库面板，将“心”影片剪辑拖到场景中，执行“控制”→“测试影片”命令（或按Ctrl+Enter键。但测试完后在场景中将“心”影片剪辑删除。注意：创建形状补间动画，不是必须添加形状提示，要根据变形的需要而定。添加形状提示必须先创建形状补间动画才能添加形状提示。练习：让学生练习利用添加形状提示创建由“1”变成“2”、由“矩形”变成“圆形”的形状补间动画。任务一漂亮的蛋糕和蜡烛（1）在场景1中，按Ctrl+F8键，建立名称为“蛋糕2”影片剪辑元件。（2）绘制蛋糕轮廓。在影片剪辑元件的编辑状态下，选择图层1的第1帧，使用铅笔工具绘制如图3-23所示的蛋糕轮廓，填充色为白色。4.制作“蛋糕2”影片剪辑(共13步)（3）使用铅笔工具在轮廓里绘制五个不规则的图形，并填充不同颜色，如图3-24所示。（4）使用椭圆工具在蛋糕顶部及其它位置绘制椭圆或正圆，如图3-25所示。（5）将蛋糕全选，按F8键，将其转化为图形类元件，名称为“蛋糕1”。（6）选择图层1的第40帧，按F6键，插入关键帧。（7）选中第1帧中的元件，在属性面板中“颜色”项的Alpha值设为20%，用任意变形工具，将其缩小到原来的三分之一。图3-23

图3-24图3-25

任务一漂亮的蛋糕和蜡烛（8）设置动作补间动画，实现蛋糕由小到大，从无到有的动画。选择第1帧，在属性面板中，设置“补间”为“动画”，属性面板如图3-26所示。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头,按Enter键看一下动画效果4.制作“蛋糕2”影片剪辑(共13步)注意：动作补间动画的属性面板上参数：“旋转”选项有四个选择，选择“无”（默认设置）禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”(CW)或“逆时针”(CCW)，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。“同步”复选框使元件的动画和主时间轴同步。“调整到路径”、“对齐”选项功能主要用于路径运动。(9)添加停止命令。选择图层1层第40帧,单击动作面板或执行菜单“窗口“→“动作”命令（按F9键）,在“动作”面板中单击“全局函数”→”时间轴控制”中双击“stop”，即可在第40个关键帧上添加一个停止命令(或直接输入代码“stop();”)。注意：在影片剪辑的最后一个关键帧上添加停止动作，可保证该动画效果只播出一遍，否则，它会一直循环播放。添加完动作脚本的关键帧上，有小写的“a”。任务一漂亮的蛋糕和蜡烛4.制作“蛋糕2”影片剪辑(共13步)（10）将“烛”影片剪辑拖到场景中。插入图层2，在40帧处，单击鼠标右键，插入空白关键帧（或按F7键），执行“窗口”→“库”命令（或按Ctrl+L键），打开库面板，将“烛”影片剪辑拖到场景中，放在蛋糕上面，共拖动四次。按住Shift键同时单击鼠标左键，选择不相邻的两支蜡烛，执行“修改”→“变形”→“水平翻转”命令。（11）插入图层3，在40帧处插入空白关键帧，从库中将“心”影片剪辑拖到场景中。（12）使用任意变形工具调整“烛”、“心”元件的合适大小，如图所示（13）测试动画。回到场景1,打开库面板，将“蛋糕2”影片剪辑拖到场景中，按Ctrl+Enter键测试动画效果，但测试完后在场景中将影片剪辑删除。任务一漂亮的蛋糕和蜡烛举一反三练习1.“火柴点燃蜡烛”用火柴点燃一颗颗蜡烛的动画，火柴的动画为动作补间动画。2.“星星变太阳”制作星星变太阳的动画时在形状补间动画中添加控制点，使星形变圆形产生一种神奇效果3.“逐渐变短的蜡烛”为了制作蛋糕上的蜡烛因燃烧越变越短的效果，创建形状补间动画使蜡烛的烛身变短，创建动作补间动画使火焰随烛身一起向下运动。任务一漂亮的蛋糕和蜡烛任务二祝福语横幅本任务目标:完成一个祝福语横幅渐渐展开的动画。随着横幅的渐渐展开，“祝生日快乐”五个彩色字会一个个映入眼帘。本任务重点:形状补间动画、动作补间动画，还有一个新知识遮罩动画。

本任务难点:遮罩动画讲授新课一、提问:祝福语横幅中用到了什么动画效果？

二、操作步骤：1.打开影片文档（打开任务一中的“生日贺卡”影片文档）2.创建“祝福语”影片剪辑元件3.创建矩形的形状补间动画

详细步骤4.创建卷轴的动作补间动画

详细步骤5.创建文字的遮罩效果

详细步骤6．添加停止命令。选择图层5层第40帧添加stop()。7．测试动画。将“祝福语”影片剪辑拖到场景中。

三、举一反三练习1.颜色变化的文字2.飞走的笑脸3.横幅自上而下展开动画效果制作说明动画效果动画效果制作说明制作说明任务二祝福语横幅二、操作步骤：3．创建矩形的形状补间动画(共4步)（1）设置矩形填充色。选择矩形工具，执行“窗口”→”混色器”命令（或按Shift+F9键）打开“混色器”面板，颜色设置如图3-32所示（2）在第1帧中绘制矩形，在40帧处按F6键插入关键帧，如图3-33所示。（3）改变第1帧中矩形的宽度。选取第1帧中的矩形，在属性面板将其宽的值设置为5.0,高不变。（4）创建形状补间动画。选择该层第1帧至第40帧任意一帧，打开属性面板，在补间列表中选择“形状”，这样即形成一个矩形逐渐展开的形状补间动画，如图3-34所示。任务二祝福语横幅二、操作步骤：任务二祝福语横幅图3-33矩形图3-34矩形展开动画笔触颜色值为#FF9966。左侧色标颜色值为#0066FF。中间色标颜色值为#BEA7B4。右侧色标颜色值为#F3EA4F。图3-32“混色器”面板二、操作步骤：4．创建卷轴的动作补间动画。(共8步)（1）添加图层。单击插入图层按钮插入图层2。（2）绘制小矩形。选择图层2第1帧选中矩形工具，在“混色器”面板，设置其笔触颜色值为无,填充类型为线性填充，色带值如图3-35所示，绘制一个小矩形。（3）设置椭圆填充色。选中椭圆工具，打开“混色器”面板，设置其笔触颜色值为无,填充类型为放射状填充，色标值如图3-36所示。(4)绘制两个相同椭圆放在矩形上下两端。(5)组合图形。选中两个椭圆和矩形，按Ctrl+G键将其组合，并放在图层1第1帧矩形的左边，在40帧处按F5键插入帧，使该对象延续到40帧。形状和位置如图3-37所示。(6)插入图层3，添加右侧卷轴。将图层2第1帧图形复制，粘贴到图层3第1帧并将其放在第一个卷轴的右边，图3-38所示。(7)选择图层3第40帧按F6键插入关键帧，将该帧中的卷轴移到大矩形的最右边。(8)创建右边卷轴动作补间动画。选择第1帧，在“属性”面板的“补间”列表中选择动画，如图3-39所示。任务二祝福语横幅二、操作步骤：任务二祝福语横幅图3-37左侧“卷轴图3-38横幅的初始状态图3-39横幅的展开状态左侧色标颜色值为#FF6600。右侧色标颜色值为#FF6600，Alpha值为70%。图3-36中间色标颜色值为#FFCC66。左侧色标颜色值为#FF6600。右侧色标颜色值为#FF9900。图3-35“混色器”面板二、操作步骤：5.创建文字的遮罩效果(共5步)（1）制作彩色文字。插入图层4，输入文字。选择图层4第1帧，输入文字“祝生日快乐”，按两次Ctrl+B键将文字分离，用选择工具，随意选中文字某一部分改变其填充色，使文字变成彩色字，例如“祝”字，分别选中三部分，分将其填充色设置为红、黄、蓝。（2）复制帧。选择图层1所有帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令。（3）编辑将作为遮罩层的内容。插入图层5，选取图层5第1帧，单击鼠标右键，在弹出的快捷菜单中选择“粘帖帧”命令，这样就将图层1的所有内容粘贴到了图层5。（4）普通图层转化为遮罩层。在图层5的图层名称处单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，如图3-40所示。(5)系统会自动把遮罩层下面的第四层关联为“被遮罩层”,在缩进的同时图标发生改变。这样渐渐展开的矩形做遮罩层，文字所在图层4做被遮罩层，最终效果如图3-41所示。

任务二祝福语横幅图3-41图3-40任务二祝福语横幅注意：在时间轴上选择连续多个帧的方法：选中第一帧后按下鼠标左键向最后一个帧所在的位置拖动，当需要选择的帧全部反白显示时，释放鼠标左键即可选择连续的多个帧。锁定遮罩层和被遮罩层，才可显示遮罩效果。小知识：遮罩层是一种特殊的图层，使用遮罩层后，其下方的图层内容将通过一个类似窗口的对象显示出来，而这个窗口的形状就是遮罩层中的对象的形状。换句话说，遮罩层决定被遮罩层中的显示内容，以出现动画效果。遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。让学生练习“举一反三”中的动画。达到巩固的目的。举一反三练习1.“颜色变化的文字”制作文字的颜色不断变化的动画效果。运用遮罩效果，运动的文字做遮罩层，静止的图片做被遮照层。2.“飞走的笑脸”制作笑脸飞走的动画。创建运动补间动画时设置了旋转属性。3.“横幅自上而下展开”结合新课步骤将横幅和文字都转90度。形成横幅自上而下的动画。任务二祝福语横幅任务三烟花的简单做法本任务目标:本任务使用一种最简单最基本的方法制作绽放的多彩烟花效果。本任务重点:路径动画，元件的复制、旋转，改变元件色调本任务难点:路径动画讲授新课一、提问:分析烟花动画中运用了什么知识点？

二、操作步骤：1.打开影片文档（打开任务二中的“生日贺卡”影片文档）2.创建“烟花1”影片剪辑元件详细步骤3.创建“烟花2”影片剪辑元件详细步骤4.创建“烟花3”影片剪辑元件

详细步骤5.将前面任务中的影片剪辑元件拖入场景

详细步骤6．测试动画。三、举一反三练习1.相向运动

2.螺旋运动

3.群花飞落

动画效果制作说明动画效果动画效果制作说明制作说明任务三烟花的简单做法二、操作步骤：2．创建名称为“烟花1”的影片剪辑类元件。（共8步）（1）绘制五角星。在影片剪辑元件的编辑区，选择图层1的第1帧，选中多角星工具，选择“属性”中“选项”在弹出的对话框中设置样式为星形,边数为5，星形顶点大小为0.50。设置笔触颜色为无,填充类型为放射状，填充色从左至右的颜色为红、黄、白（alpha为80%）在场景的中心置画五角星。（2）选中五角星后按F8键，将其转换成名称为“星”的图形类元件。（3）在30帧处按F6插入关键帧，选中第1帧创建动作补间动画。（4）添加运动引导层。选中图层1，在层名处单击鼠标右键，在弹出的快捷菜单中执行“添加运动引导层”命令，或单击时间轴左下角的按钮，在图层1上方创建一个空白引导层图层2，这时图层1和图层2之间建立了链接关系。（5）绘制引导路径。选择图层2第1帧，使用铅笔工具绘制一条平滑曲线，颜色自定。作为引导路径，在30帧处按F5键插入帧。如图3-44所示。

任务三烟花的简单做法图3-44二、操作步骤：2．创建名称为“烟花1”的影片剪辑类元件。（共8步）任务三烟花的简单做法小知识：动作补间动画的属性面板上与路径运动有关的参数：“调整到路径”选中该选项，可以让元件随着引导线的弯曲角度而改变自己的角度，此项功能主要用于路径运动。

“对齐”选项可以将其中心点附加到运动路径，此项功能主要也用于引导线运动。（6）选择图层1第`1帧，按下选项栏中贴紧至对象按钮，将被引导的元件“星”的中心控制点移到路径的起始点。（7）选择“图层1”的第30帧，用同样的方法把元件“星”的中心控制点移动到路径的终点，这样星就能沿引导路径运动了。（8）为了实现星到路径终点后稍稍停顿，选择图层1和图层2的第40帧，按F5键插入帧。

让学生试一试画一条螺旋状引导线作为路径。引导线允许重叠，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。二、操作步骤：3．创建名称为“烟花2”的影片剪辑类元件，制作一簇烟花。（共5步）任务三烟花的简单做法（1）回到场景1，建立名称为“烟花2”的影片剪辑元件。（2）复制“烟花1”。在元件编辑区，选择图层1的第1帧，从库面板中把影片剪辑“烟花1”拖到第1帧，将“烟花1”复制，粘贴5至6次，都放在中心，通过工具栏中任意变形工具，把其中的4至5个”烟花1”，分别旋转不同角度，这样星就从中心同时向不同方向运动。（3）实现烟花连续展开。图层1：选择图层1第10帧按F6插入关键帧，效果为在前边星展开同时，又有一组重新从中心展开，选择第15帧按F5键插入帧。图层2：插入图层2，用鼠标右键单击图层1第1帧，在弹出的快捷菜单中执行“复制帧”命令,选择图层2第3帧右击鼠标在弹出的快捷菜单中执行“粘贴帧”命令,选择第9帧、15帧分别插入关键帧。图层3:插入图层3，选择其第6帧单击鼠标右键在弹出的快捷菜单中执行“粘贴帧”命令,选择15帧按F6键插入关键帧。（4）改变元件颜色，实现五彩缤纷烟花效果。 选取图层3的第6帧，用工具选取“烟花1”元件，在属性面板中“颜色”列表中选“色调”，颜色为蓝色。选中图层2，将图层3隐藏起来，将第9帧中的元件全选，在属性面板中“颜色”列表中选色调，右边颜色选红色。用同样的方法，改变其它帧中的元件颜色，颜色可自定。二、操作步骤：任务三烟花的简单做法单击此处可隐藏/显示该图层图3-45烟花2”的影片剪辑元件3．创建名称为“烟花2”的影片剪辑类元件，制作一簇