Flash综合动画步骤详解.doc

瀑布进一步提高经典的flash遮罩效果制作技术实现方法：图层1：背景图。图层2、3：把背景图的瀑布、水面扣出，用遮罩效果做出流动的效果，图层4、5：把雾气扣出，用遮罩效果做出缓缓上升的雾气效果。一、新建影片文档 打开 flash8 软件，保存名为“瀑布” 。 背景色为深蓝色#0000ff，其它文档属性值为默认。二、导入图片 改图层 1 名称为【图片】，选中图片图层的第一帧，执行【文件】【导入】【导入到舞台】命令，把准备好的瀑布图片导入到舞台。见图 1。选中图片打开对齐面板，单击【匹配宽和高】按钮，居中对齐舞台中心。在图片层的第 100帧插入帧。锁定该图层。图1三、扣图 1、插入图层 2 并改图层名称为【瀑布】 ，把【图片】图层的第 1 帧复制到【瀑布】图层的第 1 帧上。关闭图片图层的眼睛，然后，选中【瀑布】图层上的图片，按键盘上的方向键向右移动一像素，再向下移动一像素，让两个图层上的图片错开 1 像素。2、 选中【瀑布】图层第 1 帧上的图片，执行菜单【修改分离】命令，将图片分离。然后，用【橡皮擦工具】把图片上非水部分的全部擦除。保留下来的是有水部分，如图 2 所示。图23、锁定【瀑布】图层。四、制作遮罩 1、绘制矩形 首先，插入新图层并改图层名称为【瀑布遮罩】 。然后，选取【矩形工具】，关闭笔触颜色，【填充色】设为“红色” 。选中【瀑布遮罩】图层的第 1 帧，在舞台上画一个矩形，在“属性”面板设置宽高为5527 像素。把矩形条放置在保留图形上方，水平中齐。2、复制矩形 选中红色矩形，不断复制这个矩形，让复制得到的矩形依次置于下方，每条矩形的垂直间距大约为矩形高度（即 7 像素左右） ，矩形组的总高度约高出保留图形的三分之一。如图 3所示。图33、单击“瀑布图层”的第1帧以选中所有矩形，打开对齐面板点击【水平中齐】，然后取消【相对于舞台】点击【垂直平均间隔】按钮。 4、 选中所有矩形条， 右击， 在弹出的菜单中选择 【转换为元件】 命令。 【名称】 改为 “遮罩”，【类型】为“图形” ，单击【确定】按钮。如图 4所示。图4五、编辑【遮罩】图层 1、编辑遮罩位置 首先，选中【遮罩】图层第 1 帧，把遮罩元件的下底边拖放到跟图片底边平齐的位置。如图 5所示。图5然后，在【遮罩】图层的第 100 帧插入一个关键帧，选中第 100 帧上的元件向下移动，在确保遮罩元件的上底边仍在保留图形上方的前提下， 让遮罩元件中某矩形的下底边跟保留图形的底边平齐，如图6 所示。图6选中【遮罩】图层第 1 帧，右键创建“动画”补间。然后，在【遮罩】图层上右击，在弹出的菜单上选择【遮罩层】命令。遮罩效果的制作就完成了。完成后的时间轴见图 7图7六、制作雾气效果 雾气效果的制作方法跟瀑布制作基本相同，所不同的是：一把遮片制作成波浪形，二是遮片的移动方向为斜向上。 1、在瀑布图层上方再添加三个图层，分别命名为“雾1”、“雾2”、“遮罩层”名称见图 8 。图82、复制图片图层的第一帧，粘贴到雾 1 图层的第一帧上，把图片分离后用【套索工具】选定并去掉没有雾气的部分，然后将扣出来的雾气图(见图9)这1帧复制粘贴到雾 2 图层的第一帧上， 并把雾气图片向下移动二像素，再向左移动二像素，锁定两个雾气层。 图93、编辑雾遮罩图层 （1）执行插入，新建一个图形元件，名称： 【雾气遮罩】 。选菜单“视图网格显示网格”，选择钢笔工具，在属性里设置笔触高度为 7像素，在舞台画一条波浪线（两条正弦曲线相接，振幅为1格，曲线长为12格），线的宽大约430 像素，高约为36像素，将线条对齐舞台中心。见图10图10（2） 、选中线条执行菜单“修改形状将线条转换为填充”命令。注： （线条不能做遮罩） 。然后复制多条波浪线，向下依次摆放成为波浪线条组，波浪条组总高度大约为500 像素。见图11图11（3） 、回到场景一，选中【雾气遮罩】图层的第一帧，把【雾气遮罩】元件拖入到舞台，摆放的位置见图 12图12（4） 、在该图层的第100 帧插入关键帧，将雾气遮罩元件向上移动，摆放位置见图13图13（5） 、选中该图层的第一帧右键创建【动画】补间。将【雾气遮罩】图层设为遮罩层。 到此瀑布动画制作完成。完成后的时间轴见图 14图14。七、添加一个图层，写上动画名称“瀑布”及作者签名如图15，大作完成，存盘测试。图15下雨效果制作方法实例效果：清明时节，公园一角，纷纷扬扬的细雨，洒落在地面，荡起了无数的小水花。雨中的万物显得更加翠绿。教学目标：熟悉各种元件的制作，掌握下雨效果的制作原理，一、打开 flash8 软件，背景色为绿色#336600，其它默认，确定。二、制作雨元件：1、点击插入菜单下的新建元件命令，名称： 【雨】 ，类型： 【图形】 ，确定。选择矩形工具，打开混色器面板，设置填充色为线性，共三个色块，左右两个色块为灰色，颜色代码是#D5D5D5， 设 Alpha 值为 0，中间色块为灰白色，颜色代码是 E0E0E0，Alpha 值为 50。见图1图1在舞台中画一个无边框的矩形。 选中矩形打开属性面板， 设矩形的宽高为230 像素， 居中对齐舞台中心。见图2图22、点菜单栏的“插入新建元件”命令，改名称为： 【雨动】 ，类型： 【影片剪辑】 ，确定。这时我们来到雨动的编辑舞台。 点图层 1 的第 1 帧， 打开库面板， 将【雨】元件拖入到场景， 打开属性面板，设置【雨】元件的位置：X 轴为 0，y轴为 -350。在第20 帧处插入关键帧， 选中【雨】元件，在属性面板中设置 X 轴为 0，y轴为 400。回到第一帧做动画补间。 见图3。图33、新建【影片剪辑】元件：名称： 【雨组合 1】 。 选图层 1 的第 1 帧，打开库面板，拖入多个【雨动】元件到舞台中，随意摆放，布满场景。并分别修改【雨】元件的透明度。透明度可设置为 5090不等，这样做的目的就是为了使下雨效果更加逼真， 雨的线条远近透明， 非常漂亮。(可设置好一个实例的透明度，再按住alt键拖动并复制这个实例若干个在舞台上不同位置) 见图4图4说明： （当我们测试影片的时候如果有不满意的地方，再回到【雨组合 1】元件里修改【雨动】元件的位置及透明度，添加或减少【雨动】元件的数量，到满意为止） 。 5、为了能够充分体现下雨的效果，我们再新建一个【雨组合 2 】影片剪辑元件。（1）、点菜单栏的插入新建元件命令，名称： 【雨组合 2】 ，类型：影片剪辑，确定。在【雨组合 2】的编辑舞台中，点图层 1 的第 1 帧，打开库面板，把【雨组合 1】元件拖入到场景，舞台居中。在第十五帧处插入帧。 （2）、复制图层 1 的第一帧，添加图层 2，鼠标右键点图层二的第 5 帧，在下拉菜单中选择粘贴帧。 （3）、添加图层 3，鼠标右键点图层 3 的第 10 帧在下拉菜单中选择粘贴帧。 （4）、添加图层4，在图层 4的第 15 帧插入空白关键帧，打开动作面板，输入 stop(); 【雨组合 2】元件制作完成，完成后的时间轴见图5图5三、下面我们来制作水泡泡元件： 1、点菜单栏的插入新建元件命令，名称： 【水泡泡】 ，类型：图形，确定。 2、在水泡泡的编辑舞台中，选择椭圆工具，打开混色器面板，选择放射状填充，共三个色块，色块的位置,见图6图6左右两个色块为绿色， 颜色代码是 099B37， Alpha 值为 0。 中间色块为白色， 颜色代码是 FFFFFF，设 Alpha 值为 50。 在编辑舞台中画一个无边框 7070 像素的正圆，将圆对齐舞台中心。见图7图73、制作【水泡泡动】元件： （1）、新建元件，名称： 【水泡泡动】 ，类型：影片剪辑，确定。 （2）、点图层 1 的第 1 帧，打开库面板，把【水泡泡】元件拖入到舞台，改大小为 82像素，对齐舞台中心。在第 35 帧处插入关键帧，改【水泡泡】大小为 30 10 像素，居中对齐舞台中心。然后在属性面板中把第 35 帧上的【水泡泡】元件透明度设为 0。回到第一帧做动画补间， 缓动值设为 100。锁定图层 1。见图8图8（3）、添加图层 2，在图层2的15帧插入关键帧，单击图层 1选中 135 帧，按住alt键并拖动时间轴上的图层1到图层 2 的第 15 帧上就把图层1复制到图层2的第15帧上。见图9图9四、组织场景： 1、回到主场景：添加 6 个图层（共 7 层），把所有图层延长至 20 帧，并分别改图层名称至下而上为：背景、水泡泡 1、水泡泡 2、雨组合 2、遮罩 、脚本、签名。见图10图102、点背景图层的第一帧，导入一张你喜欢的图片做背景，匹配宽和高，居中场景中心。锁定图层 1。 3、点【水泡泡 1】图层的第一帧，打开库面板拖入多个【水泡泡动】元件放在图片的地面上随意摆放。 复制水泡泡图层的第一帧，粘贴到【水泡泡 2】图层的第 18 帧上。两个水泡层上锁。（一般放置在地面上有水的地方） 4、点【雨组合 2】图层的第 1 帧，打开库面板，把【雨组合 2 】剪辑拖入到场景，打开对齐面板，选择水平中齐和底对齐，然后打开变形面板，在旋转那里输入 -10 度，按回车键。该层锁上。 5、点遮罩图层的第 1 帧，选择矩形工具，在场景中画一个无边框填充色任意的矩形，匹配宽和高。居中对齐场景中心，鼠标右键点遮罩图层在下拉菜单中选【遮罩层】 。两个水泡泡图层也设为被遮罩层。 6、在脚本图层的第 20 帧插入空白关键帧，打开动作面板，输入 stop();7、点签名图层的第 1 帧，选择文本工具，输入你的名字。 完后的时间轴见图11图11下雨效果制作完成。测试并存盘。遮罩动画闪光的五星一、新建FLASH 文档 ，场景大小为 400400 像素，背景色为黑色，其它默认，确定。二、绘制五角星 1、新建图形元件，名称为【五角星】，选择多角星形工具在“五角星”的编辑舞台中绘制 一个任意大小的无填充色的五角星，然后用直线工具连接每个角的对角线，见图2、给五角星填充颜色，打开混色器，选择线性填充，颜色代码分别为：左，#FF0000(红), 右，#990033(深红),填充方法见图，注意相邻两格的填充方向是相反的(只要用颜料桶工具在每一格中向顶角或向中心方向拖动填充，也可以用填充变形工具调整出更好的立体效果来)删除五角星的轮廓线，五角星元件就做好了三、制作光线元件 1、新建图形元件，名为光线 。选择椭圆工具，线条颜色代码为：EBE9C5，笔触高度为3，画一个无填充色的正圆，并画一条长200的直线与圆相切。如下图：单击第一帧同时选中它们，选菜单“修改形状将线条转换为填充”把线条转换为填充色（做遮罩层线条必需转换成填充才能起效果）单击任意变形工具，选中上面图形，把注册点移到圆心位置，打开变形面板，设置旋转20度，鼠标左键点击“复制并应用变形”按钮17 次，舞台居中对齐，见效果图四、返回主场景 （1）添加3个图层，共 4层。分别改图层名称，见图（2）、选中背景图层的第一帧，打开混色器，选择放射状，颜色代码分别为左起，1.FCE836， 2.FC773F，3.BA2501，4.3C0C00。在舞台中画一个无边框 400400 像素的正方形， 居中对齐舞台中心，在第 30帧处插入普通帧，（3）、选中光线图层的第一帧，从库中把光线元件拖入到舞台，对齐舞台中心，在第30帧插入关键帧，设置130帧的补间动画，逆时针旋转2次（4）、选中遮罩图层的第一帧，从库中把光线元件拖入到舞台，对齐中心，选菜单“修改-变形水平翻转”把光线元件水平翻转，如图在第30帧插入帧。 右击遮罩层，选菜单“遮罩层”（5）、选中五角星图层的第一帧，把库中的“五角星”元件拖入到舞台，调整大小，对齐舞台中心，在第30帧插入帧。如图 遮罩后的舞台效果图，选菜单“控制测试影片”可看到效果。2、动感水珠实例效果：水珠从鲜艳的果实上渗透出来，慢慢滚落下来。教学目标：进一步提高经典的flash效果制作技术1、新建一个文件，背景色浅蓝：#0099FF,这样容易看出画水珠效果2、新建一个图形元件命名为水珠，。进入水珠元件编辑舞台。为了便于操作，把舞台 放大到800，选椭圆工具， 关闭笔触颜色， 打开混色器， 选择放射状填充，再添加两个色块，从左向右依次是：黑色 Alpha100% ，黑色 Alpha60%， 黑色 Alpha0% ，黑色 Alpha0% 如图一图 1在图层一上画一个 1518 像素的椭圆，见图二。单击填充变形工具，在图二的椭圆上单击，该填充区的中心会显示出来，同时边框也会显示出来，中心和边框上带有编辑填充色的手柄，鼠标指向不同的手柄鼠标指针会发生相应的改变，如图拖动上面的手柄调整填充色，见图三， 用任意变形工具选中椭圆旋转一下角度，见图四打开变形面板，约束打勾，宽高设为 90，点选复制并应用变形按钮一次，在舞台空白处单击鼠标取消椭圆选中状态，打开混色器，选择放射状填充，从左向右依次是：白色 Alpha0% 白色 Alpha0% 白 色 Alpha30% 白色 Alpha0% 白色 Alpha0% ，用养料桶填充椭圆后用填充变形工具仿前稍加调整，见 图六效果添加一个图层，在这个图层上给水珠画一个椭圆做高光效果。打开混色器，选择放射状填充，从左向右依次是：白色 Alpha100% 白色 Alpha100% 白色 Alpha0% 在件， 点插入新建元件类型选择 （影片剪辑） 名称： 水珠动确定。进入元件编辑舞台，在图层一把水珠元件拖入到舞台，舞台居中对齐。在第25、26、27、28、29、30、31、55 帧插入关键帧，在第1帧中设置水珠大小为22.5，在第 26、27、28、29、30、帧用任意变形工具适当调整水珠的方向从而达到水珠左、右晃动快掉下来的效果，选第55 帧在属性面板中修改水珠大小为 77.8像素，并移动水珠到场景下方适当位置以达到水珠落下并变小一点的效果。在第 56 帧插入空白关键帧，在第 65 帧插入帧。做1-55帧的补间动画。则1-25帧水珠由小变大，26-31帧水珠左右晃动，31-55水珠落下并变小。4、返回主场景，把图层1的65帧插入帧，添加五个图层，修改图层名称如图。在图层一导入一张你喜欢的图片做背景(此处为一张带水珠的苹果图)。在水珠一图层的第一帧、水珠二图层的第 15 帧、水珠三图层的第 38 帧、水珠四图层的第 55 帧上插入空白关键帧，在每个关键帧上拖入十个水珠动电影元件，随意摆放，在变形面板中分别修改这些水珠的大小不等(50%-120%)。在水珠四图层的第 65 帧插入关键帧，打开动作面板，输入 stop();命令。 在签名图层写上自己的名字。5、按CTRL+回车键测试影片，效果不错吧!实例效果：下落的瀑布、流动的水面，还有缓缓上升的雾气。 旋转地球仪一、新建文档1、 新建一个文档，大小550500，背景黑色二、建“地图”图形元件：1、按Ctrl+F8键新建一个“地图”图形元件，导入地图图片如图1图12、选中该图后，按CTRLB打散图形，在“工具箱”中选“套索工具”，在下面的“选项”中选“魔术棒”，先在空白处单击以取消图形的选择状态，再在图形的背景上单击以选中背景的颜色，按Delete键删除背景色，单击图层1的第1帧以选中该图形，按CTRLG组合该图形。图23、选中该图形，按CTRLK打开对齐面板，设置 “相对于舞台“、“左对齐”、“垂直中齐”，按Ctrlc键、再按Ctrl+v键，复制该图形，在对齐面板中设置为“右对齐”，得到两个并排的图形，如图3图3三、建“地球转”影片剪辑元件1、按Ctrl+F8键新建一个“地球转”电影剪辑元件：图42、拖入“地图”元件到舞台，选中该元件，在属性面板中设置透明值Alpha设为30%，x:750,Y：120，在100帧右击选“插入关键帧”，选中该元件，在属性面板中设为X：265,Y:120，创建1100帧的补间动画，锁定该图层3、添加图层2，拖入“地图元件”，调整“地图”在舞台上的位置，使它的左半部分正好与图层1中的“地图”右半部分重叠！图5图5在图层2的100帧右击插入关键帧，仿上调整“地图”的位置，使图层2的地图右半部与图层1的地图左半部重叠如图6，创,1100的补间动画。图64、添加图层3，在图层3画一个白色的圆，在属性面板中设置大小为240240，X：250，Y：120，右击这个圆，转换为图形元件“圆”，双击“圆”进入“圆”的编辑窗口，用放射状填充圆，填充色如下图：左、中、右三个色标都是白色，Alpha分别为：0%、10%、30%图7在“圆”的编辑窗口添加一个图层2，复制图层1中第1的帧到图层2的第1帧，用下图所示的“线性”渐变填充色填充圆，两个色标都是白色，左、右Alpha的值分别是0%，100%，用“填充变形”工具把白色光移到圆的右上角。如图8图8最后“圆”的效果如图9图95、按Ctrl+L键打开库，双击“地球转”元件回到“地球转”编辑窗口，添加图层4，把库中“圆”拖入，与图层3中“圆”重叠，右击“图层4”选“遮罩层”把图层4设为遮罩层，把图层1、图层2也拉到图层4的遮罩下。见图10图10四、制作“球坐”元件1、选菜单“插入新建元件”，新建一个图形元件，画一个240240的无边框的圆，选“放射状”填充，填充色如下图，左色标颜色是FFFFFF，Alpha值为0%，中间色标颜色是F97117,Alplha值为%15，右边色标是D55011,Alpha值为100%，用“橡皮擦工具”擦去圆的一部分，如图11图112、添加一个图层2，画一个无框椭圆，大小21040，用“线性”渐变填充，填充色如下图：左、右两个色标设置为EC5720,Alpha值为70%；中间色标设置为白色，透明值80%；图123、添加一个图层3，复制图层2的第1帧到图层3上，设置“放射状”填充色如下，左色标：FFFFFF，中间色标：DE800E，右色标：D55011，用“填充变形”工具把填充色调整为椭圆形填充，正好填充在底坐的椭圆上如图13图13并把图层3的图稍稍向上移动，形成一个立体底坐，4、添加一个图层4，把图层3的第1帧复制到图层4的第1帧，按Ctrl+T打开变形面板，把图层4中的椭圆缩放为原来的35%，图145、添加一个图层5画个如下图所示的无框矩形，其底边同底架中间的椭圆宽度相同，用“线性”填充如下图，两边色标：DA5C12，透明值70%，中间色标：白色，透明值80%，球架最后效果如右图图15五、制作“背景”图形元件1、新建一个“背景”图形元件2、画一个520470的无框矩形，用“线性”渐变填充，填充色如下：左色标B8E20C，右色标：2F3803，矩形舞台居中对齐3、添加一个图层2，画一个550500的无框矩形，填充色如图17，用“填充变形工具”调整渐变色方向。4、复制图层1中的矩形，在图层2的第1帧选菜单“编辑粘贴在当前位置”把图层1的矩形粘贴在图层2的矩形中间，用“选择工具”选中中间的矩形，按delete键删除中间的颜色，如图18图16图17图18六、组织主场景：1、单击“时间轴”上的“场景1”回到主场景2、添加三个图层，4个图层分别命名为背景、地球、坐、签名3、把相应的元件拖到相应的图层，调整位置，测试存盘荷花实例效果：荷花随风轻轻舞动身姿，两只蜻蜓翩翩起舞1、荷花元件：铅笔画，花瓣用“放射状”渐变色填充：左色标FF00FF，右色标为白。莲篷头用“线性”填充：色标1009933，色标2FFCC33，色标3