flash动画创作

1、实验4 Flash复杂动画的创作一、实验目的1、 理解引导线的概念，掌握引导层动画的原理、创作方法。2、 理解遮罩的概念，掌握遮罩动画的原理、创作方法。3、 理解多场景动画的概念，掌握复杂剪辑动画的创作原理。二、实验任务1、 制作闪光的莲花(掌握要点:遮罩动画2、 制作海底水泡以及水波纹效果三、实验内容1、制作莲花闪烁动画（1）新建一个大小为550×400像素，背景色为黑色，帧频为24fps的空白文档。将默认的“图层1”更名为“背景”，然后使用“矩形工具”绘制一个没有边框的矩形，打开“颜色”面板，设置类型为“放射状”，再设置第1个色标颜色为（R:1，G:47，B:152），第2个色标

2、颜色为（R:2，G:2，B:100），第3个色标颜色为（R:0，G:0，B:0），填充效果如图1所示。图1  制作背景（2）新建一个“莲花”图层，然后导入莲花图片（可网络上搜索任意图片），选中莲花图片，Ctrl+B将图片打散，用橡皮工具将不需要的图形擦除，保留花朵形象。如图2所示。图2  导入素材（3）选中“莲花”图层中的莲花，然后按F8键将其转换为影片剪辑（名称为“莲花”），如图3所示。图3  创建影片剪辑（4）在“库”面板中，右击“莲花”影片剪辑实例并选择“编辑”菜单，进入“莲花”元件的编辑场景。选中元件中的花朵图像，再按F8键将

3、其转换为影片剪辑元件（名称任意），然后利用该新建元件创建传统补间动画：在“莲花”元件的图层一的第40和75帧插入关键帧，选中第40帧中的莲花元件 ，并在属性面板中修改其色彩效果，如图4所示的设置，最后在时间抽上创建出传统补间动画。图4 添加莲花闪烁效果（5）回到动画主场景，选中主场景中的影片剪辑“莲花”，然后为其添加“发光”滤镜，具体参数设置如图5所示。品质为“高”，并设置其发光颜色为：R:0，G:255，B:255），Alpha为100%，如图5所示。图5  添加“发光”滤镜（6）主场景，在“莲花”图层的上一层新建一个“星光”图层，然后新建一个“星光四射”影片剪

4、辑元件，并将在元件放置于“星光”图层。操作步骤如下：创建一个新影片剪辑元件，如图6所示。图6  新建元件（7）在“星光四射”元件中，使用“矩形工具”绘制一个没有边框的矩形，然后设置填充颜色为（R:0，G:255，B:255），并用设置好的颜色填充矩形，再用“选择工具”调整好其形状，如图7所示。图7  调整矩形形状（8）使用“任意变形工具”选中图形，然后将变换中心点拖曳到舞台的中心点上，如图8所示。图8  调整图形中心位置（9）使用“选择工具”选中调整好的图形，然后按Ctrl+T组合键打开“变形”面板，设置旋转角度值为30°，

5、然后单击“重制选区和变形”按钮 复制出11份图形，如图9所示。图9  旋转复制图形（10）在“星光四射”元件中，新建一个“图层2”，将“图层1”中的图形复制到“图层2”中，然后选择“图层2”中的图形，执行“修改/变形/水平翻转”菜单命令，再将图层2中的图形调整成白色，如图10所示。图10  水平翻转图形（11）选中“图层1”的第1帧，按F8键将其中图形转换为元件（名称为“转图图形”），选中“图层1”第90帧，然后按F6键将其转换为关键帧，在“图层1”中创建1到90帧的传统补间动画，并在属性面板设置关于该补间动画的旋转属性。选中“图层2”的第90

6、帧，按F5键插入帧，再最后将“图层2”转换为“图层1”的遮罩图层，如图11所示。图11  最终的时间轴图层（12）返回动画主场景，将“莲花”图层中的“莲花”元件以及“星光四射”图层中的“星光四射”元件对齐，并确保“星光四射”图层放置在“莲花”图层的下方。动画制作完成。2制作海底水泡以及水波纹效果该实例中包括了动作补间动画、形状补间动画、遮罩动画、引导路径动画等四种动画形式，制作上要比前面几个实例难度大一些，但它能综合复习前面学过的内容。图5- 10 Flash动画效果图（1）新建一个Flash动画文件，命名为“海底.fla”，设置舞台尺寸为450×300像素，【背

7、景色】为深蓝色。（2）创建元件本例中的实例比较多，把它们分成“水泡部分”、“海底部分”、“游鱼部分”三大部分来制作。先来创建和水泡有关的部分。步骤1 创建“单个水泡”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“单个水泡”。在场景中画一个无边的圆，颜色任意，大小为30×30像素，再在【混色器】面板中，添加两个白色色标，【Alpha】值从左向右依次为100%、40%、10%、100%，如图5-11所示，选择【颜料桶工具】，在圆的中心偏左上的地方单击，并可以用【填充变形工具】进行微调。图5- 11 水泡（放大400倍）、填充位置及混色器面板参数步骤2 创建“水泡运动”元件

8、执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“水泡运动”。选中被当前元件图层的第一帧，从【库】中将名为“单个水泡”的元件，拖放在舞台的下端，创建“单个水泡”的补间动画，然后在第60帧处把“单个水泡”元件实例移到舞台的上端并设置【Alpha】值为50%，用选择工具修改运动路径如图5-12所示。图5- 12 水泡运动步骤3 创建“成堆的水泡”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“成堆的水泡”。从库里拖入数个“水泡运动”元件，任意改变大小和位置，见图5-13。图5- 13 成堆的水泡（放大400倍）步骤4 创建“游鱼”元件（选作内容）执行【插入】|【新建元件】命令

9、，新建影片剪辑，名称为“游鱼”。在场景中共设四层，分别为“鱼头”、“中间鱼尾”、“上面鱼尾”、“下面鱼尾”。在各图层中画出鱼的各部分形状，如图5-14所示，“鱼头”层中是鱼的眼睛和圆滚滚的身子，为了体现鱼游动时的姿势，我们把鱼尾分成上、中、下三部分，画好后在第7、14帧处各添加关键帧，把鱼头、鱼尾位置形状稍做改变，在第1、7、14帧处创建补间形状动画。为了保持动作连贯，第20帧和第1帧中的形状是完全一样的。图5- 14 鱼在各帧的形状及时间轴面板步骤5 创建“鱼游动”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“鱼游动”。选择图层的第100帧，按F5键，使图层中的帧延伸到第10

10、0帧。将库中“游鱼”元件拖入图层的第一帧，用【任意变形工具】调整“游鱼”元件实例为合适的大小，创建“游鱼”的补间动画，选择第100帧，将“游鱼”移动至舞台的其他位置，调整第1帧和第100帧中的“游鱼”元件之间的运动路径，建立运动补间动画，如图5-15所示。图5- 15 鱼在第1帧和第100帧的位置步骤6 创建“海底”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“海底”。选择第1帧，然后再执行【文件】|【导入】|【导入到舞台】命令，将“海底.bmp”的图片导入到场景中。步骤7创建“遮罩矩形”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“遮罩矩形”。在场景中画一个5

11、00×4的无边矩形，设置颜色为任意。复制并粘贴这个矩形，向下移一点位置，使其变成二个，再复制并粘贴这二个矩形，再向下移一点位置，使其变为四个，如此循环，在粘帖过程中，选中所有矩形，在【属性】面板中查看图形高度，直至创建出一个500×540的矩形，如图5-16所示。 图5- 16 遮罩矩形步骤8创建“水波效果”元件 水波荡漾的效果是用遮罩动画的手法做的，看着挺漂亮，实际制作却很简单，执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“水波效果”。从【库】面板里将名为“海底”的图形元件拖放到场景中，在【属性】面板上设置元件的【X】值为0，【Y】值为0，

12、在时间帧上单击右键，在弹出菜单中选择【复制帧】。然后新建一个图层，在这层的第1帧上单击鼠标右键，在弹出菜单中选择【粘贴帧】，就把刚才的元件粘到第二层中了，选中该层中的实例，在【属性】面板上设置它的【X】值为0，【Y】值为1，【Alpha】值为80。将两个图层的100帧处都插入普通帧。注意：这里是一个技巧：第二层图片与第一层图片的位置差决定水波荡漾的大小！位置差越大，水波越大，其【Alpha】值的大小决定水波的清晰程度，【Alpha】值越大，水波越清晰，反之越模糊。图5-17是第一层和第二层中，两张图片在X，Y轴的位置对比。图5- 17 两张图片在场景中的位置对比要实现水波荡漾，光有二层图片是不

13、行的，还要用遮罩动画实现光线的明暗变化才行,这样，才能产生水的流动感。新建一个图层，并命名为“遮罩层”，将【库】中的“遮罩矩形”元件拖入“遮罩层”的第1帧，注意下面的边缘对着“海底图片”的下边缘。创建“遮罩矩形”的补间动画，在第100帧上将元件的上边缘对齐“海底图片”的上边缘，如图5-18所示。 图5- 18 遮罩层中矩形元件的位置右击该图层名称，在弹出的快捷菜单中选择【遮罩层】命令。至此，这个动画所需的基本构件已经制作完成，接下来还必需在场景中把各个构件“组装”起来。单击时间轴右上方的【编辑场景】按钮，选择【场景1】切换到主场景中。在主场景中一共需要3个图层，由下而上一层一层地叙述。（3）创建动画步骤1 创建背景层从库中把名