长恨歌游戏交互界面制作1-月亮和按钮

.

• 知识目标：

1、了解网页动效的基本规则。

2、了解企业网页产品中动效的作用。

.

• 能力目标：

1、能够分类不同的网页首页动效效果。

2、能够通过网络寻找相关网页动效素材并进行分类。

.

• 课程重难点：

1、重点：按钮动效制作，影片剪辑动效制作。

2、难点：按钮控制影片剪辑交互动效制作。

.

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

1、圆形工具绘制圆形，覆盖透明度渐变圆形。

2、圆形线条虚线，圆形线条实线，调整粗细，转换为图形后放置到上面。

3、虚线的顺时针转动动画制作。输入文字长恨歌，亚瑟填充为线性渐变。

4、发光效果动画制作。在属性面板，添加滤镜，发光效果。

5、运用矩形和渐变颜色填充，绘制按钮。钢笔工具绘制外形，添加滤镜，发光效果。

6、按钮图案的用钢笔绘制出来，填充颜色。

7、按钮不同状态的形态制作。文字颜色，鼠标未移入是红色，移入是绿色。

8、立体浮雕效果制作。添加发光和投影效果。

.

• 案例资源例子：

.

一、月亮文字部分的动画制作

1、圆形工具绘制圆形，覆盖透明度渐变圆形。

2、圆形线条虚线，圆形线条实线，调整粗细，转换为图形后放置到上面。

3、虚线的顺时针转动动画制作。

4、发光效果动画制作。

视频讲解：

.

二、按钮效果动画制作

1、运用矩形和渐变颜色填充，绘制按钮。

2、按钮图案的用钢笔绘制出来。

3、按钮不同状态的形态制作。

4、立体浮雕效果制作。

视频讲解：

作业布置

依据图片效果，将长恨歌游戏首页网页制作成动效网页效果，具体为各个元素的分层动效制作。最终上交源文件和播放文件。