这次的内容要来制作一个简单的标题框展开动画。
直接进入正题。
直接开好你要的Comp，然后创立一个Shape Layer：
用钢笔工具画一个这样的东西：
接着画这个：
这样应该看的出来要画什么了吧。
对，就是你想的那样 :)
将Shape 1拷贝一个，也就是第一个画的那块：
按下Ctrl+T或是双击两下遮罩路径，接着利用边框的变形工具将它水平反转，并挪到右边：
别忘了还有中间的衔接处：
两边都画好后就会像这样子：
一个基本的布帘框框就出来了。
调整一下顺序，Shape 2是正中央最大块的区域，也是最前面的，所以要将它拉到最上层：
完成如下图：
这边直接Ctrl+D拷贝五个：
一个就是对应你画的Shape。
所以最下层就是只显示LB群组、最上层就是只显示Main群组，中间的依此类推：
这里利用Linear Wipe来制作出现的动画效果：
Transition Completion就是转场的完成度，因为它%数吃的是整个COMP的大小，所以这边请自己找到你素材的起始%数和完全出现的%数。
动画上就是让它从左边到右边出现。
稍微调整一下曲线模式：
最左边那块完全出现的时候就要衔接下一个区域，就是Main那块：
因为它比较长一点，所以关键影格的间距也比较长。
剩下的就都是一样的操作，一个一个让它们接着出现。
不过现在做的这块，在COMP的左下方，因为疏忽忘记让它置中，
但因为Linear Wipe效果吃的是Comp大小和素材位置，所以移动素材的话，Linear Wipe的效果也会偏掉：
这边可以用Slider Control来校正：
现在是创一个空物件来放置这个效果，其实也可以放在各自的图层上。
ALT点击小时钟／码表，在Linear Wipe后，输入+号，然后用回纹针连到Slider Control的Slider数值上：
也就是要让Linear Wipe的数值加上Slider的数值。
这里将Linear Wipe的%数整体扣10%就能变成原先的转场效果：
但不同方向的就不能也一样扣10%，第一次都得自己摸索：
如下：
总之OK后，没有问题，就可以打上文字：
用钢笔工具沿着背后那个框框的弧度画一条钢笔路径：
用意是要让文字沿着钢笔路径排列。
点开Text，有个path Options，里面能够让文字沿着Path排列，以及调整位置：
OK后就把文字挪到中央：
将main那块拷贝一个，让文字吃它的Alpha，就能让文字跟着它一起出现：
有点干所以放个背景：
想移动的话，整体Comp起来后也能直接移动，不用顾虑到Linear Wipe的感受。
或是在内部，利用Transform对整个画面做调整：
成品范例：
教学的标题框框画得比较阳春，有更精细、更有设计感的标题框框若有这样的前后层次，也可以尝试这样的效果唷！
那这次的教学就到这边结束，我们下次见～
素材来源：https://videos.pexels.com/videos/aerial-shot-of-forest-covered-in-snow-857019
此教学AE专案欓下载(cc 2019 & CC 2014)：
