各种不同形式的卷轴表现方式

.

• 知识目标：

1、理解遮罩的原理。

2、掌握遮罩和补间动画的结合使用方法。

3、理解和掌握缓动动画。

.

• 能力目标：

1、能够运用PS软件处理图片，图片分层保存成PNG格式。

2、运用缓动制作补间动画。

3、熟练添加遮罩命令制作动画。

.

• 课程重难点：

1、重点：遮罩动画的制作。

2、难点：遮罩和缓动的结合动画。

.

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

卷轴动画在很多交互动画中使用较为普遍，主要作用是表现内容的展开和展示。卷轴动画的风格特点是中国传统风格特点，可以作为页面之间的过场动画，也可以作为页面的背景动画。在动画技术上主要运用了遮罩的效果，同时结合了缓动效果。在绘制上主要运用渐变效果。

这个现场的演示效果，来真的非常帅。

但是它的制作其实非常简单，就是三个路径动画。

但是它的制作其实非常简单，就是三个路径动画。

首先我们准备素材，一副长画，两个卷轴，而且贴了一个图。

首先我们准备素材，一副长画，两个卷轴，而且贴了一个图。这里我们使用的是路径动画，左边卷轴是向左的路径动画，右边是向右的路径动画。底部的画也是向左的路径动画。我们设置一下。这里我们使用的是路径动画，左边卷轴是向左的路径动画，右边是向右的路径动画。底部的画也是向左的路径动画。我们设置一下。

 

.

不同形式的卷轴表现方式，卷轴表现方式多种多样，横向、竖向、三维透视类。主要依据实用场合不同而定。

这是横向卷轴内容展示。比较经典的一种表现形式，最常见，最实用。

这是三维形式展线卷轴内容，三维形式比较立体。

这是竖式卷轴展现，主要模拟挂画的形式展示，很好的把古画展示出来。

这是不同的横向网页内容展示，主要是展示网页内容，由于内容形式比较多，适合横向展示，并且配合一定的图形，显得很有中国风的味道。

三维VR展示效果

.

课后作业思考：我们要制作卷轴动画需要掌握哪些知识点呢？