今天要来教大家如何使用AE内建3D图层做出书本翻页的效果哦!

首先先建立一个Comp,大小设定1920*1080,

这是我们最后要输出的Comp。

接着新增数个Comp,这边每个Comp的大小都设为500*800,

替所有书页独自建立好一个Comp,

例如有四种页面我们就设置四个Comp。

最后记得在多建立一个书背(书边)的Comp,

大小大概设为50*800。

我们回到要输出的Comp里,先置入背景素材。

接着将封面、书背、封底排好位置如下图:

这个角度是书本最终打开的样子,因为翻开时封面会翻在背面,

因此要先将封面的Scale改为-100,100,借此达到水平翻转。

接着替所有页面的Comp点选3D图层(下方图片最右侧立方体小Icon)

转为3D图层。

接着复制一层封面的图层并选取,

在Project视窗找到要做成封面背面(全黄色)的Comp,

按住Alt将Comp拉至选取的图层上方,借此动作取代当前图层。

并将封面背面的图层Position的z座标设为-1。

这样打开时就只会看到内部是纯黄色内页、关起时是刚才有人向的封面囉!

将z座标设为-1的作用是为了让纯黄色图层与封面拉出一小段距离,

以免移动时造成交叠破图。

使用中心点控制工具,封面、封面背面、书背的中心点都移到中间靠最右侧,

拖曳时按住ctrl可以对其中心线。

目前所有中心点的位置分布:

使用封面、封面背面的Parent工具拖曳至书背图层。

接着选取封面、封面背面、书背三个图层一起调动Rotation的y轴,

就会发现有书壳翻页的效果。

用另一个角度观察会长这个样子:

封面、封面背面的翻转角度会是书背的两倍。

设定好关键影格,从270度(阖起)到0度(全翻开)。

接着加入笔记本内页的Comp,对齐封面并稍微往右边移动一点,

移动至预想内页胶黏在书背的位置,大概将x座标增加5。

一样使用内页的Parent工具拖曳至书背让他们一起行动并调整Rotation。

设定好关键影格之后将时间轴停在大概一伴的位置(书到一半),

并旋转内页,旋转的同时会发现新增了一个关键影格,

这里就是设定当封面翻开到这里时,内页还翻开到一半,

以此制造翻书的层次感。

效果长这样:

接着按下Ctrl + K打开Compsition Setting。

点击上方的3D Renderer,并将Renderer选至CINEMA 4D。

设定完成之后打开内页的下拉选单,会发现新增了Geometry Options选项可控制,

底下的Curvature是调整图层的弯曲程度、Segments则是面数。

拉动Curvature会发现书页弯曲向内或外弯曲了!

调高Segments则可以增加面数,使书页更平滑。

弯曲做好之后就会长这个样子:

做好一个内页之后接着就可以复制多个内页,

并将每个内页的距离都稍微错开。

并将弯曲、旋转等关键影格都稍微错开造成时间差。

目前效果如下:

选中最后一页内页并用前面的方法复制并以内页有写字的Comp取代掉,

并且拉该一小段距离。

取代后的页面长这样:

可以来回拨放来确认没有破图或是背面有没有图层交叠。

动画都设置好了之后可以新增一个Light。

记得将底下的Cast Shadows勾选,这样光照之后才会产生阴影。

打了光之后书本终于有了立体感。

 如果觉得光照不够也可以新增多个Light来互相调整照明。

当然你也可以在翻开时的右侧新增一些页面,

完成品就会长这样:

 

此教学AE专案欓下载(cc 2018):