形变动画教案

FLASH动画2——简单对象的变形

教学目标：

1、掌握简单对象、文字的变形动画制作方法

2、掌握颜色RGB值的设置方法

3、能区分对象的变形和移动的制作方法

4、掌握图层的操作方法

教学重点、难点：制作简单对象的变形动画

教学思路：

1、掌握颜色RGB值的设置方法：

（用鼠标选，或直接输入RGB值，红绿蓝黑白等色彩可以直接选起来，无填充色的设置方法）；

2、设计一综合移动变形的动画，让学生了解移动动画和变形动画操作的不同点，及各自的操作特点，同时达到复习简单对象移动的效果。

3、通过操作不同的图层，掌握图层的新建、移动、删除、重命名方法。

将PHOTOSHOP软件的层概念，迁移知识到FLASH软件上，对于层的概念、及新建重命名、删除等操作自然解决。

4、强化使用元件的习惯，虽然是形状的变形动画，要分离后才能制作，但还是要先插入一个元件，到舞台之后再分离比较好。

教学过程：

一、引入

三、任务一：文字的变形（教师演示，学生模仿，也可看帮助文件的演示）

1、新建一文档

2、插入——新建元件（名称:photoshop；类型：图形）

3、利用“文本工具”输入文字“photoshop”,设置字体：“隶书”，字号“50”，颜色：红色“#FF0000”（用鼠标选，或直接输入RGB值，红绿蓝黑白等色彩可以直接选起来，无填充色的设置方法）；

4、插入——新建元件（名称:flash；类型：图形）

5、利用“文本工具”输入文字“flash”,设置字体：“隶书”，字号“50”，颜色：蓝色“#0000ff”

6、返回场景一，打开库面板，“窗口——库”

7、在图层1的第一帧，将photoshop元件拖入舞台，在第25帧处“插入空白关键帧，将元件“flash”拖入舞台。

8、将第1帧和第25帧的字，右击，选择分离，分离3次

注：第一次分离元件，第二次分离句到字，第三次将字分离成形状；如果不是元件的形式，则需要分离2次。

9、在第1和25帧之间任一帧上单击左键，在属性面板上的“补间”选择“形状”

二、任务二：简单动画的制作（提一下图层的操作方法（同photoshop），其他学生自学）

1、启动FLASH软件，新建一文档

2、制作向右移动效果：

在第1帧，在左边，画一圆，圆周笔触颜色为蓝色“#0000FF”，填充色为红色“#FF0000”

在第35帧，插入关键帧，并将圆移到右边合适的位置

在1到35帧之间单击左键，在属性面板的“补间”中选择“动画”

3、将图层1命名为“移动”（双击图层1或右击，图层属性），在“移动”图层上方，插入一图层“变形”

4、制作变形效果：（圆变成矩形）

在“变形”图层的第1帧，在左边画一圆，边的笔触颜色为蓝色“#0000FF”，填充色为绿色“#00FF00”

在“变形”图层的第35帧处“空白关键帧”，在右边画一矩形，边的笔触颜色为蓝色“#0000FF”，填充色为绿色“#00FF00”

在“变形”图层的1到35帧之间单击左键，在属性面板的“补间”中选择“形状”

5、将“变形”图层拖到“移动”图层之下。

6、发布动画，保存作品

（注意：将PHOTOSHOP软件的层概念，新建、重命名、删除层等操作,迁移知识到FLASH 软件上，因为基本上类似）

五、小结：

简单对象的移动

（1）先创建好两个关键帧的状态；

（2）单击起点关键帧到终点关键帧之间的任意一帧

（3）属性面板中，补间动画选择“动画”。

简单对象的变形

（1）先创建好两个关键帧的状态；

（2）单击起点关键帧到终点关键帧之间的任意一帧

（3）属性面板中，补间动画选择“变形”。

课后反思：