这次的内容要来制作一个简单的标题框展开动画。

直接进入正题。

直接开好你要的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):