今天要来让大家的手机更炫炮!

首先汇入素材:

将拍摄素材复制一层当作备用并隐藏。

接着点选钢笔工具。

大概的江手机萤幕边的轮廓圈起来,

不需要太精细,只须确保手机画面都有被圈到就好了!

接着选取素材图层按下M,打开Mask > Mask 1 > Mask Path,

按住Alt点选旁边的码表Icon设置第一个关键影格。

拉动时间轴并慢慢调整圈选范围,

你可以对着其中一个点点两下来选取全部,

或用选取工具框选某些点来局部调整。

全部都设置好了之后确认手机画面没有被圈选范围漏掉。

接下来对着素材图层右键 > Pre-compose。

并勾选Move all attributes into the new composition选项按下OK。

替新建好的Comp加入3D Camera Tracker。

加入后AE就会开始自行运算画面中的可追踪点,

由于我们刚才已经有特别框选手机萤幕让背景都变成黑的,

这样能大幅降低运算时间,且不太会有被杂乱的背景影响进而导致追踪点错位的状况产生。

运算完毕后就会像这样:

可以看到有许多追踪点,不过有些追踪点并不是始终存在,

而是一下出现一下消失,选择这些追踪点将不利于接下来的制作。

刚好这次所有追踪点都属于同一个平面,

因此只要选到随便三个点就会有同样的结果,

拉动时间轴来检查那些追踪点是不会消失的并选择其中三个来构成一个面,

可以按住Crtl和滑鼠来多选。

接着对着三角面右键 > Create Solid and Camera。

这样就有一个对准手机画面的平面产生囉!

如果平面没有贴其手机,可以利用Position(快捷键P)和Orientation(快捷键R)

来调整位置及角度,注意不要调整到Position的z轴数值。

一样替新增的Solid复制一层并隐藏作为备用,

对Solid右键 > Pre-compose。

这次勾选Leave all attributes in 手机素材,

将所有3D的数值都留在Comp外。

这样我们就可以进到Comp内来编辑平面内容囉!

你可以先置做一个与手机画面等大的外框线。

放置到Comp内来边是手机的范围:

接下来就是发挥创意制作MotionGraphices囉!

或是使用素材来制作手机画面,

当然你想要超出手机范围也没关系!

超出的部分会像高科技浮动UI一样漂在手机外面,

效果如下:

你也可以针对漂浮在外面的UI增加Glow发光效果:

当然你可以另外制作一层图层来特别调整Position和Scale等。

减少Position的z座标数值可以让UI往前移动:

如果想要做画面内凹的效果也行!

首先先准备一个手机画面的范围(红色区域)。

我制作了一个与手机范围等大的外框(蓝色外框)并增加z轴数值让框框往后延伸:

接下来复制多层,并将终点的z轴数值个别错开。

这样就有一个往后延伸的空间感了!

接下来将所有框框都Comp起来,勾选Move all attributes into the new composition。

Comp之后会出现这样的情况,

在Comp内有3D延伸的效果但在Comp外却不知园内步的3D构造。

这时点选Comp的小太阳Icon来让Comp优先计算Comp内的效果。

将手机画面费围(红色区域)放置Comp上方并在Comp的Trk Mat选项选择Aipha Matte”Track Solid 2″,

让内凹的画面仅出现在红色区域。

这样内凹后的框框就不会超出手机囉!

基本上制作UI介面就要靠大家发挥自己的创意了!

步局限于手机画面,也可以制作在外面的广告刊版、公车上或是行人都行!

 

此教学专案档下载(cc 2018以上):