官宣！优设全新发布【AIGC领航者俱乐部】，先睹为快！ 详情戳>>>

教程作者：刘兵克工作室-周登恒 邱远飞

授权转载自公众号：字体帮

交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业

“花体字”，在我们常用的字体设计方法中，算是一种比较有难度、容易让人摔鼠标，也容易让人掉头发的那种……

今天，我们迎难而上，挑战这让人头疼的花体字！拿出6个案例的设计过程，一起来认识花体、学废花体！

先看最终效果

第一步：

先搭建字体结构，字体可以设计的有大小对比，这里我选择首尾两个字大，中间两字小的姿势：

第二步：

调整字体笔画的部分细节，图中标红色的笔画存在细节问题，需进一步调整。

额~~~~~~~

可能上一张图的细节变化，让大家看的一脸懵逼……

为了方便大家观察，我挑选“梦”字当中“夕”字，放大看一下：

第三步：

字体看上去还是比较普通，这里我们给红色区域的笔画设计成连笔，让普通的字形上多了一些变化，妩媚的感觉，来了！

变化确实有点小，不着急，接着造！

第四步：

上一步，尝试了字体内部之间的连笔，接下来，我们错位排版，让字与字之间，也勾搭起来！

经过前两步的连笔，感觉字形还是不够风骚不够飘逸，花体字的感觉还是差点，还得继续努力……

第五步：

给笔画的端点处，加入更纤细的曲线元素，让花体字的粗细变化特征更加明显，让花体字，更花！

可能有人会问，花体字当中的曲线很难调到流畅，怎样才能像上图中一样纵享丝滑呢，做字前是否要吃一块德芙巧克力？其实，大可不必。 接下来，给大家展示曲线布点的大致规则。

上面是笔画的造型，下面是该笔画布点的位置，只要掌握了布点的位置和手柄的方向，就能轻松调整好曲线：

曲线布点手柄的方向一般是水平或垂直，上图两例，除了头部和尾部布点手柄方向不是垂直或水平之外，其余的地方都是，这样的布点，是规则布点，很方便于后期调节。

第六步：

将字体当中的竖笔画替换一种样式，使字体再多一些细节，让整组字体更精致：

第七步：

最后，将做好的字体做一个倾斜效果，灵动的感觉就更突出了，搞定！

排个版，再看一眼最终效果图：

先看效果图，这是一例比较可爱，有点呆萌的花体字：

第一步：

根据命题的主题和调性，先做出常见的笔画造型：

第二步：

用做出来的笔画搭建出基本的字体结构，这里先不考虑那么多细节。

第三步：

对笔画中不流畅的部位进行调整优化，使笔画弧度流畅自然。

这一步，是经常需要做的，必须让字体的皮肤光滑起来！只有这样，抚摸起来才更有手感。

第四步：

因为是“萌宠”俩字，笔画稍粗一些，可以显得胖一点可爱一点，所以这里将字体当中的笔画进行了适当的加粗处理：

第五步：

“萌”字，还不够萌，这里将“草字头”断开，同时，下面的笔画，也就是“日”和“月”，进行了连笔设计，使字体变得更加活泼有趣。

第六步：

“宠”字标注红色的位置，负空间有些大，这里调整了笔画的造型，将花体的笔画特点融入其中，同时，也填补该区域偏空的位置，让字体更趋于饱满。

下面，将调整前和调整后的字体放一起对比一下：

还是不够！

调整后的笔画，长了好多尖角，张牙舞爪的感觉，有点生猛有点吓人。下面，对笔画细节再进行调整。

第七步：

利用AI当中的“圆角工具”，将笔画中所有的尖角改成圆角，使笔画柔和起来。

改圆角后，才够萌嘛！

第八步：

在AI里用“路径偏移”工具或描边工具，给文字做一个底，最后，改一下配色，就设计好啦！

看看最终效果图吧：

还是先看最终效果图

第一步：

参考宋体字笔画，搭建字体结构，字体可以设计的有大有小，笔画多的字可以设计的大一些，笔画少的字可以设计的小一些。

这个道理，真是一句废话……

第二步：

将“如”字和“夏”字的笔画做延长处理，让原本普通的字形上多了一些设计感。

延长撇捺和横线，是很好用的小套路。

第三步：

这里对“生”字和“花”字分别挑选一处笔画，融入曲线的花体元素，形成首尾呼应，使原本宋体字的风格，瞬间变花！

第四步：

上一步融入了花体元素，但是还不够过瘾，我们继续添加一些！

第五步：

由于整组字下面偏空，我们利用花体的波浪线线条，填补在下面的位置，并且对“生”字和“花”字的花体笔画添加一丝丝的外修饰，使字体再增加一些细节。

第六步：

整组字设计好后，给它来个倾斜效果，一组宋体风格的花体字就设计好了！

老习惯，看看排版后的最终效果图：

先看最终效果

第一步：

先在AI中做出基本的字形，参照“横细竖粗”的特征进行设计，使字体的笔画粗细对比强烈一些，这样也会显得简洁时尚。

第二步：

开始为字体添加修饰，红色圆圈部分，添加一个小尖角，红色“横笔”的起笔和收笔部分，也适当添加一点修饰，让字体的端点处多一些装饰。

第三步：

继续加强字体的细节处理，“时”字的“日”字旁上方，添加圆角，“尚”字也添加一样的圆角，可以让字体更加灵活些，就没有之前那么僵硬了。

“时”字的“日”字旁下方，参照手写字的特征处理，“尚”字中的“口”同理，这样的笔画设置，会看起来更轻巧。

将4个字进行上下的错位排列，让字体多一些节奏感。

第四步：

为字体添加“花体”当中常用的“曲线”笔画，“时”字当中的“寸”，做一个连笔的曲线，“尚”字的上面两笔，也做一个连笔曲线，下方的“竖”笔画，也添加出一个曲线。

“主”字以横竖线为主，可以保持不变。

“义”字的其中两笔“撇”和“点”，做成一个连笔的曲线，最后“捺”也添加一个曲线，调整过后，花体的效果就非常明显了。

一系列操作下来，我宝贵的右手，有了一点点酸爽……

不过已经差不多完成了，接下来给字体整体做个倾斜。

“义”字的最后一笔，适当延长一些，会更飘逸，同时，也填补了“主”字下面的空间，整组字更加丰满和协调。

最后，给字体添加一些装饰，排版一下，搞定！

先看最终效果

第一步

在AI中，使用“钢笔工具”勾出字形结构，可有大有小，突显个性和创意。

对字体进行加粗处理。

接着为字体添加“圆头端点”和“圆角连接”效果，使字体更圆润一些。

第二步：

到这一步，字体还是比较普通，需要继续加强字体的设计感，我们给字体直角改为圆角，当然，并不是所有的直角结构都要改为圆角，要根据情况，适当更改，而且在位置的选择上，要前后呼应。

第三步：

此时，字体还是中规中矩，我们再对其进行适当调整，将四个字当中一笔“撇”的笔画，由原来的圆角效果，调整成自然的弧线，这样改变之后，笔画会更舒展了。

“爱”字的字面过大，影响美观，可以将其调窄些，让它与其它三个字在视觉上看更加均衡舒适。

“爱”字当中的三个点，其中一个，用“心形”的图形替换，下面的“又”，调整成手写字的连笔感觉，“为”字左上角的那一点，直接用圆点替代。

第四步：

调整好后，开始为字体添加螺旋线笔画，“为”字和“爱”字其中的“撇”，以及“分”字的“捺”，都进行改造。花体字的氛围，更强烈了有没有！

然后，进行简单的排版。

给字体做一个立体效果，添加一些装饰，排版一下，完工！

还是先看最终效果

第一步：

在AI当中使用“矩形工具”，拼接出基本的字形。

第二步：

此时，字体看上去是比较生硬，我们可以为字体各部分笔画添加适当的圆角效果，让字体看上去柔和一些。

第三步：

为字体添加花体“曲线”，请注意看红色部分的笔画改造。

第四步:

将字体进行上下错位的排列，让字体更有朝气，将3个字的其中一处曲线笔画进行延长处理，使字体增添一些张力。

第五步：

继续加强字体的设计感，“青”字最后两笔，做成连笔，“春”字下方的“日”，做成字内连笔，继续增强字体的创意和个性。

最后，还是给字体添加简单装饰和排版，这样才能出效果！

最后，六个案例排排队，来个总结吧！

6种花体字的设计方式，每一种，“花”的程度其实是不一样的。还是那句老话，合适的就是最好的。

当我们在设计字体时，只需根据字体的主题和意义，对笔画进行恰当的花体设计和变形。并不是任何时候，都需要那么“花”，那么妖艳。

ok，花体字基础教程，就到这里。调整锚点和曲线，已经调到手抽筋了~ 感谢大家阅读，下次再约~

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？ 添加管理员微信：uisdc4 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…

关于教程 大家有没有注意到，字体帮的上榜作品中，有很多字体，不仅字体设计本身不错，还会有很好的字体编排，画面非常丰富和完整，给人的感觉往往也更加出彩。 比如：上图左边，是字体帮的上榜作品，右边，是字体帮的榜首作品，两组在字体设计方面是不相上下的，但是，榜首作品通过文案的添加和排版，让画面更丰富、更有空间感，更像是一个完整的作品，所以，排版做的好，明显可以给作品加分！ 排版的方式有很多种，比如：纯文字编排，文字加图形编排，文字加图片编排，文字加插画编排等，形式多样。

关于教程 机甲风的字体设计风格，这几年是比较火爆的，无论是字体帮的投稿作品，还是其他平台的字体作品，这类风格的出现频率很高，好多设计师都在做。 原因嘛，当然很简单：这类字够酷，够靓，够吸睛！ 就像你走在马路上，一个极其强壮的肌肉男（比如兵哥）从你身边走过，你肯定会多瞅一眼，然后默默感叹：这人真TM壮啊！

非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。

转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。