这次的教学,依然会牵涉到许多 MG 的基础概念,但是比起上两单元的教学。

我们今天将走出可爱的风格,来做点更酷、更科技感的东西!

另外这次教学会用到许多前两集单元的概念,如果不会的可以先去看前两单元。

【Part 1】

【Part 2】

那我们直接开始吧!( 在那之前,先来看一下完成的结果 )

那让我们进入 AE,这次我们来尝试点不一样的东西,将你的 Comp 设定成正方形,也就是 1080*1080

这样的影片长宽比在近年来颇流行,当然如果你想用16:9,也是可以照着教学做下去的。

我们将分成几个阶段,最后再统整成完成的效果。

第一阶段是「打开的框框」,如下图。

我们用方型工具拉出一个正方形,过程中你可以按住 Shift , Ctrl + Alt ,从中心往外拉,确保是完美的正方形。

之后再 Size ( 注意,这里的 Size 不是整个图层的大小 ) Stroke Width ,设定关键影格。

分别是放大, Stroke Width则是由粗变细。

最后在 Opacity (透明度) 多做几个关键影格 (数值高>低>高),做出类似闪烁的效果。

接下来复制两次,第二次调整数值,把方形变大,Stroke Width则变细。

第三次设定 Mask,如同图片画出两个长方形,把 add 改成 subtract,只留四个角落出现。

就完成第一步骤了。让我们进入第二阶段!

第二阶段其实有两个东西,分别是中间的小方形,跟下方的数据线。

我们先用钢笔拉出一条线,并加入 Trim Path,在 End 从 0 到 100

中间可以多设定几格并微调数值,更有真的在跑数据的感觉。

接下来我一们样多复制几次,调整位置与宽细

另外可以注意上图的最下面,这是另一种方式,在 End 内打入 wiggle(1,50) ,让数值会随机移动,1 是速度,50是移动的范围。

以上数据都可以照自己喜好自己调整。

接下来是迷你方形的部分,我们拉出一个方形,并加入 Repeater,把复制量调高,并 Offset 它的位置

并且做出简单的放大,后缩小的动画。并先把这个放在一旁

我们创建一个新的 Solid,放入 Gradient Ramp 后,把 Ramp Shape 内的类型改成 Radial Ramp。

并将这个 图层 Pre-Comp,命名 TimeMap

回到外面的,我们在刚刚迷你方形的图层加入 Time Displacement,把 layer 选择我们刚刚 Pre-comp的图层

并且微调数值,就会发现小方形,会从内由外出现。

我们就完成第二步骤了!

接下来是字体的部分,高科技的介面,往往少不了很多看不懂的数据。

首先就是输入一堆让人看不懂的字样,随你高兴怎么打。

并加入 Character Offest ,在里面输入 time*10,你输入的字幕就会开始随机跳动。 更改 time* 的数值,越高数字就会越快。

接下来制作由 0 跑到 100 的效果

这边我们需要分两个图层制作,分别是前面的字样,与后面的数字。 我们会动到的其实只有后面的数字。

在 Character value 内输入 Math.round(effect(“Slider Control”)(“Slider”))

并在图层加入Slider Control 特效,调整数值 从 0 设定到 100,画面上就会出现动画了!

这个阶段也就完成了。

让我们进入最后的阶段!

最后的阶段跟刚刚的小方型概念很类似,先用 Repeater 复制许多圆形,加入  Time Displacement,选择 TimeMap

就可以达到效果,另外除了点点外,我有拉出很细的方格,让整体画面多出一些细节。

将以上所有效果全部打开,就会像这样。

另外,我在以上的图层都有调整过透明度,介于50~80之间。

目的是为了加入光晕时更加和谐。

将所以图层都 Pre-Comp起来

我们加入 Glow 特效,一般来说我会复制两到三次,调整数值,让光晕更加丰富。

另外我发现即使我已经调过透明度,还是有点过亮了,所以加入 Transfrom ,把它拉到Glow 上面,并把透明度拉低

另外我也有加入 Tint ,让它变青色。

最后放入你的影片在下面,加点放大缩小的画面。

就大功告成了!

那这次教学就到这里! 我们下次见!

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