5个实用案例教你如何创作创意字体！（含动态效果制作）

我们直接进入今天的主题。

今天主要回顾分享一下：如何结合字义，分析字体形态的特点，然后通过设定一定的规则，制作出具有系列感的创意字体，并与动效结合起来。

因为这是一个系列作品，所以我们在前期的尝试中需要设定一个主题，并用一组词语作为试验案例，设定基本的规则以及创意发散的组合方式。

我们在进行字体创意设计的时候经常会用到以上三种手法，从字义、笔画形状出发，结合发散思维。

以二十四节气中的一些节气为例，惊蛰：惊蛰一到，春雷动起。如果从词义出发，春雷闪电可以作为思路来源之一。夏至：如果从笔画出发，是否可以将荷叶间鱼儿嬉戏的场景与笔画结合起来？同样，大寒或者其他节气都可以从这个思路出发进行拓展。

在如今的实用字体中，我们定下了三条规则：第一ip形象，从字义出发或结合发散性的想法来获取灵感；第二，将基本的点、线、面以一定的节奏变化组合起来；第三，顺序，尽量让字体整体对称或对齐。（这条规则一般由第一款字体来确认，在教程中为了便于理解会提前说明）

了解了系列字体设计的常用手法后，我们直接开始练习案例。第一组字体是要建立常规风格，所以试制过程会相对复杂一些。我们以“夏至”作为主题。一般来说，我会随便试制第一组字体。

勾画草图，分享一个软件小技巧。选择画笔工具，双击画笔工具，调整保真度为平滑，直接用画笔勾画即可。当然，你也可以用笔在纸上勾画。

从笔形入手，即从字体结构和笔画本身开始设计。至于局部整体，将局部笔画的特点延伸到整个字组，这一点非常重要。一般来说，一组字中设定的规则越少，特点就越强创意字体，统一度越高，也越容易控制。我们举个例子来理解。

第一个字可以按顺序写，也可以按难易程度写，看个人喜好。这里先写“夏”字。这个字比较难写的地方是下半部分。可以先试着写一下，也可以找一些参考资料。

可以看到，很多变化其实都是通过细微的调整来实现的，比如增加圆角、断笔、连接笔画、合并点等等。

我们根据某一笔画的特点，将这一特点延伸到整组字，得到不同的草稿解决方案。比如第一种情况，将“夏”下半部分的曲线提炼出来，与“至”的上半部分相结合。同理，第二种情况结合了椭圆。第三种情况结合了笔迹的感觉。其实这三种草稿解决方案，都是根据某一笔画特点，将局部与整体相结合，得到解决方案。

前面的部分是一个比较自由的草稿，现在我们可以尝试从古书中的字形中寻找一些灵感，或者通过扩展字形的含义来得到一些图形的组合方式。

我们可以从古文字中得到很多的启发，比如笔画的连接方式创意字体，笔形的启发，比如楷书、行书、隶书不同结构上的差异，或者笔画的处理方式等等。

比如上面的尝试稿，我们可以参考隶书“夏”字下半部分的处理方式，使得整个字符结构更加稳定。

从词义上看，夏至与鱼儿在荷叶间嬉戏的景象有关，我尝试寻找一些相关的表现元素，比如水墨画、线画等等。

我们对荷叶形状进行了细化和概括，使其更容易与字形结合。由于荷叶形状是平面的，容易与笔画结合，而鱼形太具象，很难结合，所以我们暂时把它放在一边。我们先尝试将荷叶与字形结合起来。

在构思“夏”字时，我偶然发现“夏”字的下半部分可以做成鱼的形状，为了符合鱼儿在荷叶间嬉戏的意思，我考虑将它和“至”字结合起来。

通过上下将“之”字与“下”字组合，最终得到上下荷叶，通过两笔的结合体现出鱼形。这样，第一组字基本确定了，风格和规则也基本确定了。

有了第一套字定下风格和规则卡通形象，后面的系列字就会相对容易一些。我们不需要尝试太多的风格，而是专注于如何延伸。我们先来制作一套惊蛰字，这也是一套相对有难度的字。

还是从词义出发，先构思相关元素，惊蛰之时，春雷乍响。闪电、虫草等相关元素都可以用。

从构思的元素上我们明显可以发现，将这两组造型元素与字体进行结合的难度较大，其实在实际操作过程中，我们可以尝试很多不同的造型方向，只要符合主题即可，这里我们只做简单的演示。

因为案例一设定的其中一条规则就是线面的对比与组合，所以我们先按照规则尝试用线条搭建基础字体。然后在搭建的时候可以加入一些自己的想法，比如几何图形等设计手法。同时观察有没有可以组合图形元素的地方。这里我们可以发现在角度统一的地方，可以尝试加入春雷闪电元素。

将春雷闪电元素与线条基础字体相结合，惊蛰的解决方案基本已经出来了。其实结合的位置和角度需要在设计过程中不断尝试，这里就不细说了。

前面两种解决方案的思路比较类似，我们来做一个案例，在细节的刻画上，有些许差异，差别也很大。

我们可以直接从具体的场景，照片等中提取一些灵感来源，比如这些是我在搜索大涵的时候找到的一些相关场景。

在大雪堆积的场景中，屋檐、屋角都可以细化到笔触的末端。

我们先用线条构建出整个角色的骨架，然后再融入之前设定的笔形和笔触。

可以看出此处细笔画细腻，并结合飞檐飞角的特点，为了营造线面对比感，左右笔画及点均加粗，形成线面对比，从而与之前的字形形成串联感。

我们最后再做一个案例，为刘谦老师的动画部分做铺垫。我们会按照大涵的想法，把这个案例做得相对简单一些。

雨元素相对来说比较容易提炼，水滴、雨滴都是比较容易联想到的元素，而且有了大寒的基础，我们也很容易将笔触的处理方式与飞檐飞角结合起来。

雨滴采用了曲线的组合处理，而屋檐则相对尖锐，形成了刚与柔的对比。

同样，先搭建基础架构。搭建基础架构的时候，我一般会直接用画笔打底稿，或者在纸上画稿。如果同学们基础比较差，可以先按照之前试的方法，找一些参考资料来辅助搭建架构。

最后我们把设定好的笔画和特点和基本结构结合起来，解决方案就基本完成了。接下来我们让刘倩老师演示一下动画部分。

注意：以下操作需要一定的AE基础

考虑到大部分同学都没有用过AE，所以我们就动态部分做一个比较简单的演示~

接下来我们开始“雨”字的“动作片”部分，在让它们动起来之前，我们可以先把自己想象成导演，在脑海里对整体动态的逻辑有个大概的了解。

首先我们分析一下字的动向，这里我通过让各组笔画按顺序出现，营造出丰富的层次感，将两个字拆开，转换成上面的基本图形，方便思考。

对于最基本的水平和垂直描边，您可以使用 AE 的缩放属性单独缩放 X 轴或 Y 轴，以创建看起来像擦除的动态效果。

这里要注意的一点是，例如，如果我们想让笔触同时在两侧移动，我们需要使用向后平移锚点工具将中心点放在形状的中间。

类似地，如果希望笔触从左侧出现，则需要将中心点定位在右侧的末端。如果希望它从右侧出现，则需要进行相反的移动。将垂直笔触定位在顶部并缩放 Y 轴。

左右描边无法缩放，无法实现擦除的动态，需要在描边上方画一条类似圆弧的路径，然后叠加在上面，才能做出修剪路径的动态，然后在轨道蒙版中选择Alpha mask。

类似雨滴的点状笔触通过position属性进行移动，并从上方落下。

在文字本身动态化之后，为了凸显“雨”字的含义，让一滴雨水从笔触的竖线上落下，溅到地面上，手法也是利用了基本的位置属性，然后调整移动的轨迹。

完成整体动画后，添加简单的阻挡工具，并将阻挡蒙版调整得更大，就会出现如图所示的描边粘连的细节。

只需将我们的动画输出转换为 GIF 格式。

最后我们来看一下几位小伙伴制作的节气字体设计以及动态演示。

总结一下：结合字义，分析字形特点，然后设定一定的规则，制作出具有系列感的创意字体，并结合动态效果。本期教程就到此结束，大家记得多多练习哦。