闪耀回响LOGO教程

四月 29, 2022

闪耀回响LOGO教程

前言

既然之前仿制了一个心跳光谱的LOGO，那么这次闪耀回响的LOGO仿制也能成功进行吧。这样想着，打开了闪耀光谱的视频，盯着开头的特效，陷入了迷茫……

在正式开始之前，请准备好以下文件和软件：

After Effects
闪耀回响LOGO

其中闪耀回响LOGO在文章最后提供了下载链接。

这里提一嘴LOGO的来源，很明显是直接从视频里扣下来的，心跳光谱的那个也是如此。但是是不是感觉怎么会如此的高清？没错，其实这里使用了AI图像无损放大。想尝试的可以去找现成的网站，也可以去GitHub上直接找源码，实在找不到的话再来找我吧。

首先，我们对原视频中的标题特效进行细致观察，可以粗略得出以下几个部分

几个线条在滑动
文字主体显现出来并且具有扰动和摆动效果
旁边生成好多星星

于是，我们就按照这三个部分去仿制一个出来，开干！

开始

新建项目，新建合成，名称随意，长宽就用正常的1080P，不过仔细看原片会发现有一段东西出屏幕了，所以也可以考虑1:1的，也就是1920*1920。帧率电脑纽币的可以直接上60，像我一样彩笔的还是30吧，时间4s。

线条滑动

道理其实很简单，用钢笔画几条路径，添加修剪路径，调帧就完事了。

对着视频用钢笔工具画路径，描边40，线段端点改为圆头端点，线段连接改为圆角连接，然后添加-修剪路径，修改开始和结束两个关键帧，可以尽量还原原片效果。这里可以考虑打开图标编辑器对开始和结束进行微调，达到自己满意的效果。

注意到线条并非粗细均匀，大部分情况下是中间粗两边细，于是我们可以在描边选项里找到锥度，修改其中的参数达到自己满意的效果为止。

一共有7个线条，全部做完还挺费力的，每个都要调一堆东西，一根就是半小时——

文字

观察视频，文字首先从局部可见变为完全可见，然后进行一些扰动，最后进行一些摇摆。并且，文字左上角的五角星是会发生旋转的。

五角星旋转的LOGO

那我们先做五角星旋转。新建合成，导入logo，注意到给予的素材当中有五角星，不妨对其使用橡皮擦擦除。双击logo图层，拿出橡皮擦擦掉五角星即可。

回到合成，画一个五角星在位置上。使用五角星工具，注意不要选中贝赛尔曲线路径。按住shift画一个正五角星，使用向后平移锚点工具将锚点移动至五角星的几何中心。注意锚点会吸附的中心并非五角星的几何中心。可以按r添加旋转看是否位于中心。之后将其移动至正确的位置上，对旋转添加关键帧，0s为0°，4s为216°，这个合成就完成了

LOGO遮罩

接下来做下一层合成，logo从局部可见到完全可见。

观察原片，可以发现首先展开两个圆，然后放大到全屏。故我们先做这两个圆的合成。

新建合成，画两个圆，对缩放打关键帧，打开图标编辑器，将两个圆调到想要的感觉即可

回到上级合成，将遮罩合成放在上面，logo合成放在下面，设置轨道遮罩Alpha即可

LOGO扰动和摇摆

由于原片当中LOGO的扰动较少且过于不会所以我放弃了这个（），要做的可以象征性直接添加一个波形变形并调关键帧即可。

仔细观察摇摆部分，发现他貌似并不完全是摇摆。没错，这其实是在一个球面上围绕着一个非常倾斜轴进行摇摆。这就涉及到了3D图层的效果了。并且其实还在缓慢变大。

新建合成，将上面完成遮罩的合成拖入，勾选3D对象，发现我们有一个3D坐标轴在画面当中了。
添加摄像机，不需要更改任何参数。
接下来我们尝试对logo图层进行旋转，发现旋转的角度并非我们想要的，于是考虑改变这个角度。

我们要达成的效果是只对logo层的一个旋转角度打关键帧来完成我们的摇摆，不妨令其为x轴，则我们通过z轴来调节轴的位置。将logo层和摄像机的z轴旋转改为70°，再对logo层的x轴打关键帧，为了还原原作中阻尼运动的效果，可以每隔7-8帧打上关键帧，一共打8次。此外logo并非在球心处旋转，则我们可以修改其锚点。将锚点z轴修改为300，预览一下，效果良好。