动效集锦
三十秒,三个篇章
为 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 页面上的两段标志循环动画:「扫描」和「锥形旋转」。
制作过程
Ashton 设计了动作并设定时间节奏,再在 After Effects 中逐版修改。