大话西游游戏交互界面设计(一)

.

• 知识目标：

1、了解游戏页面交互动效的基本规则。

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

.

• 能力目标：

1、能够制作游戏页面的交互动画效果。

2、能够通过按钮去调配页面的各类动画效果。

.

• 课程重难点：

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

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

.

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

1、按钮的设计，主要式按钮的不同形态设计。用矩形工具绘制一个长方形，去除轮廓线，右键转换为按钮元件，点击进去，将弹起的内容移动到点击，做成空白按钮热区。

2、按顺序排列好空白热区按钮，一共是五个，每个命名为anniua anniub anniuc anniud ；第一个关键帧删除第一个，第十个关键帧删除第二个，第二十个关键帧删除第三个，第四十关键帧删除第四个。并且排列好位置。、

3、在第10、20、30、40关键帧分别放入停止命令。

4、导航条的设计和动画制作，点击按钮控制导航条的内容动画。用渐变工具绘制第一块内容，用文字工具输入文字，并且排版。全部选定，时间轴里分散到图层。第一帧为全部透明，打上补间，并且移动位置，制作成从无到有的位移动画。某位添加停止命令。

3、页面的过场动画设计。依次制作其他的页面。

4、回到上一级，让那内容影片剪辑也制作成从无到有的动画。整体按要求排列好。

.

视频讲解：图形绘制和文字排版

.

视频讲解：热区的制作

.

视频讲解：命令控制添加

.

作业布置：

参照例子图片，完成导航的图形绘制和动画制作。