FLASH动画学案之五-遮罩动画

FLASH动画学案之五——遮罩动画

学习目标：1、学会利用遮罩动画制作特殊的动画效果；

2、理解遮罩层中的图形在动画中所起的作用；

3、理解遮罩层与被遮罩层之间的关系

重点和难点：理解遮罩层上图形所起的作用。

学习流程：

一、自主学习，探求新知

1、改变图层的属性—将图层设置为遮罩层与被遮罩层

方法1、选中需要设置的图层，单击鼠标右键，在打开的快捷菜单中，选择“”命令，可以打开图层属性对话框，如下图所示。在此对话框中，进行相关设置后，单击“确定”按钮，即可完成设置。

方法2、选中需要设置的图层，单击鼠标右键，在打开的快捷菜单中，选择“”，可以直接将选中的图层设置为遮罩层。

方法3、选中需要设置的图层，执行“修改”→“时间轴”→“图层属性…”命令，可以打开“图层属性”对话框，在此对话框中，对图层属性进行设置后，单击“确定”按钮即可完成设置。

2、遮罩层与普通图层的对比

【做一做】

1、新建一个flash文档；

2、在图层1中导入一幅背景图片，调整图片的大小，使其正好覆盖舞台，在第10帧插入帧；

3、在图层1上方插入一个新图层；在图层2的第一帧画一个矩形，在第10帧插入一个关键帧，并改变矩形的大小；

4、在图层2的第1帧和第10帧之间创建变形动画。

【看一看】

测试影片，查看影片效果。

【对比】

图层2设置为遮罩层，再次测试影片，查看影片效果。

【想一想、说一说】

在播放影片时，普通图层上的图形是什么效果，在遮罩层上的图形又是什么效果？由此，你认为遮罩层在动画中的作用是怎样的？

二、应用新知，解决问题

任务：制作一个名为“思念”的动画。要求；

1、一幅画徐徐展开；

2、在画面上出现动态的色彩不断变换的文字“思念”。

提示：动画所用到的素材：思念.JPG在遮罩动画学案文件夹中.

跟老师做（操作指南）

1、新建一个FLASH文档，设置背景为淡紫色，舞台宽度为400PX，高度为300PX。

2、插入背景图片

执行“文件”→“导入”→“导入以舞台…”命令，打开“导入”对话框，如下图所示。在此对话框中，选择图片文件，单击“打开”按钮，即可将该图片导入到舞台。调整图片的大小，使其正好将舞台覆盖。在第60帧插入帧，将画面延长至60帧。

3、创建“思”元件”

执行“插入”→“新建元件”命令，打开“创建新元件”对话框，在此对话框中，将元件名称改为“思”，类型选择：图形，单击“确定”按钮，进入“思”元件的编辑场景。

选择文本工具，并设置其属性如下：字体华文新魏、字体大小100，文本填充颜色为黑色。

在元件“思”的编辑场景单击，在出现的文本框中输入“思”。调整“思”的位置，使其中心点与场景的中心点重合。

4、创建“念”元件

用与创建“思”元件相同的方法创建“念”元件。

5、创建影片剪辑“文字特效”

执行“插入”→“新建元件”命令，打开“创建新元件”对话框，在此对话框中，将元件名称改为“文字特效”，类型选择：影片剪辑。单击“确定”按钮，进入该元件的编辑场景。

在图层1上方再插入两个图层，将图层1命名为“思”；图层2命名为“念”，图层3命名为“引导”。

选中引导图层的第1帧，选择铅笔工具，在编辑场景中用铅笔画出一条线。在第30帧插入帧。锁定引导层图层。

选中“思”图层的第1帧，在库面板中将“思”元件拖入场景中起始位置。在第5帧、第10帧、第15帧、第20帧、第25帧、第30帧分别插入关键帧。在各关键帧上调整“思”元件的位置和颜色。然后在第1到第5帧、第5至10帧、第10至15帧、第15至20帧、第20帧至25帧、第25至30帧之间创建运动补间动画。锁定思图层。

用同样方法制作“念”图层。

将“引导”图层设置为引导层，将“思”、“念”图层设置为被引导层。

6、制作遮罩层

(1)、单击“场景1”返回主场景；

（2）、在“画”图层上方插入一个新图层，将其命名为“遮罩”。

（3）、在遮罩层的第1帧画一个小矩形；在最后一帧画一个大矩形；

（4）、在第1帧和最后一帧之间创建形状补间动画。

（5）、将“遮罩”层设置为遮罩图层。

7、制作文字图层

在遮罩层上方新插入一个图层；将该图层命名为“文字”；

在文字层的第60帧插入空白关键帧，将库面板中的文字特效元件拖入舞台。

我要做（动手尝试）

自己动手，独立完成任务中所要求的动画。

三、回顾、反思与规律探寻

回顾制作任务动画的过程及影片播入效果，思考以下问题：

1、遮罩层上所作的图形，在动画中所起的作用是什么？

2、制作遮罩动画时，被遮罩层只能是一层吗？试一试，再做回答。遮罩层可以是几层？

3、在制作遮罩动画时，遮罩层与被遮罩层的位置关系是怎样的？

. .