卷轴动画制作

.

• 知识目标：

1、理解遮罩的原理。

2、掌握遮罩和补间动画的结合使用方法。

3、理解和掌握缓动动画。

.

• 能力目标：

1、能够运用PS软件处理图片，图片分层保存成PNG格式。

2、运用缓动制作补间动画。

3、熟练添加遮罩命令制作动画。

.

• 课程重难点：

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

2、难点：遮罩和缓动的结合动画。

.

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

课程概况：

1、遮罩动画、动画补间。

2、图形的绘制，渐变的绘制。

3、缓动的设定。

4、图片的导入。

教学内容：

.

课程资源：

（演示资料在资料库“卷轴动画”）

.

文字制作步骤：

一、新建一个flash文档，文档属性默认。导入一张你喜欢的素材图片备用。

二、首先我们按照“动画效果1”的方法做出一个“画轴”和一个“重播按钮”。

三、回到“场景1”，添加7个图层（共8层），把所有图层延长至140帧，修改图层名称。

1、选中“背景”图层的第1帧，用矩形工具画一个无笔触（550×400）像素的矩形，颜色代码为：#009999，打开对齐面板，选择“水平中齐”和“垂直中齐”锁定该图层。

    2，选中“画轴背景”背景图层的第1帧，打开库面板，把准备好的图片拖进来，修改图片大小为（500×200）像素，对齐中心。锁定该图层。

    3、选中“遮罩”图层的第1帧，用矩形工具画一个无笔触颜色任意的矩形。选中矩形，打开属性面板，修改矩形的大小为（550×200）像素，对齐舞台中心，在第50帧处插入“关键帧”，回到第1帧，打开属性面板，修改矩形的宽为1像素，再打开对齐面板，选择“水平中齐”将矩形对齐舞台中心。点选第1帧，打开“属性”面板，在补间里选“形状”。

4、选中“左轴”图层的第1帧，打开库面板，把“画轴”元件拖进来，再选中“右轴”图层的第1帧，再拖 进一个“画轴”元件，把两个图层上的“画轴”摆在舞台的中心位置 （左边的是“左轴”，右边的是“右轴”），分别在两个“画轴”图层的第50帧插入关键帧，返回到第1帧，移动“画轴”的位置，左轴移动到画的左边，右 轴移动到画的右边，同时选中两个画轴图层的第1帧，打开属性面板，补间里选“动画”。

5、在文字图层的第60帧插入”空白关键帧“，选择”文本工具“打开属性面板， 设置”字体、字号，文字的颜色“按个人喜欢而定。在画纸上输入“吉祥如意”四个字，你 可以输入自己喜欢的文字。我这里做的是一个帧动画（文字手写效果）。

   下面把“写字效果”制作步骤简单介绍一下：
    首先把文字对齐舞台中心，选中文字，点选“修改”菜单的“分离”，“分离”两次，让文字成麻点状，然后选中第61帧按F6插入多个关键帧，（如果关键帧不够用的话我们继续添加，如果关键帧加多了，我们把文字做好后，清除后边多余的关键帧）。接下来我们选中第60帧，用“像皮擦工具”擦除其他文字和笔划，只保留“吉”字第一笔的一小段。再选中第61帧，再擦除其他字和比划，保留第一笔“横”比第60帧上的“横”捎长一点，第一笔“横”用了3帧完成。以此类推按笔划顺序分别擦除每个关键帧上多余的部分，直到最后一个字的最后一笔。我是用了73帧完成的。

6、在“按钮”图层的第140帧插入控白关键帧，打开库面板，把“按钮”元件拖进来，放在合适位置，选中“按钮”打开“动作”面板，输入脚本：on (release) {gotoAndPlay(1); }. 选中该图层的第140帧打开动作面板输入stop();停止语句(如果你想让动画自动循环播放,按钮可以不加)，动画制作完成。

7、选中签名图层的第1帧,用“文本工具”签上自己的名字，测式影片。

课后作业：

运用遮罩和缓动，完成两个不同效果的卷轴动画。