flash综合动画步骤详解

《flash综合动画步骤详解》由会员分享，可在线阅读，更多相关《flash综合动画步骤详解（9页珍藏版）》请在金锄头文库上搜索。

1、瀑布进一步提高经典的flash遮罩效果制作技术实现方法：图层1：背景图。图层2、3：把背景图的瀑布、水面扣出，用遮罩效果做出流动的效果，图层4、5：把雾气扣出，用遮罩效果做出缓缓上升的雾气效果。一、新建影片文档 打开 flash8 软件，保存名为“瀑布” 。 背景色为深蓝色#0000ff，其它文档属性值为默认。二、导入图片 改图层 1 名称为【图片】，选中图片图层的第一帧，执行【文件】【导入】【导入到舞台】命令，把准备好的瀑布图片导入到舞台。见图 1。选中图片打开对齐面板，单击【匹配宽和高】按钮，居中对齐舞台中心。在图片层的第 100帧插入帧。锁定该图层。图1三、扣图 1、插入图层 2 并改图

2、层名称为【瀑布】 ，把【图片】图层的第 1 帧复制到【瀑布】图层的第 1 帧上。关闭图片图层的眼睛，然后，选中【瀑布】图层上的图片，按键盘上的方向键向右移动一像素，再向下移动一像素，让两个图层上的图片错开 1 像素。2、 选中【瀑布】图层第 1 帧上的图片，执行菜单【修改分离】命令，将图片分离。然后，用【橡皮擦工具】把图片上非水部分的全部擦除。保留下来的是有水部分，如图 2 所示。图23、锁定【瀑布】图层。四、制作遮罩 1、绘制矩形 首先，插入新图层并改图层名称为【瀑布遮罩】 。然后，选取【矩形工具】，关闭笔触颜色，【填充色】设为“红色” 。选中【瀑布遮罩】图层的第 1 帧，在舞台上画一个矩形

3、，在“属性”面板设置宽高为5527 像素。把矩形条放置在保留图形上方，水平中齐。2、复制矩形 选中红色矩形，不断复制这个矩形，让复制得到的矩形依次置于下方，每条矩形的垂直间距大约为矩形高度（即 7 像素左右） ，矩形组的总高度约高出保留图形的三分之一。如图 3所示。图33、单击“瀑布图层”的第1帧以选中所有矩形，打开对齐面板点击【水平中齐】，然后取消【相对于舞台】点击【垂直平均间隔】按钮。 4、 选中所有矩形条， 右击， 在弹出的菜单中选择 【转换为元件】 命令。 【名称】 改为 “遮罩”，【类型】为“图形” ，单击【确定】按钮。如图 4所示。图4五、编辑【遮罩】图层 1、编辑遮罩位置 首先，

4、选中【遮罩】图层第 1 帧，把遮罩元件的下底边拖放到跟图片底边平齐的位置。如图 5所示。图5然后，在【遮罩】图层的第 100 帧插入一个关键帧，选中第 100 帧上的元件向下移动，在确保遮罩元件的上底边仍在保留图形上方的前提下， 让遮罩元件中某矩形的下底边跟保留图形的底边平齐，如图6 所示。图6选中【遮罩】图层第 1 帧，右键创建“动画”补间。然后，在【遮罩】图层上右击，在弹出的菜单上选择【遮罩层】命令。遮罩效果的制作就完成了。完成后的时间轴见图 7图7六、制作雾气效果 雾气效果的制作方法跟瀑布制作基本相同，所不同的是：一把遮片制作成波浪形，二是遮片的移动方向为斜向上。 1、在瀑布图层上方再添

5、加三个图层，分别命名为“雾1”、“雾2”、“遮罩层”名称见图 8 。图82、复制图片图层的第一帧，粘贴到雾 1 图层的第一帧上，把图片分离后用【套索工具】选定并去掉没有雾气的部分，然后将扣出来的雾气图(见图9)这1帧复制粘贴到雾 2 图层的第一帧上， 并把雾气图片向下移动二像素，再向左移动二像素，锁定两个雾气层。 图93、编辑雾遮罩图层 （1）执行插入，新建一个图形元件，名称： 【雾气遮罩】 。选菜单“视图网格显示网格”，选择钢笔工具，在属性里设置笔触高度为 7像素，在舞台画一条波浪线（两条正弦曲线相接，振幅为1格，曲线长为12格），线的宽大约430 像素，高约为36像素，将线条对齐舞台中心。

6、见图10图10（2） 、选中线条执行菜单“修改形状将线条转换为填充”命令。注： （线条不能做遮罩） 。然后复制多条波浪线，向下依次摆放成为波浪线条组，波浪条组总高度大约为500 像素。见图11图11（3） 、回到场景一，选中【雾气遮罩】图层的第一帧，把【雾气遮罩】元件拖入到舞台，摆放的位置见图 12图12（4） 、在该图层的第100 帧插入关键帧，将雾气遮罩元件向上移动，摆放位置见图13图13（5） 、选中该图层的第一帧右键创建【动画】补间。将【雾气遮罩】图层设为遮罩层。 到此瀑布动画制作完成。完成后的时间轴见图 14图14。七、添加一个图层，写上动画名称“瀑布”及作者签名如图15，大作完成，

7、存盘测试。图15下雨效果制作方法实例效果：清明时节，公园一角，纷纷扬扬的细雨，洒落在地面，荡起了无数的小水花。雨中的万物显得更加翠绿。教学目标：熟悉各种元件的制作，掌握下雨效果的制作原理，一、打开 flash8 软件，背景色为绿色#336600，其它默认，确定。二、制作雨元件：1、点击插入菜单下的新建元件命令，名称： 【雨】 ，类型： 【图形】 ，确定。选择矩形工具，打开混色器面板，设置填充色为线性，共三个色块，左右两个色块为灰色，颜色代码是#D5D5D5， 设 Alpha 值为 0，中间色块为灰白色，颜色代码是 E0E0E0，Alpha 值为 50。见图1图1在舞台中画一个无边框的矩形。 选

8、中矩形打开属性面板， 设矩形的宽高为230 像素， 居中对齐舞台中心。见图2图22、点菜单栏的“插入新建元件”命令，改名称为： 【雨动】 ，类型： 【影片剪辑】 ，确定。这时我们来到雨动的编辑舞台。 点图层 1 的第 1 帧， 打开库面板， 将【雨】元件拖入到场景， 打开属性面板，设置【雨】元件的位置：X 轴为 0，y轴为 -350。在第20 帧处插入关键帧， 选中【雨】元件，在属性面板中设置 X 轴为 0，y轴为 400。回到第一帧做动画补间。 见图3。图33、新建【影片剪辑】元件：名称： 【雨组合 1】 。 选图层 1 的第 1 帧，打开库面板，拖入多个【雨动】元件到舞台中，随意摆放，布满

9、场景。并分别修改【雨】元件的透明度。透明度可设置为 5090不等，这样做的目的就是为了使下雨效果更加逼真， 雨的线条远近透明， 非常漂亮。(可设置好一个实例的透明度，再按住alt键拖动并复制这个实例若干个在舞台上不同位置) 见图4图4说明： （当我们测试影片的时候如果有不满意的地方，再回到【雨组合 1】元件里修改【雨动】元件的位置及透明度，添加或减少【雨动】元件的数量，到满意为止） 。 5、为了能够充分体现下雨的效果，我们再新建一个【雨组合 2 】影片剪辑元件。（1）、点菜单栏的插入新建元件命令，名称： 【雨组合 2】 ，类型：影片剪辑，确定。在【雨组合 2】的编辑舞台中，点图层 1 的第 1

10、 帧，打开库面板，把【雨组合 1】元件拖入到场景，舞台居中。在第十五帧处插入帧。 （2）、复制图层 1 的第一帧，添加图层 2，鼠标右键点图层二的第 5 帧，在下拉菜单中选择粘贴帧。 （3）、添加图层 3，鼠标右键点图层 3 的第 10 帧在下拉菜单中选择粘贴帧。 （4）、添加图层4，在图层 4的第 15 帧插入空白关键帧，打开动作面板，输入 stop(); 【雨组合 2】元件制作完成，完成后的时间轴见图5图5三、下面我们来制作水泡泡元件： 1、点菜单栏的插入新建元件命令，名称： 【水泡泡】 ，类型：图形，确定。 2、在水泡泡的编辑舞台中，选择椭圆工具，打开混色器面板，选择放射状填充，共三个色

11、块，色块的位置,见图6图6左右两个色块为绿色， 颜色代码是 099B37， Alpha 值为 0。 中间色块为白色， 颜色代码是 FFFFFF，设 Alpha 值为 50。 在编辑舞台中画一个无边框 7070 像素的正圆，将圆对齐舞台中心。见图7图73、制作【水泡泡动】元件： （1）、新建元件，名称： 【水泡泡动】 ，类型：影片剪辑，确定。 （2）、点图层 1 的第 1 帧，打开库面板，把【水泡泡】元件拖入到舞台，改大小为 82像素，对齐舞台中心。在第 35 帧处插入关键帧，改【水泡泡】大小为 30 10 像素，居中对齐舞台中心。然后在属性面板中把第 35 帧上的【水泡泡】元件透明度设为 0。

12、回到第一帧做动画补间， 缓动值设为 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】图层的第一帧，打开库面板拖入多个【

13、水泡泡动】元件放在图片的地面上随意摆放。 复制水泡泡图层的第一帧，粘贴到【水泡泡 2】图层的第 18 帧上。两个水泡层上锁。（一般放置在地面上有水的地方） 4、点【雨组合 2】图层的第 1 帧，打开库面板，把【雨组合 2 】剪辑拖入到场景，打开对齐面板，选择水平中齐和底对齐，然后打开变形面板，在旋转那里输入 -10 度，按回车键。该层锁上。 5、点遮罩图层的第 1 帧，选择矩形工具，在场景中画一个无边框填充色任意的矩形，匹配宽和高。居中对齐场景中心，鼠标右键点遮罩图层在下拉菜单中选【遮罩层】 。两个水泡泡图层也设为被遮罩层。 6、在脚本图层的第 20 帧插入空白关键帧，打开动作面板，输入 st

14、op();7、点签名图层的第 1 帧，选择文本工具，输入你的名字。 完后的时间轴见图11图11下雨效果制作完成。测试并存盘。遮罩动画闪光的五星一、新建FLASH 文档 ，场景大小为 400400 像素，背景色为黑色，其它默认，确定。二、绘制五角星 1、新建图形元件，名称为【五角星】，选择多角星形工具在“五角星”的编辑舞台中绘制 一个任意大小的无填充色的五角星，然后用直线工具连接每个角的对角线，见图2、给五角星填充颜色，打开混色器，选择线性填充，颜色代码分别为：左，#FF0000(红), 右，#990033(深红),填充方法见图，注意相邻两格的填充方向是相反的(只要用颜料桶工具在每一格中向顶角或

15、向中心方向拖动填充，也可以用填充变形工具调整出更好的立体效果来)删除五角星的轮廓线，五角星元件就做好了三、制作光线元件 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）、选中遮罩图层的第一帧，从库中把光线元件拖入到舞台，对齐