第二节　翻页原理

一、原理：

　　1、在滤镜画中画里，页面的翻动与旋转Y的偏移量有关，当旋转Y为0度时，画页平放，我们可以看到全部页面。当旋转Y为＋90度或者-90度时，画册页垂直，无法看到它的页面。

　　2、无法看到它的画面时，正是我们更换画像内容的时候，也就是时间轴上切换素材的时候。

　　3、我们规定，画页的右面朝上时为＋90度，画面的左面朝上时为-90度。

　　4、这个概念还可以理解为：

　　　当页面从平面往垂直转动时，是从0度往90度变化。

　　　当页面从垂直往平面转动时，是从－90度往零度变化。

　　　也就是说不论页面朝哪边水平放置，都是算为回归了零度。

二、解说：

　　一本相册不管多少页，只要分析一页就可以弄清它的翻页原理了。以下图为例，我们来分析一下书页翻动时对我们的视觉影响：

　　我们定义这本相册其中的一页有两个面：A和B

　　当这页画册处于右边的位置时，A面是0度，可以看见，而B面隐藏在A面背后，我们看不见。

　　这页画册的翻到正中间时，A面是90度，B面是-90度，我们两面都看不见

　　当这页画册翻到左边的位置时，B面变成了0度，可以看见，而A面隐藏到了B面的后背，看不见了。

　　今天我们要做的这个模板，还不是展示一个完整的画册，而只是假定这个画册只有一页，而且没有封面和封底，其作用是透彻地了解翻页的原理并通过翻页的现象掌握画中画的运用方法。了解翻页原理之后，下一步再去做一本完整“画册”。

　　如果一时难以理解页面翻转的原理，可以放一下，先按下面的操作做上一遍，再慢慢地从实践中摸索翻转原理。

三、模板建立步骤详解：

第一步：添加背景到视频轨道上并将上次做的10张PNG照片添加到素材库，以供调用。背景可以随意选择，为方便观察这里选择了纯蓝的背景色。

第二步：将素材库中的PNG图片逐张拖到覆叠轨上，每一张照片连续拖放2次，即时间轨道上的素材一共20个，每2个邻的素材是完全相同的。时间长度不要修改，就按默认的3秒定义。

第三步：双击时间轨第一张图片，选择滤镜图标FX，选择滤镜文件夹“NewBlue 视频精选II”中的“画中画”滤镜，并将它拖到第一张照片上来。

第四步：加载滤镜之后双击第一张图片，并单击播放器面板上的图片，点右键，选择将图片“调整到屏幕大小”，此时你注意观察一下，图片小样的周国是背景色还是黑色，如果有黑色说明你的图片制作不正确，也就是说你的图片不是“透明”的PNG文件。

第五步:紧接上面单击素材库中“属性”选项卡＞自定义滤镜之后，会弹出以下的窗口。

　　这是一个关键步骤了，对于这个选项卡我们必须首先屏蔽那些不需要动的部分，边框与阴影的数据如果不是零，请全部调整为零。

　　重点的操作是调整图片与反射的数据：

　　①将时间指针的滑块拖到起点的红色标记下，这点非常重要，如果不慎在时间轴上增加了一个红点，那就是一个关键帧，这个关键帧需要清除，点右边的小方点可清除关键帧，我们这个模块不需要使用关键帧。

　　②请按下图的数据手工修改画中画起点中的“图片”和“反射”数据。

　　③这步做完之后轻轻点一下“起点”之下的滑块，所有的数据就确定了下来。

　　④视频的滤镜是一个有时间变量的滤镜，因此它有起点也有终点。下一步确定终点的数据，首选将滑块移到终点处。

　　⑤请按下图的数据手工修改画中画终点中的“图片”和“反射”数据。

　　⑥终点数据的设置工作结束，轻点一下终点下的滑块，最后按一下“确定”键，第一张图片的数据就被保存了下来。

第六步：重复第三步的做法双击时间轨第二张图片，选择滤镜图标FX，选择滤镜文件夹“NewBlue 视频精选II”中的“画中画”滤镜，并将它拖到第二张照片上来。

第七步（同第四步）：加载滤镜之后双击第二张图片，并单击播放器面板上的图片，点右键，选择将图片“调整到屏幕大小”。

第八步（同第五步）：紧接上面单击素材库中“属性”选项卡＞自定义滤镜之后，会弹出以下的窗口。

与前面相同，边框与阴影的数据请全部调整为零。重点的操作是调整图片与反射的数据：

翻转练习视频

http://player.youku.com/player.php/sid/XNDEyMTQ4MDU2/v.swf

首先要说一声：牛哥你辛苦了！下午没登录试着做二张，结果首页向右转、尾页向左转。正想请教，登录一看牛哥讲得太清楚了，明天再试试。谢谢牛老师！

牛哥真是辛苦了！详详细细，不厌其烦地讲解，每一步都十分清楚，谢谢了。按照你的步骤我再去做试试看。昨天折腾了好久怎么做都做不出来呢！

   牛管煞是辛苦，但您做出的只是旋转，并不是翻页啊。

　　是的，虽然旋转不等于翻页，但翻页只是旋转中的一个类型，掌握了旋转下一步将涉及到翻页时就不难理解了。

　　欢迎您提出更好的学习方法！