动效集锦

三十秒,三个篇章

概念项目

为 Cambrian College 的 ART 1010 Motion Graphics I 课程制作的 30 秒动效展示。

三个篇章

每个篇章长 10 秒,通过形状变化衔接:第一部分的核心缩成光标,引出名字;名字周围的角框展开成标志的边框;八条基线则变成图形标志的八根横条。

音乐:Karneef 的《What If So Then》(YouTube 音频库)。

第一部分的六帧画面,带时间码:小圆点周围的刻度圆环随音乐变大,直到实心核心填满中央

第一篇章:跟随节拍的图形

128 根刻度线围着一个小圆点排成一圈,圆点固定了画面的中心。刻度线随音乐的 64 个频段变化,圆环内的一圈虚线带则随中频变宽。三次强烈的底鼓节拍让圆环的大小弹动约 7%。最强的一拍把圆环分成六段弧线,中央出现一个实心核心,随后又跟着两次底鼓节拍弹动。临近结尾时,圆环向内收拢,融入核心,核心再缩成一个圆点。

第二部分的六帧画面,带时间码:名字在角框内逐字打出,展开成三行后再擦回原样,随后角框向外展开

第二篇章:名字动画

圆点像光标一样闪烁两次,名字从 Ashton 开始,逐个字母打出来。角框从圆点中弹出,框住名字。名字停留时,字距仍缓缓拉开,让每次停留都有细微变化。角框拓宽成三行框架,容纳 Ashton Zhengshen Shu;全名稍稍向前靠近,再逐步擦除,只留下 Ashton。角框随四次底鼓节拍弹动,最后展开成标志的边框。这个做法延续了本网站开场的名字动画。

第三部分的六帧画面,带时间码:Superlinear Academy 图形标志的八根横条依次显现,像圆锥一样旋转,最后回到标志形态

第三篇章:让标志页面动起来

第三部分从一张静态页面开始:Superlinear Academy 品牌规范中的标志页。名字部分最后两次底鼓响起时,八条细基线横穿画面,依次逐条显现,变成图形标志的八根横条。横条随后像圆锥一样绕图形标志的竖轴旋转,彼此略微错开节奏,转到侧面时颜色变浅。旋转迎着一次强烈的底鼓节拍加速,保持速度后再减速,恰好转完五圈,回到原来的标志。这个想法源自 Superlinear Academy 页面上的两段标志循环动画:「扫描」和「锥形旋转」。

制作过程

Ashton 设计了动作并设定时间节奏,再在 After Effects 中逐版修改。