【动效自习室】假面骑士LOGO效果制作过程分享

@ 活化研究室
这位朋友求作的效果。

首先说下我没看过假面骑士因此也不是骑士迷，图标和原图有差异还请不要太过在意。
整个动效很简易，就做了出现消失的效果，文字部分是用了定向模糊效果来完成的。
这部分可讲的内容其实很少，那么这篇文章主要跟大家分享一下我处理素材的过程，分为文字、图标和背景三大部分。

文字的处理
1.先使用AI将文字描摹出来——使用AE\PS描出来也是可以的，看个人偏好。

2.文字描出来之后，本来只需要做好文字丢进AE中，添加白色投影和黑色描边就可以。
不过当我对添加好投影和描边效果的文字使用模糊之后，发现整个文字都糊成一团了，非常难看，完全不是预期的效果。

解决这个问题的方式有两种。
一种是在AI中做好投影和描边——我是这么做的，AI中我不会做描边，用了两个方向相反的投影拼凑的，麻烦且效果差（当然可能是我技术不佳）。
所以推荐在AE使用图层样式，添加阴影和描边后导出透明背景PNG，再导入AE中使用，非常高效。

如下图，哪种描边效果更好显而易见。

注意AE中添加描边不要做太宽，否者添加模糊的时候会看到大面积的黑色阴影，很丑！如果太宽了可以使用简单阻塞工具修一下边，问题不大。

3.为了让文字更有质感，我还对文字使用了添加颗粒效果，让文字表面不那么干净，从而更厚重一些。AE、AI、PS中都可以添加颗粒效果，如果你不希望颗粒效果影响到投影和描边，最好使用没有投影和描边的文字层添加，放在顶层就可以了。

颗粒建议最后输出时再添加，否则可能会使得你的预览和操作都很卡，相信我。
到这里文字处理完。

下面讲标志的制作方式
1.网上找的图片，添加一系列效果才将其制作成一个轮廓。

这四个效果的作用如下：
查找边缘：获取轮廓
提取：扣除白色背景
遮罩阻塞工具：将边缘缩小
填充：修改轮廓颜色
注意AE中的效果是有层级关系的，下层影响上层，所以如果先提取背景再查找边缘，效果就完全不同了。

这种方式比较讨巧，缺点是处理出来的轮廓在放大后会有明显的毛边，最好还是花时间描摹一下。
图标剩余的部分轮廓我就是使用钢笔工具绘制路径，再添加描边完成的。

3.钢笔工具（G）绘制描边路径的时候，建议先将描边关闭掉，方便调整。
先快速绘制完整个轮廓，再拉出参考线进行细调，让两边的点对齐。不要觉得拉参考线麻烦，这一个操作得到的回报还是非常大的。

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

大致的处理方式如下：
1.首先新建一个纯蓝色背景，将原图与纯色背景通过屏幕的方式混合，相应调整图层不透明度，这样既可以将原图背景去除，也可以保留云层的通透性，得到一张干净的背景：

2.因为整个背景太过单调，于是又给背景添加了一些小的云朵，并提高对比度，目的是提升整个背景的层次感。