Skip to content

05 黑盒的形成与时钟刻度

🕛 reading time: 7 min read | 🔖 words: 1394

时间码 09:20-16:28左右为05-06合成。

黑盒的形成

盒子面

首先向从盒子的一面入手,先制作这个合成。

创建合成【盒子面】,从之前合成04中复制所需的图层,并去掉它们的关键帧。

figure 5-1 盒子面

盒子

接下来制作四个面组成的盒子。

创建合成【盒子】,通过适当的数学运算和复制层,将四个面摆放好。

然后,新建空对象【盒子旋转-控制器】,将四个面绑定到该合成。

关键点:【盒子旋转-控制器】的锚点必须为盒子四个面围成的区域中心。

figure 5-2 盒子旋转-控制器的锚点

盒子成为时钟刻度

到这里,我们开始制作盒子缩小后组成的时钟。

figure 5-3 钟摆

新建【钟摆】合成,将上面的【盒子】合成复制成12份,并使用 - number 形式标记时钟刻度的数字。将所有盒子的合成:

  • 锚点x 改为 -45000, y不变,z为0
  • 位置x 改为 -45000,y不变,z为0

x的值不是固定的,但是值必须足够大。因为要保证刻度小到几乎变成一条线。

从【盒子-3】开始,z轴旋转0度,之后顺时针方向,【盒子-4】旋转30度,以此类推。

新建一个双节35mm摄像机,将xy变成画布中心,z轴改为-200000。注意,该摄像机仅供观察,不作k帧。

如上图所示,时钟整体在画布左半部分。

figure 5-4 时钟整体

时钟画面

新建一个合成,命名【时钟画面】,这个合成包含了盒子旋转和时钟进入的动画。将【钟摆】合成放入,然后新建一个35mm双节点摄像机。

开始:

figure 5-5 时钟画面-开始帧

往内部旋转

接下来,盒子做一个往内部的旋转

figure 5-6 时钟画面-往内部旋转

此时,第二列关键帧为:

figure 5-7 时钟画面-往内部旋转结束位置

  • 目标点XY改变是为了稍微往左拍摄。也就是图中位置。
  • 位置XY改变是为了稍微看见盒子四个面,有一定倾斜。z位置是为了拉远镜头。

往右上角飞出

接下来盒子往右上角移动。

figure 5-8 时钟画面-往右上角飞出

此时,只需要更改目标点位置。

figure 5-9 时钟画面-往右上角飞出-更改目标点

  • 也就是将目标点放于右上角。

往左下角返回

接着,盒子回到时钟刻度3中,其他刻度也慢慢出现。目标点重新回到画布中心。摄像机继续拉远。

figure 5-10 时钟画面-往左下角返回

figure 5-11 时钟画面-往左下角返回结束位置

这个镜头其实有点复杂,请仔细考虑速度曲线的运动。参考曲线:

figure 5-12 时钟画面-摄像机关键帧速度曲线

  • 盒子往右上角移动时,高速加速移动,时间很短。
  • 之后,盒子返回刻度时可以稍慢。

05

黑白对调

回到05合成。创建黑底和白底。

  • 先对白底opacity k帧:100 -> 0 -> 100 。也即是一个【白 -> 黑 -> 白】的过渡。
  • 对时钟画面应用色调。对齐白底关键帧。作一个(黑) -> 【白 -> 黑 -> 白】的过渡。

figure 5-13 黑白对调的实现

下面制作时针和分针,以及文字进场。

分针

新建形状层,打开标尺辅助,拉出两个十字辅助线来帮助时钟圆心定位。

注意:由于图形比较复杂,因此每个形状单元务必使用Ctrl + G创建组。

figure 5-14 绘制分针

  • 在形状层添加矩形和填充黑,利用移动工具将锚点定于圆心。
  • 复制上面的矩形,命名为【短矩形】,利用大小和位置属性,将短矩形移动到合适位置。
  • 添加合并路径,模式改为相减。这样两个矩形交集部分就被镂空。

figure 5-15 分针的修饰

另外,需要补充小正方形和圆形点缀,这里不赘述。

时针

将上面分针层复制一层,命名【时针】,将菱形组去掉,将x轴缩放变小一点。

figure 5-16 绘制时针

时针和分针的角度关系

分析时针和分针的角度关系。

一个小时60分钟,时针一个小时走30度,分钟走360度。也即是时针走1度的话,分钟走360/30=12度。

我们先对时针K帧,然后使用表达式将分针和时针绑定。

figure 5-17 使用AE表达式将分针绑定到时针

  • 时针关键帧:旋转从-82 到-28。速度先快后慢。

  • 分针表达式

    js
    thisComp.layer("时针").transform.rotation*12-90
    thisComp.layer("时针").transform.rotation*12-90

    *12 是角度关系,-90是为了让初始时分针和时针角度差为90度。

文字部分

文字的关键帧:

  • 位置X
  • y轴旋转

figure 5-18 文字部分

小结

  • 使用4个面来拼合成盒子。
  • 盒子成为时钟刻度是使用AE表达式来旋转实现,并且要保证观察的摄像机Z轴足够远。
  • 时针和分钟的角度关系需要精确的数学计算,使用表达式将分针绑定到时针。