实验十二 Flash补间动画制作.docx

实验十二 Flash补间动画制作.docx

《实验十二 Flash补间动画制作.docx》由会员分享，可在线阅读，更多相关《实验十二 Flash补间动画制作.docx（10页珍藏版）》请在冰豆网上搜索。

实验十二Flash补间动画制作

实验十二Flash补间动画制作

一、实验目的

1.掌握补间动画制作步骤

2.掌握引导层补间动画制作方法

3.掌握遮罩层补间动画制作方法

二、实验内容

实验一、图片切换动画效果，保存文档为test12-1.fla

效果见【12-1.swf】

操作步骤：

1.新建一文档，舞台背景设为黑色

2.将test12-1.jpg导入到舞台，按F8将导入的图片转换成图形元件，并将舞台大小调整为图形元件的大小。

3.在第65帧按F6创建关键帧

4.选择第1帧关键帧的图形元件，在属性面板中设置其Alpha值为25%

5.选择第1帧，在属性面板补间列表中选择“动画”，制作从第1帧到第65帧的补间动画。

6.在第67帧按F5添加普通帧来延时。

7.新建图层2，在第70帧按F7插入空白关键帧，将test12-2.jpg导入到舞台，并转换成图形元件。

8.在图层2第135帧按F6插入关键帧

9.选择图层2第70帧关键帧的图形元件，在属性面板中设置其Alpha值为5%

10.选择图层2第70帧，在属性面板补间列表中选择“动画”，制作从第70帧到第135帧的补间动画，在138帧按F5添加普通帧来延时。

实验二、光影文字动感效果，保存文档为test12-2.fla

效果见【12-2.swf】

操作步骤：

1.新建一文档，大小500*150，背景色为#FF9900。

2.在图层1第一帧，用矩形工具绘制一个大小为700*100的矩形，不设置笔触颜色，填充颜色设为线性渐变，打开颜色窗口，在渐变色条上添加6个颜色编辑色块，黑白相间设置。

然后用颜料桶应用该颜色。

将该矩形按Ctrl+G组合。

3.插入一个新图层，命名为“遮罩层”，输入文字“Flash文字动态光影效果”，字体为“黑体”“加粗”，字号为47，黑色。

将该段文字相对于舞台垂直水平居中。

在该图层30帧处按F5添加普通帧。

4.回到图层1，在第1帧，将矩形相对于舞台垂直居中左对齐，在第30帧，按F6添加关键帧，并将矩形相对于舞台垂直居中右对齐。

回到图层1第1帧，创建补间动画。

5.右键单击“遮罩层”，选择“遮罩层”命令，将该层设为遮罩层。

实验三、制作拉帘换图动画效果，保存文档为test12-3.fla

效果见【12-3.swf】

制作提示：

（1）新建340*480,12fps文档

（2）在图层1，导入card01.jpg，帧延续到第60帧

（3）新建图层2，导入card02.jpg

（4）新建图层3，使用矩形工具，在对象绘制模式下，绘制一个大小与舞台相同的矩形（无笔刷，填充任意），并将该矩形移到图片正下方，使矩形上顶边与图片下底边重合。

（5）在图层3第20帧，插入关键帧，并将矩形移到覆盖整个舞台，制作第120帧的传统补间动画。

（6）在图层3第30帧，插入关键帧，在图层3第50帧插入关键帧，并将矩形移出舞台，让矩形下底边与图片上顶边重合，制作第3050帧的传统补间动画。

（7）右键单击图层3，选择“遮罩层”，将图层3设为遮罩层。

实验四、制作快乐宝宝动画效果，保存文档为test12-4.fla

效果见【12-4.swf】

制作提示：

（1）新建390*480，24fps的flash文档

（2）新建“蝴蝶动画1”影片剪辑元件，导入7501.png和7502.png两幅蝴蝶图片，在第1个关键帧帧后插入4帧普通帧，在第2个关键帧后再插入4帧普通帧，这样做的目的是使2个关键帧的动画时间延长。

（3）按照第一个影片剪辑元件的做法，再制作“蝴蝶动画2”（导入7601.png、7602.png）影片剪辑元件

（4）制作“蝴蝶动画3”（导入7701.png、7702.png）影片剪辑元件

（5）制作“花朵动画”（导入7901.png、7902.png）影片剪辑元件

（6）制作“娃娃动画”（导入7801.png、7802.png）影片剪辑元件

（7）返回场景，导入动画背景7501.jpg，并延长帧至220帧处。

（8）新建“图层2”，将“蝴蝶动画1”元件拖入舞台，为“图层2”添加传统运动引导层，并使用铅笔工具在舞台中绘制运动路径。

（9）调整元件在引导线上的起始、终止位置，制作从第1帧到第75帧的补间动画。

（10）新建图层4，把“娃娃动画”元件拖入舞台

（11）新建图层5，把“花朵动画”元件多次拖入舞台，并调整位置

（12）新建图层6，将“蝴蝶动画2”元件拖入到舞台左下角花朵上

（13）新建图层7，将“蝴蝶动画3”元件拖入到舞台右下角花朵上

（11）新建图层8，将“蝴蝶动画1”元件拖入舞台，为“图层8”添加传统运动引导层，并使用铅笔工具在舞台中绘制运动路径。

调整元件在引导线上的起始、终止位置，制作从第1帧到第95帧的补间动画。

（12）新建图层10，将“蝴蝶动画1”元件拖入舞台，为“图层8”添加传统运动引导层，并使用铅笔工具在舞台中绘制运动路径。

调整元件在引导线上的起始、终止位置，制作从第1帧到第110帧的补间动画。

三、实验步骤与要求

1．按实验内容要求制作实验1-实验4共4个flash文档，并保存为.fla格式，并编译成.swf文件。

2．将做好的.fla和.swf文件保存在“test12”文件夹中上传至FTP服务器对应学号文件夹中。

附加案例参考：

1.飞翔的小天使

操作步骤：

1.新建一个文档，大小为221*244。

背景为黑色。

将素材“飞行图片.jpg”和“小天使.gif”导入到库。

2.把“飞行图片.jpg”拖入场景。

让图片相对于舞台垂直水平居中。

锁定该层。

3.新建图层2，命名为“小天使”。

4.新建图层3，命名为“飞行2”，在该层拖入“飞行图片.jpg”，并让图片相对于舞台垂直水平居中。

选中该层图片，按Ctrl+B将图片分离。

在层面版上隐藏图层1。

5.用魔术棒工具选择图中白色区域，然后删除，再删除多余部分，如图

6.单击“小天使”层第1帧，从库中把”小天使影片剪辑元件”拖入到场景中来。

重新显示图层1。

7.单击“添加运动引导层”按钮，为“小天使”层增加引导层。

设置“飞行”层不显示。

8.在引导层用铅笔工具（平滑模式）沿轨道画一条运行轨迹曲线

9.分别在图层1，引导层的第40帧按F5，在“飞行”层第20帧按F5插入普通帧。

10.在“小天使”层，第20帧，第40帧分别按F6插入关键帧。

11.在“小天使”层第1帧，将“小天使”中心点移到引导线起点，并将小天使缩小到原来的80%。

在“小天使”层第20帧，将“小天使”中心点移到从心型背后出来的位置，并缩小至原60%，在“小天使”层第40帧，将“小天使”中心点移到引导线终点，并缩小至原40%。

12.在“小天使”层，分别设置从第1-20帧、第21-40帧两段动画补间。

2.闪闪的红星

操作步骤：

1.新建一个文档，大小400*400，背景为黑色

2.按ctrl+F8创建名称为“闪光线条组”的图形元件，在元件编辑窗口用直线工具（线色为黄色，线粗为3）画一条长200像素的直线，（坐标x:

-200,y:

20）。

使用任意变形工具将线条元件的中心点拖到场景中心处。

3.打开“变形”面板，选择“旋转”角度为15°，连续按“复制并应用变形”按钮，让线条围成一个圆环。

4.在时间轴关键帧上单击，选中所有线条，执行“修改”“形状”“将线条转化为填充”，将线条转变为形状。

5.创建“闪光”影片剪辑元件，先把“闪光线条组”元件拖到场景中，对齐中心点，在第30帧处按F6插入关键帧。

回到第1帧建立动画补间（顺时针，旋转1次）。

6.新建一层，把“闪光线条组”元件拖到场景中，对齐中心点，使两层中的“闪光线条组”重合。

再执行“修改”“变形”“水平翻转”，让复制的线条和第1层线条方向相反，在第30帧处按F6插入关键帧。

回到第1帧建立动画补间（逆时针，旋转1次）。

7.将此层设为遮罩层。

8.创建“红星”图形元件（用星形形状工具）

9.回到场景，将“闪光”影片剪辑元件拖入第二层

10.将“红星”图形元件拖入第三层。

11.把“解放军进行曲.mp3”导入到库中，新建第四层，把库中的mp3元件拖放到舞台上即可导入音乐。

【附：

红星的制作】