长恨歌游戏交互界面制作2——文字和场景动画制作

.

• 知识目标：

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

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

.

• 能力目标：

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

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

.

• 课程重难点：

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

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

.

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

  
  

一、文字设计和动画制作

1、运用遮罩效果制作文字闪光动画。文字上面复制一层作为遮罩，中间制作一个渐变矩形，并且制作上下移动补间动画。

2、网页打开在线书法生成工具，选择需要的字体，导出。

3、用渐变颜色绘制闪光条。将文字复制一层，打散，用作遮罩层。

4、闪光条从左上到右下进行移动。

5、用钢笔绘制出龙的身子，并且上色。转换为图形元件，调节圆心点。把图形再转换为影片剪辑，点击进去，添加传统补间动画，让龙动起来。

视频讲解：

.

二、场景动画制作

     

1、用钢笔绘制出图形，并且上色。

2、将要运动部分分层，整个图形选定转换为影片剪辑。

3、点击进入影片剪辑，将部件分到不同图层。

4、运用补间制作动画。

视频讲解：

.

三、作业布置

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