第2章电子贺卡

第2章电子贺卡通过本章,你应该掌握:逐帧动画动作补间动画形状补间动画引导路径动画端午节贺卡、生日贺卡、友情贺卡制作Flash贺卡，是网上人们传递信息和交流情感的一种方式。要想制作出生动的邀请卡、祝福卡、生日卡、友情卡、新年贺卡等Flash动画作品，必须先掌握Flash四种动画的制作方法。

2.1

Flash动画2.1.1逐帧动画1、逐帧动画制作将动画中的每一帧都设置为关键帧，在每一个关键帧中创建不同的内容，就成为逐帧动画。将这些静态图片快速连续播放形成动画。实例练习——制作倒计时实例描述：通过使用逐帧动画，模拟数字倒数计时的效果。数字由10变到1。倒计时2.1.1逐帧动画

2）“绘图纸”各个按钮的功能如下：

【绘图纸外观】按钮：按下此按钮后，在时间轴的上方，出现绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。【编辑多个帧】按钮：按下此按钮后可以显示全部帧内容，并且可以进行“多帧同时编辑”。【修改绘图纸标记】按钮：按下此按钮后，弹出下拉菜单。1）运用绘图纸功能编辑图形。使用“时间轴”面板中提供的绘图纸功能，可以在编辑动画的同时查看多个帧中的动画内容。如图所示，这是使用绘图纸功能后的场景。在制作逐帧动画时，利用该功能可以对各关键帧中图形的大小和位置进行更好的定位，并可参考相仿关键帧中的图形，对当前帧中的图形进行修改和调整。2.1.2动作补间动画

1、创建动作补间动画的两种方法

（1）在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个对象，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该对象的属性，再单击开始帧，在“属性”面板上单击“补间”旁边的“小三角”。在弹出的菜单中选择“动画”选项，即可创建动作补间动画。(2)选择要创建动画的第1个关键帧，单击右键，在弹出的菜单中选择“创建补间动画”，Flash将自动创建动作补间动画。在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash根据二者之间的帧的值创建的动画被称为动作补间动画。实例练习——蜜蜂采蜜2.1.2动作补间动画

2、动作补间动画参数设置（1）缓动：设置物体的加速减速运动。（2）编辑：可以自定义物体的缓冲效果。（3）旋转：让物体进行旋转。（4）调整到路径：此功能主要用于引导层动画中，可将物体调整到引导路径上。在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash根据二者之间的帧的值创建的动画被称为动作补间动画。实例练习——足球运动2.1.3形状补间动画

在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。1、创建形状补间动画的具体操作方法

（1）在时间轴面板上动画开始播放的地方绘制动画的初始形状，在动画结束处插入空白关键帧，绘制动画的结速图形。（2）单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的下拉菜单中选择“形状”，此时，时间轴面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图所示。。

实例练习——制作一个简单的万花筒效果2.1.3形状补间动画

在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。。如图所示。2、形状补间动画“属性”面板参数(1)“缓动”选项设置物体的加速减速运动，和动作补间动画参数相同。

(2)“混合”选项“角形”选项,创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。“分布式”选项，创建的动画中间形状比较平滑和不规则，形状变化得更加自然。3、使用形状提示（1）单击开始关键帧，执行“修改”>“形状”>“添加形状提示”命令，该帧的形状里面就会增加一个带字母的红色圆圈（一般第一个提示是字母“a”），相应地，在结束帧形状中也会出现一个一模一样的红色圆圈。（2）在不同的关键帧中，用鼠标左键单击并分别按住这二个“提示圆圈”，拖放到适当位置，如果使用形状提示成功后，开始帧上的“提示圆圈”将变为黄色，结束帧上的“提示圆圈”会变为绿色。安放不成功或者它们不在一条曲线上时，“提示圆圈”颜色将保持不变。（3）删除所有的形状提示，可执行“修改”>“形状”>“删除所有提示”命令，删除单个形状提示，可用鼠标右键单击它，在弹出菜单中选择“删除提示”。2.1.3形状补间动画

实例练习——字母E变为F2.1.4引导路径动画

1、创建引导层的方法

（1）选择菜单“文件”>“新建”命令，新建一个文档，选择系统自动创建的“图层1”，并单击该鼠标右键，然后从弹出的快捷菜单中选择“引导层”命令，这时“图层1”将被转换为普通引导层。（2）选择“插入”>“图层”命令，新建一个“图层2”。（3）选择“插入”>“运动引导层”命令，在“图层2”上会添加了一个运动引导层，如图所示。或直接单击时间轴下方的“添加运动引导层”按钮来添加运动引导层。2、引导层的种类

（1）普通引导层（2）运动引导层将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。2.1.4引导路径动画

3、创建引导路径动画的方法

（1）选择菜单“文件”>“新建”命令，新建一个文档，选择系统自动创建的“图层1”，并单击该鼠标右键，然后从弹出的快捷菜单中选择“引导层”命令，这时“图层1”将被转换为普通引导层。（2）选择“插入”>“图层”命令，新建一个“图层2”。（3）选择“插入”>“运动引导层”命令，在“图层2”上会添加了一个运动引导层。或直接单击时间轴下方的“添加运动引导层”按钮来添加运动引导层。4、将图层与运动引导层链接起来

（1）将现有图层拖到运动引导层的下面。该图层在运动引导层下面以缩进形式显示。该图层上的所有对象自动与运动路径对齐。（2）在运动引导层下面创建一个新图层。在该图层上补间动画的对象会自动沿着运动路径运动。（3）在运动引导层下面选择一个图层，然后选择“修改”>“时间轴”>“图层属性”命令，然后选择“被引导”。2.1.4引导路径动画

1、实例练习——蜻蜓飞上荷花

2、实例练习——动态导航按钮

2.1.5遮罩动画

1、创建遮罩的方法（1）选择或创建一个图层作为被遮罩层，在该图层中应包含将出现在遮罩中的对象。在被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条等元素。（2）选择该图层，然后执行“插入”>“图层”命令，在被遮罩层上面再创建一个新图层，该图层将作为遮罩层。（3）在遮罩层上创建填充形状、文字、元件、影片剪辑、图形、位图等元素，会忽略其中的渐变色、颜色和线条等。因此，在遮罩层中任何填充区域都是完全透明的，而任何非填充区域都是不透明的。（4）在“时间轴”面板中用鼠标右键单击创建的遮罩层，然后从弹出的快捷菜单中单击“遮罩层”，该层将转换为“遮罩层”，用一个遮罩层图标来表示，如图所示。遮罩层相当于一个窗口，窗口的范围是遮罩层图形的边缘勾勒的范围，被遮罩的图层只能在该区域内显示。如果被遮罩的图层中图形不够大，无法占满遮罩层中的所有空间时，将用背景色填充。2.1.5遮罩动画

2、添加多个被遮罩层的方法（1）将现有的图层直接拖到遮罩层下面，如图所示。（2）在遮罩层下面的任何地方创建一个新图层。（3）选择“修改”>“时间轴”>“图层属性”命令，然后选择“被遮罩”选项。3、断开（1）拖拽该图层到遮罩层的上面。（2）选择“修改”>“时间轴”>“图层属性”命令，然后选择“一般”作为图层类型，如图所示。2.1.5遮罩动画

1、实例练习——制作遮罩动画2、实例练习——卷轴画2.2任务一-----制作春节贺卡

2.2.1案例效果分析作品以红色为主色调，配上节日的代表物灯笼和鞭炮，四个福字转动出拜年的“吉祥语”，突出体现了节日热闹祥和的气氛，如图所示。2.2.2设计思路影片剪辑元件“福字动”的制作。4个“福字”按钮的制作。灯笼和影片剪辑元件“穂动”的制作。上部花纹制作。底图和鞭炮效果制作。2.2.4相关知识和技能点

“变形面板”的使用，在制作图形元件时应综合使用各种绘图工具。影片剪辑元件的制作，按钮的制作，动作补间动画的制作。2.3任务二------制作端午节贺卡

2.3.1案例效果分析本案例设计的是端午节贺卡，画面以绿色为主，将翠竹、粽叶和粽子等端午节特有的元素应用到动画中。整个动画轻悠、流畅，配上好听的音乐，给人一种美的享受，如图所示。2.3.2设计思路背景、边框、图框制作。翠竹、涟漪、星星制作。粽子补间动画制作。文本动画制作。插入背景音乐。添加脚本。2.2.4相关知识和技能点

应用形状补间动画制作画面过渡效果，使用动作补间动画创建文本动画，图层的使用。

2.4实训项目-------制作友情贺卡

1、制作动画的目的与主题主题主要通过四叶草来传达友情的内涵，再配以音乐烘托主题，效果如图所示。2.4.1动画前期创意与策划2、动画整体风格设计动画主体风格比较舒缓柔美，随着轻柔的音乐，一句句的友情文字带给我们对友情的美好向往。3、素材收集与处理收集四叶草植物，动的植物组合，动态气泡，半透明渐变圆（自己制作）；图片素材，背景图片，音乐素材。2.4实训项目-------制作校园文化节会徽

2.4.2实训要求背景的设定，通过静的背景和动的四叶草植物组合，以及一些动的装饰元件（如动态气泡，渐变半圆，动态星星）的添加，使背景更有生气，友情卡的内容更丰富。祝福语的文本动画的设定。主要通过四叶草引出文本，文本逐渐出现。按钮、音乐的添加。2.5课外拓展---制作生日