《数字媒体技术原理与应用教学资料-参考案例5》由会员分享，可在线阅读，更多相关《数字媒体技术原理与应用教学资料-参考案例5（32页珍藏版）》请在金锄头文库上搜索。
1、项目1项目2项目3项目4项目5项目9项目8项目6项目7项目10案例5喜庆的礼花本章通过“喜庆的礼花”的制作，介绍了遮罩动画的制作过程及绘制图形的基本技能。“喜庆的礼花”动画效果如图9-1所示。本章首先介绍文档属性的设置；然后是用矢量形状绘制不同放射状填充的圆；利用直线工具和选取工具绘制礼花，接着介绍礼花的动画效果；最后将礼花动画放置在舞台中放映。知识要点：n 利用混色器为圆填充不同的放射状颜色n 利用矢量工具绘制礼花n 利用遮罩动画制作礼花效果n 利用关键帧中放置礼花数量不同来实现礼花的随机放射图9-1最终效果图9-1 最终效果9.1思路剖析及制作流程在制作本实例时，首先设置文档属性，然后绘制
2、放射状颜色的圆形，绘制礼花，设置礼花的动画效果，在舞台中放置礼花。整个实例的创建过程如图9-2所示。设置文档属性绘制圆绘制礼花设置礼花动画效果放置礼花礼花测试效果 图9-2 “喜庆的礼花”制作流程9.2喜庆的礼花 9.2.1 设置文档属性（1）新建Flash文档，右键单击工作区域，在弹出的快捷菜单中单击“文档属性”。如图9-3所示。图9-3 单击“文档属性”（2）在弹出的“文档属性”对话框中设置舞台大小为宽780440，背景颜色为黑色，帧频为12fps，单击确定按钮。如图9-4所示。图9-4 设置文档属性 9.2.2绘制礼花（1）单击“插入/新建元件”命令，创建一新元件。如图9-5所示。图9-
3、5单击“新建命令”（2）在弹出的创建新元件对话框中给新元件命名为“礼花1”，类型为影片剪辑。单击确定按钮，进入元件编辑区。如图9-6所示。图9-6创建新元件对话框（3）鼠标单击选中工具栏中的直线工具，在直线工具的属性面板中设置直线颜色为#ffcc00，直线类型为极细型。如图9-7所示。图9-7设置直线属性（4）在礼花1元件的编辑区域绘制两条斜线。如图9-8所示。图9-8绘制两条斜线（5）鼠标单击选中工具栏中的箭头工具，调整两条斜线。效果如图9-9所示。图9-9调整后的斜线效果（6）绘制另两条斜线。效果如图9-10所示。图9-10绘制另外礼花条（7）利用箭头工具对它进行调整，效果如图9-11所示
4、。图9-11调整后效果（8）同理，绘制其它的礼花条。利用箭头工具调整形状及位置。效果如图9-12所示。图9-12调整后整体效果（9）鼠标单击工具栏中的颜料桶工具，设置填充颜色为#bb0000。如图9-13所示。图9-13设置填充颜色（10）将礼花填充成红色后的效果如图9-14所示图9-14填充颜色后效果（11）填充颜色完成后，利用绘图工具栏中的箭头工具选中边框线后全部删除。如图9-15所示。图9-16删除边框线后效果（12）再新建一礼花2元件，类型为影片剪辑。在编辑区域绘制编辑礼花，填充颜色并删除边框线后的效果如图9-17所示。（注意两礼花形状要有所区别）图9-17礼花2效果 9.2.3绘制遮
5、罩（1）新建一元件，名称为红色遮罩，类型为影片剪辑。如图9-18所示。图9-18新建遮罩元件（2）在红色遮罩元件的编辑区域，利用椭圆工具绘制无边框颜色，填充色为放射状类型。颜色由左到右依次为：#FF0000 Alpha为0;#FF0000 Alpha为100 ;#FF0000 Alpha为100，大小为150150。如图9-19所示。图9-19设置混色器（3）设置好颜色后，绘制的圆形的颜色效果如图9-20所示。图9-20圆形效果（4）单击“窗口/库”（或者按Ctrl+L组合键）调出库面板。在库面板中，右键单击红色遮罩，在弹出的快捷菜单中选择“直接复制”命令。如图9-21所示。图9-21单击“直
6、接复制”命令（5）在弹出的“直接复制元件”对话框中，重命名为粉色遮罩，类型为影片剪辑，然后单击确定按钮。如图9-22所示。图9-22设置“直接复制元件”对话框（6）在库面板中双击粉色遮罩元件，进入元件编辑区。鼠标单击选中编辑区中的圆。然后设置混色器面板。在颜色条上由左到右依次为：#000000 Alpha为0;#FF00FFAlpha为100。如图9-23所示。图9-23设置混色器（7）设置粉红色遮罩元件中的圆的颜色后的效果如图9-24所示。图9-24设置颜色后效果（8）继续复制元件并命名为“绿色遮罩”。鼠标单击选中编辑区中的圆。然后设置混色器面板。在颜色条上由左到右依次为：#000000 A
7、lpha为0;#00FF00 alpha为100;#00FFFF alpha为100。如图9-25所示。图9-25设置绿遮罩的混色器（9）设置好颜色后，绘制的圆形的颜色效果如图9-26所示。图9-26绿色遮罩效果（10）继续复制元件并命名为“黄色遮罩”。鼠标单击选中编辑区中的圆。然后设置混色器面板。在颜色条上由左到右依次为：#000000 Alpha为0;#FFFF00 alpha为100;#FFFFCC alpha为100。如图9-27所示。图9-27设置混色器（11）设置好颜色后，绘制的圆形的颜色效果如图9-28所示。图9-28黄色遮罩效果（12）复制元件并命名为“蓝色遮罩”。鼠标单击选中
8、编辑区中的圆。然后设置混色器面板。在颜色条上由左到右依次为：#000000 Alpha为0;#0066FF alpha为100;#FFFFFF alpha为100。如图9-29所示。图9-29设置混色器（13）设置好颜色后，绘制的圆形的颜色效果如图9-30所示。图9-30蓝色遮罩效果（14）继续复制元件并命名为“彩色遮罩”。鼠标单击选中编辑区中的圆。然后设置混色器面板。在颜色条上由左到右依次为：#000000 Alpha为0;#FF0000 alpha为100;#FF00FF alpha为100；#FFFF00 alpha为100。如图9-31所示。图9-31设置混色器（15）设置好颜色后，绘
9、制的圆形的颜色效果如图9-32所示。图9-32彩色遮罩效果9.2.4绘制闪亮背景（1）鼠标单击“插入/新建元件”命令。如图9-33所示。图9-33单击“新建元件”命令（2）在弹出的创建新元件对话框中设置名称为“闪亮背景”，类型为影片剪辑。然后单击确定按钮。如图9-34所示。图9-34设置创建新元件对话框（3）在“闪亮背景”元件的编辑区域中绘制没有边框线，填充色为#cccccc，大小为800500的矩形，然后利用对齐面板将矩形相对于舞台居中。如图9-35所示。图9-35绘制矩形 9.2.5制作礼花动画（1）单击“插入/新建元件”。在创建元件对话框中设置名称为“动画1”，类型为影片剪辑，点确定。如
10、图9-36所示。图9-36设置创建新元件对话框（2）在动画1元件内部，在图层1上双击鼠标左键给图层1重新命名为“遮罩圆”。如图9-37所示。图9-37重命名图层1（3）在遮罩圆图层的第2帧处插入空白关键帧。将库面板中的“闪亮背景”拖放到第2帧的编辑区中，相对于舞台居中。如图9-38所示。图9-38拖放“闪亮背景”元件（4）在遮罩圆图层的第3、4帧处插入空白关键帧。并在第4帧处，将元件红色遮罩拖放到第4帧的编辑区中。如图9-39所示。图9-39放入红色遮罩（5）在遮罩圆图层上方新建一图层命名为“礼花”。如图9-40所示。图9-40新建图层（6）在“礼花”图层的第4帧处插入空白关键帧。并将库面板中
11、的“礼花1”元件拖放到编辑区中。如图9-41所示。图9-41放置礼花1（7）利用绘图工具栏中的自由变形工具对红色遮罩元件进行调整（缩小）。如图9-42所示。图9-42调整红色遮罩的大小（8）分别在遮罩圆图层和礼花图层的25帧插入关键帧，并用任意变形工具分别调整两个图层的第25帧中的实例大小及位置。如图9-43所示。图9-43放大红色遮罩（9）在两个图层的第4帧到第25帧之间分别创建运动补间动画。如图9-44所示。图9-44创建运动补间动画（10）分别在遮罩圆图层和礼花图层的第26帧插入空白关键帧，在遮罩圆图层的第27帧处插入空白关键帧。并将“闪亮背景”拖放到27帧处，利用对齐面板，相对于舞台居
12、中。如图9-45所示。图9-45放置元件（11）在遮罩圆图层的28帧处按F7插入空白关键帧（或者鼠标右击28帧，在弹出的快捷菜单中选择插入空白关键帧）。然后分别在两个图层的29帧处插入关键帧。如图9-46所示。图9-46插入关键帧（12）将元件蓝色遮罩拖放到遮罩圆图层的第29帧处，将礼花1拖放到礼花图层的第29帧处。如图9-47所示。图9-47放置礼花及遮罩圆（13）调整元件蓝色遮罩的的大小及位置。如图9-48所示。图9-48调整蓝色遮罩的大小（14）分别在两个图层的第50帧处插入关键帧。调整礼花1的位置并在29帧到50帧之间创建运动补间动画。如图9-49所示。图9-49调整礼花位置（15）调
13、整蓝色遮罩的大小并调整它的位置，然后在29帧到50帧之间创建运动补间动画。如图9-50所示。图9-50调整蓝色遮罩的大小及位置（16）分别在两个图层的第51帧处插入空白关键帧。然后在遮罩圆图层的第52帧处插入关键帧。并将“闪亮背景”拖放到52帧处，利用对齐面板，相对于舞台居中。如图9-51所示。图9-51放置闪亮背景（17）在遮罩圆图层的第53帧处插入空白关键帧。然后分别在两个图层的第54帧处插入关键帧并将元件绿色遮罩拖放到遮罩圆图层的第54帧处。如图9-52所示。图9-52放置绿色遮罩（18）将礼花1拖放到礼花图层的第54帧，并调整位置。如图9-53所示。图9-53放置礼花（19）利用任意变
14、形工具调整绿色遮罩的大小。如图9-54所示。图9-55调整绿色遮罩的大小（20）在两个图层的75帧处分别插入关键帧。并调整礼花和绿色遮的位置及大小（向左上角调整位置）。并在两个图层的54帧到75帧之间创建运动补间动画。如图9-55所示。图9-56调整礼花和绿色遮罩（21）最后，鼠标右击礼花图层，在弹出的快捷菜单中选择“遮罩层”命令。如图9-57所示。图9-57单击“遮罩层”命令（22）新建影片剪辑元件动画2，用同样的方法制作动画2的效果。在动画2元件中，将图层1重命名为“遮罩圆”，在遮罩圆图层上新建一图层，重命名为“礼花”。如图9-58所示。图9-58重命名图层（23）在遮罩圆图层的第2帧处插入关键帧。将元件“闪亮背景”放入第2帧，并利用对齐面板使闪亮背景元件相对于舞台居中。在遮罩圆的第3帧处插入空白关键帧。在两个图层的第4帧处分别插入空白关键帧。然后分别放入礼花2元件和彩色遮罩元件。并调整它们的大小及位置（中心点左上角）。如图9-59所示。图9-59放置礼花和彩色遮罩（24）分别在两个图层的第25帧处插入关键帧，并移动它们的位置及调整彩色遮罩元件的大小。最后，分别在两个图层的第4帧到
