AE|假面骑士LOGO动态制作流程分享

首先，我没看过假面骑士，所以我不是骑士球迷。请不要太在意图标和原图的区别。

整个动态效果很简单，出现又消失，文字部分由方向性模糊效果完成。

这部分其实讲的很少，所以这篇文章主要跟大家分享我处理素材的过程，分为文字、图标、背景三个部分。

字符处理

1.先用AI描文字——AE \ PS也可以，看个人喜好。

2.文字画好之后，只需要把文字丢进AE，加上白色投影和黑色描边即可。

但是当我把投影和笔画效果都很好的文字模糊后，发现整个文字都是一团浆糊，非常难看，完全出乎意料。

有两种方法可以解决这个问题。

一个是做好AI中的投射和笔画——我就是这么做的。AI里的笔画我不会，所以用两个方向相反的投影拼凑起来，麻烦又没效果(当然也可能是我技术太差)。

所以建议在AE中使用图层样式，添加阴影和描边后导出透明背景PNG，再导入AE中使用，效率很高。

如下图，很明显哪种笔画效果更好。

加AE的时候注意不要把笔画做的太宽，否则加虚化的时候会看到大面积的黑色阴影，很难看！如果太宽，可以用简单的遮挡工具修剪一下边缘，问题不大。

3.为了让文字更有质感，我还在文字中加入了颗粒的效果，让文字表面不那么干净，从而更厚。AE，AI，PS都可以添加粒子效果。如果不想让粒子效果影响投影和描边，最好添加在一个没有投影和描边的文字层，放在最上层就好。

建议在输出的最后加上粒子，否则你的预览和操作可能会卡死，相信我。

在这里，单词被处理。

先说招牌的制作方式。

1.网上找到的图片，通过添加一系列效果，做成一个轮廓。

这四种效果具有以下功能:

查找边缘:获取轮廓

提取:扣除白色背景

蒙版阻塞工具:收缩边缘

填充:修改轮廓颜色

注意AE中的效果是有层次的，下层影响上层，所以如果先提取背景再找边缘，效果会完全不一样。

这种方法比较讨喜，但缺点是加工出来的轮廓放大后会有明显的毛刺，不如花点时间描述一下。

我使用钢笔工具绘制路径，并在图标轮廓的其余部分添加笔画。

3.钢笔工具(G)绘制笔画路径时，建议先关闭笔画，方便调整。

先快速画出完整的轮廓，再拉出基准线进行微调，使两边的点对齐。不要觉得拉参考线很麻烦。这个操作的回报还是很大的。

后台处理

原背景也是网上找的素材。通过添加纯色背景和其他云材质，我可以混合出一个我认为还可以的背景。

一般处理方法如下:

1.先创建一个纯蓝色的背景，将原图与纯色背景通过屏幕混合，并相应调整图层的不透明度，这样可以去掉原图背景，保留云彩的通透性，得到一个干净的背景:

2.由于整个背景过于单调，为了增强整个背景的层次感，在背景中加入了一些小云彩，提高了对比度。

为了将云很好地融入背景，需要在蒙版中添加羽毛，必要时调整切割云的大小和不透明度。最重要的是使用曲线工具分别调整R、G、B通道中的个别颜色。

只有在红/绿通道下，通过红/绿曲线将红/绿通道的亮度值调整到接近周围，达到良好的背景融合效果。这里不需要调整蓝色。

3.添加调整图层，添加暗角效果CC晕影将视觉焦点集中在文字上，给logo添加发光效果使其更亮，最后添加曲线调整整个画面的明暗对比。

这样整个效果就完成了。

问题答案

问:为什么指示牌要用口罩遮挡而不是简单遮挡？

答:在这里，两者其实是一样的。个人感觉简单的遮挡工具修复的边缘更虚，而蒙版遮挡可以修复更实的边缘。关于两者的区别，以后我会发表文章解释。

最后，回顾整个制作过程中使用的效果:

1.图层样式添加阴影和笔触，AE\AI\PS可以做出这种效果；

2.简单遮挡工具和遮罩遮挡工具修剪边缘；

3.添加粒子，增加文字质感；

4.键控效果提取裁剪出黑白背景；

5.找到边缘；

6.图层混合模式:屏幕，常用于保留较亮的部分；

7.曲线工具着色并调整明暗；

8.发光效果。

这期我就分享这么多。如果你和我一起做，你一定对这些效果有所了解。有问题请留言提问。