特色资源：

.

• 知识目标：

1、认识钢笔和线条基础的图形绘制工具。

2、了解遮罩动画的原理。

3、理解补间动画的加速度和减速度。

.

• 能力目标：

1、能够熟练使用遮罩制作动画。

2、能够用PS软件分离图片元素。

3、能够将绘制矢量图转换为图形元件，并且添加补间动画。

.

• 课程重难点：

1、重点：遮罩动画的制作。

2、难点：缓动和补间动画。

.

• 课程概况、教学主要内容：

课程概况：

综合运用遮罩、补间、按钮元件、影片剪辑元件等制作各类小广告条。

1、引导线动画实操练习讲解。

2、补间动画实操练习讲解。

3、按钮元件实操练习讲解。

教学内容：

引导路径动画的概念讲解：

1.创建引导层和被引导层

一个最基本的“引导路径动画”是由两个图层组成的，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，其图标为，同普通图层图标一样。

在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如下图所示。

 

2.引导层和被引导层中的对象

引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。

而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

由于引导线是一种运动轨迹，不难想象，“被引导层”中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。

3.向被引导层中添加元件

“引导路径动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的两个“中心点”一定要对准“引导线”的两个端点，如下图所示。

 

在上图中，我们特地把“元件”的透明度设为 50%，使你可以透过元件看到下面的引导线，“元件”中心的十字星正好对着线段的端点，这一点非常重要，它是引导路径动画顺利运行的前提。

应用引导路径动画的技巧

1.“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路径调整】前打上勾，对象的基线就会调整到运动路径。而如果在【对齐】前打勾，元件的注册点就会与运动路径对齐。 

2.引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不包含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为。

3.在做引导路径动画时，按下工具栏上的【对齐对象】功能按钮，可以使“对象附着于引导线”的操作更容易成功。

4.过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画的成功制作。

5.被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。

6.向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法正确引导，如果元件为不规则形，可以按下工具栏上的任意变形工具，调整注册点。

7.如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上右击，在弹出的菜单上选择【属性】，在对话框中选择“正常”作为图层类型，如下图所示。 

8.如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现两个端点，再把对象的起点、终点分别对准两个端点即可。

9.引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让 Flash 能辨认出线段走向，否则会使引导失败。

.

具体视频学习：

.

矢量图形的水波制作：

该例子运用不同的图形来制作水波，取得了不一样的效果。大家可以尝试用不同方式来制作水波！

• animate做引导线动画的方法

https://www.bilibili.com/video/BV1yA411G7kL?spm_id_from=333.337.search-card.all.click

• 用animate做个简单的遮罩动画

https://www.bilibili.com/video/BV1554y1V7b4?spm_id_from=333.337.search-card.all.click