Flash动画流程8

一、实例一——模糊的遮罩

目的：掌握动作面板的使用，掌握添加动作的基本方法 操作步骤：

1．新建影片剪辑元件pz和zz，pz中导入照片，调整大小；zz中绘制圆。添加图层“遮罩”，拖入元件zz，并将输入该实例名为yuan，添加图层“被遮罩”中拖入元件pz，并将输入该实例名为tu，此步不能省略！注意此时不需要制作遮罩。

2. 设置实例zz模糊的滤镜效果，并制作补间动画。 3．添加图层，在该图层第一帧处添加动作： 代码：tu.setMask(\

说明：设置影片剪辑yuan作为影片剪辑tu的遮罩层，实现模糊的遮罩效果。

二、实例二——烛光

目的：掌握动作面板的使用，掌握添加动作的基本方法 操作步骤：

1．新建影片文档，各参数默认，背景设置为黑色。 2．新建影片剪辑元件“光圈”：笔触色禁止，填充色放射状，三个色标：左FFFF00 Alpha100%，中FFFF6E Alpha77%，右FFFFCC Alpha0%，用椭圆工具画个正圆，相对舞台居中。

如图所示。在第15、第30帧添加关键帧，在第15帧将圆缩放为150%，在第1帧和第15帧上添加形状补间动画。

3．新建影片剪辑元件“蜡烛”

（1）图层一，绘制烛身，禁止填充色， 笔触色CF8453，实线，大小为2，绘制椭圆，按住Alt备份二个，再绘制两条直线，然后删除多余的线条，绘制过程如下图所示。

（2）为蜡烛的前面、上面和内侧面分别填充颜色，填充参数参考下表，

填充后再用填充变形工具进行调整，最后删除多余的线条，用笔刷工具，颜色设置8C4F26，刷出烛芯，得到右图所示的蜡烛，延长至30帧，锁定图层一。 位置 填充类型 控点个数 前面 上面 放射状 放射状 4 6 F5B778(0)、 F29437(3)、 D74D1F(5)、 923107(10) F29C48(0)、F4C402(1.5)、F2912F(3)、F29437(4)、D74D1F(6)、923107(10) 控点颜色、位置（假设开始为0，结束为10） 内侧面 线性 3 D74D1F(0)、F29437(5)、D14B26(10) （3）新建图层二，绘制火苗，笔触禁止，填充色线性：左FFFF99 Alpha100%，右FFFF1B Alpha30%，画椭圆，调整形状。第30帧插入关键帧，创建形状补间动画。第5帧插入关键帧，微调形状，注意调整幅度不宜过大，以免变形不规则；以此类推在第9帧、13帧、17帧、22帧、26帧插入关键帧进行调整。可以根据自己的感觉去调整，自然应可以了，也可以参照下图进行调整。

（4）新建图层二，将“光圈”拖至舞台，放置在烛芯上合适的位置，利用变形工具调整大小和形状，并设置Alpha值为50%，延长至30帧。

4．回到场景，在舞台中央放置“蜡烛”，调试影片，燃烧的蜡烛就制作完成了。

5．制作沿心形运动的小蜡烛

（1）新建影片剪辑元件“运动”，制作引导层动画，路径为一心型，运动对象为缩小后的“蜡烛”，在绘制心形的时候可利用网格进行定位，编辑网格为30×30像素大小，添加四条参考线，内有6×8个网格，利用钢笔工具在A点单击，再到B点单击并拖动调整柄至C点松开，再到D点单击，半个心形就绘制完成了，如右图所示。右边

半个心形采用同样的方法。

（2）新建影片剪辑元件“运动new”，图层一的第1帧在舞台中央放置“运动”，并设置实例名称为mc，延长至60帧。添加图层二，分别在第1帧、2帧、3帧添加关键帧，第60帧添加普通帧。

在第1帧上添加动作var i=0 ; （定义变量i，并赋初值0） 在第2帧上添加动作

if (i<=60) { （当i〈=60时）

duplicateMovieClip(mc,\ (“影片剪辑控制”复制影片剪

辑，mc为复制的源，”mc”+i为得到的拷贝,i表示拷贝所在的深度，可以理解为层的概念)

this[\ （this“全局属性/标志”，指在

前对象，即执行脚本或方法的容器，设置复制出来的影片剪辑的Alpha值）

++i; （i值+1）

}

else (否则，即i>60时） {

gotoAndPlay(4); （时间轴控制，转到第4帧并

播放）

}

在第3帧上添加动作gotoAndPlay(2); （转到第2帧并播放） （3）回到场景，将“运动new”添加至图层一的第1帧合适的位置，测试影片。

（4）说明：duplicateMovieClip (\你要复制的影片名称\ \这个新影片的名称\ 新影片的深度位置); FLASH中的深度就好像其中的层一样，深度值高的表示他不被深度值低的压住，反之，深度值低的如果与深度值高的相叠，那他就会被深度值高的压住

三、实例三——闪亮文字

目的：掌握动作面板的使用，掌握添加动作的基本方法 操作步骤：

1．新建影片文档，各参数默认，背景设置为黑色。 2．新建图形元件“light”，绘制如右图所示的

图形。

3．新建图形元件“starlight”，将light拖至舞台中央，打开变形面板上，设置旋转90度，利用“复制并应用变形”按钮得到三个备份，并调整位置，得到如上图所示的星星。

4．新建影片剪辑元件“star”：在第1帧将starlight拖至舞台，并相对舞台居中，在第10帧、20帧插入关键帧；将第1帧的元件的 Alpha值设为10% ，大小为50%，将第10帧的元件旋转10度，第20帧的元件的 Alpha值设为20% ，大小为50%；在第1帧添加动作补间，并设置逆时针旋转，第10帧添加动作补间，并设置顺时针旋转。至此，完成了旋转的发光的星星的制作。

5．回到场景，制作引导层动画：

（1）在图层一的第1帧，将元件star拖至舞台，锁定图层一。

（2）为图层一添加引导层，利用文字工具书写“Flash”，设置为华文细黑，选择合适的大小，连续两次Ctrl+B将文字打散为图形，选择墨水瓶工具单击各字母，得到各字母的轮廓，删除填充色及多余的线条，并做适当的调整，得到如图所示的引导路径；在引导层第97帧插入普通帧。

（3）在图层一的第1帧，将元件star拖至字母F上方的端点处，并将实例的名称设置为star；选择第27帧，插入关键帧，并将实例star拖至F下方的端点处，从而制作好一段引导动画。以此类推，在第28帧、41帧、42帧、59帧、60帧、76帧、77帧、97帧插入关键帧，并调整star至相应的位置，制作其余4段引导动画；选中图层一，设置动作补间，完成引导层动画。

6．新建影片剪辑元件“动作”，在第1帧、2帧和3帧插入关键帧，在第1帧上添加动作var i=0;

在第2帧上添加动作 i=i+1;

duplicateMovieClip(_parent.star,\在第3帧上添加动作gotoAndPlay(2);

7．返回到场景，添加图层三，在第1帧将元件“动作”拖至舞台上，删除

第97帧（即最后一帧），使动作语句不对该帧起作用。

8．选中图层一的第97帧，添加语句stop();，可使得影片只播放一遍。测试影片。

四、实例四——翻转相册

目的：掌握动作面板的使用，掌握添加动作的基本方法 操作步骤：

1．新建文件，舞台背景设置为#666666，其余默认。

2．新建影片剪辑元件“3D”，第一帧绘制画200×150的白色矩形，相对舞

台居中，在第10帧选择任意变形工具，按住Ctrl+Shift，拖动右下角的变形点推至中心，再按住Alt+Shift键，拖动左侧或右侧变形点往里推，将图形压扁，所得形状如右图所示；第16帧插入关键帧，选中图形，使其水平翻转；第25帧插入关键帧，并复制粘贴第一帧的图形；第30帧插入普通帧；选择第1帧和第16帧创建形状补间动画；第1帧添加语句stop();

3．新建影片剪辑元件“照片”，第1~4帧分别导入4副图片，大小设置为

180×130，相对舞台居中，第1帧添加语句stop();第5帧添加语句gotoAndPlay(1);

4．回到主场景，设置帧频为30FTP，添加图层二、图层三、图层四，制作

最终效果。

（1）在图层一第1帧，将元件“3D”拖至舞台，相对舞台居中，实例名为“kuang_mc”，添加滤镜效果：发光（2，2，1000%，低，#CCCCCC），投影（2，2，1000%，中，#CCCCCC，45，3）；延长帧至第60帧。

（2）在图层二第1帧，将元件“照片”拖至舞台，相对舞台居中，实例名为“photos_mc”；第10帧添加关键帧，将其调整为8×130，相对舞台居中；第16帧添加关键帧；第25帧添加关键帧，将其恢复至180×130；第30帧插入普通帧；选择第1帧和第16帧创建动作补间；将第1帧~30帧复制到第31帧至第60帧；选择第1帧、第16帧、第31帧、第46帧创建动作补间动画。

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库Flash动画流程8在线全文阅读。