按钮状态动画制作

.

• 知识目标：

1、认识基础的图形绘制工具。

2、理解按钮的四种状态。

4、理解按钮元件的动效概念。

.

• 能力目标：

1、能够用工具绘制圆形。

2、能够填制作出按钮鼠标经过的动画效果。

3、能够将绘制的图形转变为按钮元件。

.

• 课程重难点：

1、重点：按钮鼠标经过动效的制作。

2、难点：按钮鼠标经过中插入影片剪辑。

.

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

概况：

1、按钮的四种状态介绍。

2、空白按钮热区的制作方式。

3、选择工具（ V ）、直接选择（ A ）工具介绍。

4、渐变工具介绍。

5、制作矩形，用选择工具、直接选择工具选择进行对比。

6、钢笔工具介绍

7、按钮有四种状态，第一种状态和第二种状态需要进行设定，那么再鼠标移入后会展现不同的效果，在交互动画里能取得很好的效果。

教学主要内容：

1.这里用的是Animate CC软件，打开软件，新建文档。

 2. 使用椭圆绘制工具，按住Shift键，在舞台画一个圆形，颜色为白色，用径向渐变填充，一侧为0%的透明度。一侧为100%透明度。

 4.把圆形转换为影片剪辑元件，图层一右键添加引导层。用铅笔工具绘制一条路径。圆形元件制作补间位移动画，调整第一和最后关键帧的圆心点，对其路径两端。

5、把制作好的水晶按钮，右键转换为按钮，再按钮里面的指针经过添加关键帧。打散中间的渐变图形，再颜色面板里调节颜色。

 

5.把刚才做好的圆形影片剪辑从库里拿出来，放到指针经过的关键帧里面。这样按钮动画就完成了。为了增加点击效果，可以吧渐变的圆形影片剪辑复制多一点。

.

三、作业布置：

1、课堂制作按钮动画，将绘制好的水晶按钮，制作出鼠标经过的状态动效。

2、观看以下两种按钮动效，模仿绘制制作。