弹跳小球的制作

.

• 知识目标：

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

2、了解软件的颜色渐变填充工具。

3、掌握形状渐变的使用方法。

.

• 能力目标：

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

2、能够填充渐变颜色，并且用渐变变形工具调整渐变颜色。

3、运用形状渐变制作动画。

.

• 课程重难点：

1、重点：渐变变形工具的使用。

2、难点：形状补间的运用。

.

• 课程概况，教学知识学习点：

1.小球绘制，颜色填充使用径向渐变，渐变变形工具调节高光位置。

2.分层绘制眼睛和高光。

3.用黑色尖头工具拉伸小球的边缘，制作小球的弹跳效果，同时也调整眼睛和高光位置，并且打上形状补间动画。小球第一帧：this.stop（）；  最后一帧：this.gotoAndPlay("1");

4.把制作好的小球的帧复制，新建影片剪辑原件，把帧插入到影片剪辑里面。

5.绘制热区，绘制一个圆形，右键转换为按钮，点击进去，第一帧拖到最后一帧。

6.添加命令：小球的实例名称、按钮实例名称。控制命令为：点击热区，代码片段，鼠标点击并播放。移出的时候，鼠标点击并停止。

7、复制层，多个小球一起掉落。

this.anniua.addEventListener("mouseout", fl_ClickToGoToAndStopAtFrame.bind(this));

function fl_ClickToGoToAndStopAtFrame()
{
 this.tantan.gotoAndStop("0");

}

this.anniua.addEventListener("mouseover", fl_ClickToGoToAndStopAtFrame_1.bind(this));

function fl_ClickToGoToAndStopAtFrame_1()
{
 this.tantan.gotoAndPlay("1");

}

.

• 课程例子：单个小球跳动

• 课程例子：两个小球一起跳动

.

观看视频：

.