收获翻倍！轻松搞定创意字形与动效！
前段时间跟乾哥一起做了几个动态字体的尝试，很多同学表示想学，所以我贿赂了他整三斤猪肉，才拉来一起写了今天的教程。
先看一下作品~
[动态实验字体节选]
[温馨提示：动图加载需要一两秒~]
教程开始了！！！~
我们先从字体部分讲起，今天主要分享一个字体设计中及其常用的技巧。我们姑且叫他[笔画共性法]。听起来是不是很装XX？
其实没那么复杂，说的通俗一些，就是发现每个字的笔画之间的关联和相似性，通过几何化或者图形化的手法把近似笔画关联起来。从而设计出有设计节奏和变化的字形。我们来做几个案例试试。
首先来做一个我很喜欢的作家的名字：村上春树。
我们把字形整体的框架先搭建出来，如果说你基础比较差的话可以找一些字库先垫底把大型做出来。不必特别完善，因为接下来还得细化调整。
有了基础字形后，我们开始尝试运用共性法增强设计感。
大家来找茬开始了哦，我们可以看到画圆圈的地方具有较强的相似性，比如村和树的木字旁、点和春的日都比较相似。这就是我们最容易入手的地方。
以村为例，我们尝试木字旁和点的设计，我随意尝试了几个形式。大家如果愿意花时间去做，肯定能得到更多有趣的表达方式。
那点就更不用说了，许多你能想到的图形只要是点，都可以尝试。知道了变形的方向，接下来开始正式操作。
将基础字形与我们前面做的尝试相结合，替换掉部分笔画形式。我们就得到一个更具设计感的字形。
以村字为基础，为了表达树木的生长感受，所以我将字体拉长，并且用了较纤细的线条来营造呼吸自然感。
到这一步大家肯定都没问题的，细心的同学肯定发现了上面的字少了笔画。也就是难点所在。
我这边示范一下我的尝试方法，先是从春入手，用最简单的直线去做，顺应统一原则搭建出树字。
而后树字中间的又我给他加了一个圆角，得到右边的效果，还算协调。依旧是尝试统一，得到春最后的形式实际上仅仅是把“又”的分叉调整更开了而已，图形还是一样的。
字形完成后，最后我们搭配一下排版，第一个案例就完成啦。是不是so easy？
有了第一个案例的基础，大家现在肯定有些感觉了。那我们就稍微快一点。第二个做一个朱光潜的书，无言之美。偷个懒，就做无言好了。
同样的，我们先用线搭建出基础字形。
又到了大家来找茬时间了，看看哪些地方是可以做共性的？
从发现的共性入手，我们尝试将点用各种形式代替。这边我用了上面的元素和逗号替换尝试。
按照知识点，我们提炼出相似的元素进行组合替换。从而推导得到言的创意字形。
为了让两个字的节奏更加协调舒适，这边做了秩序化的处理方式，将笔画能够对齐的部分对齐。并且空间协调化处理，无字横向拉宽，言字竖向拉长，让两个字的空间相对协调。
得到字形后排版一下就好了。我这边用逗号和句号来表达欲言又止，无言之美的内涵，替换了笔画简单做一下示范。如果思维稍微拓展一下，你们肯定能比我做的好。
第三个我们来给乾哥做个铺垫，讲一下“影”字的设计技巧和方法。大家是不是觉得第一步也是做出基本字形？还是天真了。第一步我们先学习一下混合工具。
就是AI里这个神奇的工具。先看看他的骚操作有哪些。
双击混合工具，调出上面的面板。选择指定步数，然后分别点击两个矩形。就会得到上面两个不同的形式。右边的不仅增加了步数，还调整了一个矩形颜色。
如果把白色小矩形放中间就得到左边的形式。把黑色的放中间就得到右边的形式，记得把黑色矩形置于顶层。了解到这边基本差不多了，开始做字。
依旧是需要我们对整个字的基本字形心中有数。然后再去发现字本身笔画的共通点，尝试几何或者图形化。
观察整个字中可以近似化处理的部分，比如日和口，右边部分。都是比较相似的。
发现单字中可以近似化处理的几个笔画，结合我们前面学会的混合工具。我们可以画出类似右边的造型去替换字形笔画。得到全新的字形。
我们在设计过程中可以适当省略部分笔画，在不影响识别的前提下。当然仅仅是做艺术字形时有比较大的自由度。如果是字库等还是要遵循最基本的笔画要求。
将笔画中的形状改变与线条结合我们可以得到更多不同的方向。
当然也可以做更强的透视关系，实际上我们的操作仅仅只是挪动混合中的某个矩形而已，非常简单，你甚至可以添加锚点调整曲线，对混合工具感兴趣的同学可以多多尝试。
尝试了几个方向，最终选择了左下角的形式。按照这个方法，你们也可以延伸出许多不一样的感觉的！
最后最后搭配一个排版就搞定了~字体部分我们就分享到这边~
接下来有请乾哥闪亮登场！！！~~Duang Duang ~~（BGM自行脑补）
大家好，我是刘乾，你们可以称呼我为啊乾。
刚刚刺猬老师带来了字体部分的教学，接下来让我带大家通过AE这款软件，让它们动起来。
随着动态影像的流行，越来越多的小伙伴开始好奇动态效果是怎么做出来？今天以“影”字为例，给大家演示一组简单的字体动效。
制作动效软件叫做AE，是Adobe公司的产品，许多快捷键和ps都是相通的，大家用起来不会太过于陌生。
安装好软件之后，开始正式进入设计部分。
共分为三个步骤
01 头脑风暴
02 平面稿设计
03 动效设计
头脑风暴
在做平面稿之前，我们一定要想好最后如何与动效进行结合，这样才不会出现完成平面稿后技法上无法实现动态的尴尬情况。
思考方法可以从两个方向入手，一个是具象，一个是意象。
具象思维
例如这次和刺猬老师一起合作了9组动态字，每一组的字形字义都要和最后动态呈现的效果匹配。
拿“烬”字举例，其字意是指物体燃烧后剩下的东西。那么在最后动的过程中尽量要呈现燃烧这个状态。有了这个点后，再通过软件实现就可以了。
再举个例子，“电”字。对于电的具象化我们很自然的会想到下雨天时天空打闪的现象，这时候就可以联想到软件里的路径抖动可以实现类似的效果，随后就可以根据感觉调整参数了。
意象思维
说回“影”这个字，从具象出发可以联想到投影，光打在物体上产生的自然现象，但实际操作中发现实现不了太好的效果。
这时候就可以考虑通过意象的方式去表现，不直接表现这个字的意思，而是从意境出发。
可以多发散几个关键词，如“闪烁”、“迷离“、“光影”等等，不要局限自己。
脑海里构思出大致的方向后，就可以进行平面稿的制作了。前面刺猬老师已经详细描述了设计的过程，这边就不再重复。
最后，进入动态设计的部分。
第一步，打开AE,导入之前做好的平面文件。
然后会弹出一个窗口，导入种类选为合成，素材尺寸选择图层大小。
双击项目窗口里影的合成
这样我们就完成了字体的导入。
第二步，调整合成设置里相应的参数。
把帧速率设置为25，持续时间设置为10秒
第三步，在效果里面找到相应的特效，由于软件预制了极为丰富的效果，这时
需要进行多次尝试与参数的调整，才能得到满意的效果。
所有的效果都可以在ae的效果和预设面板里面调出，如果没有效果面板，需要在窗口菜单调出。
这里首先应用任意映射效果。
在效果控件中，找到任意映射下的相位选项。点击前面的小码表图标，打一个关键帧。
红色框里的原点就是关机帧，记录当前效果信息。
随后我们我们把时间指示器拖到三秒，调制相位数值为10圈，再次点击小码表。这样两个关键帧之间由于数值的不同，就会产生动画效果。
接下来我们找到CC Threshold RGB这个效果，并拖动到文字层应用。这个效果可以使原本渐变的字形变成单色，这样在从单色到渐变形式的过渡中，产生丰富的变化效果。
通过控制红框内数值实现过渡效果。
最后，找到“块溶解-数字化”这个效果，它是一个渐入的动作，使字体不会直接突兀的出现，同时这个效果也会产生错乱迷幻的韵律。
这样通过三个效果的叠加，我们的字体动效就完成了。
掌握好软件的基本操作后，只要找到合适的切入点，实现这样的效果其实并不难。
今天的教程到这边就结束了，记得动手练练~~不要浪费了三斤猪肉！
我们下期再见~