大家好，我是王彬，本日我们来聊一聊笔墨图形化的海报。
众所周知，笔墨在海报中充当的是信息传达的浸染，但是当字体趋于繁芜化，艺术化，字体在一个版面的功能性就发生了变革，逐步的趋向图形，有着吸引视觉，强调画面的浸染了。
这次我也带来了 2 种字体图形化的方法，里面也有很多细节的把稳，他们分别是：
1. 叠压字体海报
2. 像素风字体海报
3. 立体化笔墨海报
废话不多说，我们开练！
首先，让我们先欣赏一下市情上比较精良的叠压字体海报。
叠压字是一种比较分外的字形，他的前身实在是 pop 字体（如下图所示）。而 pop 字体的书写办法是：先用浅色笔书写，部分笔画重叠，再以深色笔区隔并且加框，让字体产生紧凑，厚重的效果。
首先，我们剖析一下这种叠压的胖胖字体有哪些把稳点：
1、笔画一定要粗，又大又粗的那种！
然后笔画的重叠处，只要画出一条间隔线，不要画两条，也便是说笔画交叠在一起。举个例子：让我们一起来从 1 数到 3～
如果还不能理解，可以摸一下自己肚子上面的三块“腹肌”，我相信你肯定 get 到了。
2、画间隔线时，碰着有阻挡的笔画要跳过去不画，这叫“知难而退”，且间隔空间不能太小，如果间隔空间太小，等同于阻挡的笔画很细，不符合叠字“胖”的设定。同样的，我们来举个例子！
3、高下旁边有突出的笔画，只管即便让其只突出一点且饱满一些。如果突出过多，就不足饱满，没有胖胖字的觉得。
4、写口字，须要先写形状，中间的笔画用线代表缝隙即可，此外，口字需叠压在其他的字形之上。
5、碰着打钩，打点的笔画，打勾打点须要叠压在其他字形之上。
把稳点都说完了，我相信脑筋肯定已经会了，让我们实操一下，动动手，看看手会没会，话不多说，开干！
首先，我们打出已有的文案，这里我先大略做了一下笔墨层级的区分，方便阅读。
不用说大家肯定也都知道，下一步便是将主体笔墨进行图形化了。
为了方便前期勾勒字形，我们先选择一款得当的垫底字，这里选择的是方正琥珀简体，缘故原由是字形构造和这种叠压的字体都有相似之处。
适当压扁垫底字体，让全体字形构造看上更端庄些，也符合主题-有货（满满的干货）的意境，在字形的根本之上，直接用钢笔勾出描边。
随后加粗描边，让字体有粘连在一起的觉得，紧接着将笔墨拓展，再次添补颜色并给一个描边。可以看到笔画都叠压在一起了，效果并不是很好，不要慌，我们接着整～
适当的合并部分笔画（如下方左图所示），之后调度部分细节，这时便可以用到开篇讲到的几个把稳点了，比如碰着打钩，打点的笔画，打勾打点须要叠压在其他字形之上，以及写口字，中间的笔画用线代表缝隙等（如下方右图所示），目的也都只有一个，让笔画显得更厚重，更胖。
这里我以为直接描边得到的字形比较规整（如下方左图所示），短缺一些灵动。以是便适当调度笔画的曲线，使得笔画有粗细的变革（如下方右图所示），更加自然活泼（我相信眼尖的朋友一定能看出二者的差异）。
全体字形调节完成后，选择菜单栏的画笔样式，然后选择一个羊毫笔刷，修正描边颜色，并打出英文，与英文进行排版。这样主体的图形化笔墨便做好了。
主体笔墨做完后便是处理笔墨编排以及图文构图关系了。
这里笔墨组的搭配，选取的是方正兰亭黑+Helvetica 的组合，此案例中，笔墨的信息编排并不繁芜，只须要把稳信息的层级关系，突出主要的信息即可（突出主题和副标题以及分享高朋，弱化其它）。
分清笔墨的层级之后将笔墨组进一步润色成组（如将副标题“第 4 届有货沙龙分享会”的关键信息“第 4 届”提取出来，进行图形化的处理；以及加大“分享会高朋，韶光和地址”的详细内容的字号，弱化标题；这样做的目的都是为了让信息更明了。
之后将排列好的笔墨组，按信息关联度，置于版面的上中下分栏中即可。
为了让主体的笔墨更有细节，将文案信息复制多份编排嵌入主体笔墨中。随即将图形化的笔墨置入海报中，并用网格进行信息的规范。
末了在海报中添加一个纸质纹理，用于增强细节并调度其不透明度，这样一个字体叠加海报便完成了。
操练了一个胖胖体的叠加字海报，是不是有点意犹未尽？让我们再来一个方形的叠加字海报，嗯？你方了吗？
让我们先来看看终极的效果。
同样的，为了方便前期勾勒字形，我们再次选择一款粗壮的垫底字，接下来请上我们尊贵的“胡晓波愉快体”。
以“美”字举例，在字形的根本之上，直接用钢笔勾出描边。这次我们换个思路做这个字形，在笔画的末端进行上扬的处理，让字体的笔形多些变革。
这次须要把稳的是将描边的端头设置成平头端点，边角设置成斜接连接（如图一）。接下来的一步便是加粗描边，让字体有粘连在一起的觉得（如图二），然后拓展，再次添补颜色并给一个描边（如图三）。可以看到笔画都叠压在一起了，莫慌，我们接着整～
适当的合并部分笔画，这时还是用开篇的几个把稳点：把凸出的笔画进行加粗，断开中间横笔的笔画，且间隔空间不能太小，用来代表“美”中间的竖笔，这些操作的目的只有一个，便是让笔画显得更厚重！
末了调度一下曲线，让全体字体更加自然，不至于单板。
用同样的方法做出其他 3 个字体，并转换成玄色底，白描边（如左图），这时候的主体字还是比较软弱的，没有质感。接下来须要给字体添加一些细节，让主题笔墨从左图所示变成右图所示。
我们将笔墨复制到 ps 中，选择画笔工具，将画笔改成柔边画笔，硬度调到最小，笔刷大小适宜即可。
这个时候，我们须要理解一个非常大略但在本案例中非常主要的小知识点。选择柔边画笔，新建空缺图层，点击一下，之后我们将图层的叠加模式改成溶解，下面便是见证奇迹的时候，柔边的圆变成了点阵扩散的圆。
之后，我们假想一下笔画在受到光照的情形下，笔画的的暗部以及笔画与笔画交叠的部分会产生阴影，如下图所示，以是我们要做的便是勾选出阴影部分，然后新建图层，用画笔顺着边缘小心翼翼的画出阴影，再把叠加模式改成溶解。这样便能做出下图的效果。
重复操作，便得到 4 个字体的终极效果。
主体笔墨做完后便要考虑笔墨编排以及构图关系了。
先让我们综合考虑下本海报的构图关系，全体海报采取的是高下构图，大略明了，但是为了让版面更加丰富，又采纳了版面分割的手腕，同时由于文案信息较多，不易展示，又采取了拼贴式的构图，让文案信息清晰明了。
剖析完构图，我们再来看一下笔墨编排，笔墨组的搭配，选取的是台北黑体+Helvetica 的组合，同样的把稳信息的层级关系，突出主要的信息并将干系联的信息成组即可。
将笔墨组和图形笔墨分别植入海报的对应版块，海报的雏形便做好了，接下来我们再丰富一下画面并增加一些细节。
为了让细节更加丰富，我们按如下步骤，将主题笔墨进行描边处理，直至内部空间被完备填满，且字体识别性不能受影响。拓展之后再次转描边，末了置于版面的分割色块中。
为了迎合海报整体的气质，在版块的分割的边缘，进行了毛边的处理。处理方法也很大略，在添补的色块上添加蒙版，选择一个带有纹理的画笔，沿着色块边缘擦拭一下即可。
末了，给海报添加一个纹理材质，并在主题上加一个朱批（红圈），一来起到强调主题的浸染，二来，海报文艺气质瞬间拉满，有没有！
给大家先容本日的第二种字体图形化办法——像素⻛字体海报，提起像素风，大家一定不陌生，⼋九⼗年代开始的红⽩游戏机依然是我们童年的回顾，当时由于各类限定，游戏画面的分辨率很低，以是画面的长和宽像素格很少，这种现实缘故原由导致了像素风格游戏的存在。
而现在的屏幕分辨率早已是 1080p 起跑了，游戏的精度也会越来越高，越来越清晰，但是像素⻛格发展⾄今并没有被逐步替代，反而演化成了⼀种特殊的流⾏设计⻛格。
既然聊到像素海报，让我们先来欣赏一下市情上比较精良的像素风格海报。
不雅观察了这些海报后，接下来我们来剖析几种常用像素风的设计方法，如大家有更大略实用的方法，也欢迎大家留言补充。这些设计方法分别是：
1. 矩形⽹格法
2. ps 铅笔工具法
3. 彩⾊半调像素法
4. 字库改造法
方法一是在工具栏直线⼯具中找到矩形⽹格⼯具（如图一所示），选择矩形⽹格⼯具之后，双击，可弹出矩形网格工具选项（如图二所示），可对水平分割线和垂直分割线数量进行调度以掌握矩形的数量，这里根据需求合理设置即可。随即在空缺处绘制，便可得到想要的矩形网格（如图三所示）。
有了矩形网格，这时候须要用到的第二个工具——“形状天生工具”进行添补，可在网格上随意绘制想要的笔墨，值得一提的是，绘制时可用字库作为垫底，以免构造跑偏。
末了通过菜单栏-工具-扩展，删除⽹格即可。
方法二，来到 ps 中，新建一个画布，用缩放工具将画面放大到最大（不能在放大为止），视图中会涌现如图所示的像素格，如默认面不显示，可在视图-显示-像素网格中，将像素网格勾选，便可显示。
之后便可选择铅笔工具，轻松在像素格上进行字体的绘制。须要把稳的是，ps 中绘制的字体是位图，并非矢量，可截图（清晰大图）至 ai 中，进行图形描摹转成矢量即可。
此方法险些是一个操作让⼤家快速体验到制作像素字体的快乐。直接选用一款字库字体（把稳：需将字体改成玄色），选择效果——像素化——彩色半调。默认参数确定即可。
给字库字体彩色半调效果后，创造字体并未发生变革，需选中字体进行缩小，字体会逐步地像素化，缩小到一定程度，字体将不能被识别（如下过程图所示）。
须要把稳的是，实行彩色半调效果后的字体，和 ps 铅笔工具法一样，依然是位图，需截取大图，并进行图像描摹，方可矢量化。
此方法是直接选用具有像素感的字库字体，在字库字体的根本之上进行主不雅观的调度，使其识别性更强或者更有特点。这里给大家先容 3 款蛮好用的像素体：K8x12 像素体，方正根本像素以及锐字太空奇遇像素，个中 K8x12 像素体是商用免费的，大家可放心利用。
在像素字库的根本上，我们还可以进一步处理，让它更具有设计感，以下我供应了 2 种设计手腕，他们分别是“圆角处理”和“错位切割”。
方法讲完了，让我们来实操一下吧！
废话不多说，案例走起，由于最近疫情再次爆发，我们来做一张主题为“绿码通畅”的海报，在此也倡导大家积极做好防疫检讨，重视生命康健。
而“绿码通畅”的主题与像素字体的风格恰好也高度匹配，先让我们看看终极的海报吧。
由于是盲勾的字体，需将像素字体的大小和笔画做进一步的规范，可用红框统一其大小，并找回一些笔画的识别性，使其更加规整易读。
主体笔墨做完后便是处理笔墨编排了。
这里笔墨组的搭配，选取的是方正根本像素+锐字太空奇遇像素的组合，此案例中的笔墨层级只有2层，属于范例的双层级海报。
笔墨层级分好之后，我们再来剖析一下构图，这次案例采取的是包围构造，图形化的笔墨置于版面中心，而其他信息分布于四周。个中，主题字“绿码通畅”适当进行了“错位切割”的处理。
之后，我们给全体海报进行配色，给绿码通畅一个闪亮的绿色，呼应主题。再在版面中加入像素化的“出行箭头”和“笑脸”，意为“康健出行，开愉快心”。（嗯~我可真能诹 ~）
末了，给海报添加背景网格和薄膜效果，大功告成！
不知不觉，就先容到了第三种也是本期末了一种字体图形化海报——立体化笔墨海报，说到立体化的笔墨，大家肯定都不陌生。它打破了二维的界线，与版面中笔墨形成立体比拟，从而达到吸引视觉，聚焦画面的浸染。
我将立体化笔墨技法分成了3个类型。他们分别是：
① 3d 化笔墨；
② 笔墨置入立体化图形 ；
③ 稠浊工具法。
这种笔墨立体化紧张是利用AI工具中的“3D”-“凸出和斜角”实现的，高效大略，很快就能出效果！
步骤如下：
一个 3D 化笔墨就做完啦。方法便是这么大略，我们只需重复操作，润色一些细节，加上排版颜色等，上面的参考海报便能得到。
可以看到这种立体笔墨是建立在立体图形之上的，先有一个根本的立体图形，然后将笔墨通过变形，斜切，路径笔墨等手腕，将其寄托在立体图形之上。
将笔墨立体化的技法，除了变形，斜切，路径笔墨等常规操作外，还有一个随意马虎且出效果的办法：3d 贴图。
通过这种办法，可以快速得到一个立体图形，并将笔墨置入立体图形中。
这种笔墨立体化紧张是利用 AI 工具中的“稠浊工具”实现的，也是极其高效，很快就能出效果！
步骤如下：
此外，还可以利用”更换稠浊轴“的方法，制作立体化的笔墨，这里篇幅有限，暂先不做发散。
至此，立体化笔墨海报的 3 个方法论便讲解完了，大家可以穿插组合利用，并进行发散。下面我们来实操一个案例，走起！
先让我们来看看终极的成品海报吧。
首先，我们前辈行主体字“顶楼”图形化处理。用造字工房劲黑打出“顶楼”二字并进行调度，吊证的紧张思路是：将字的负空间只管即便统一，且笔画尽可能横平竖直。
对笔墨实行“3D”-“凸出和斜角”的操作，3d 的方法上面已经讲过了，这里不再赘述。直接调度到如右图所示。
拓展之后，将凸出的厚度选中，添补白色，并添加描边（如左图所示），可以看到很多线条已经重合，细节比较繁芜，我们只需保留关键迁移转变处的棱角，多余的线条直接去除，如右图所示，全体字体保持干净整洁。
接下来便是制作侧面的波点添补图案。先画个圆形，添补深灰色，将其拖进“色板”。
用路径查找器，截取侧面凸出部分（如下图标红位置），选中侧面凸出部分，点击刚刚拖入色板的圆形图案，波点图案便置入字体中了。但是波点过大，须要进一步调节。
双击色板中的波点图案，便会进入图案的调度界面，直接调节中间蓝色框的圆形大小，“宽度”和“高度”可调度圆点之间的间距，双击即可退出：
终极调度效果如下。
主体笔墨做完后便是处理笔墨编排了。
这里笔墨组的搭配，选取的是台北黑体+Gilroy 的组合，区分一下信息的层级关系，突出主要的信息。
笔墨层级分好之后，对笔墨进行一些细节性的编排并成组（如下方绿色方块）。之后我们再来剖析一下构图，这次案例采取的是半包围构造，图形化的笔墨置于版面右上方，而其他信息分布于左方和下方。
将图形笔墨置入海报的对应版块，并给一个黄黑的经典配色，海报的雏形便做好了。
末了一步，便是添加拼贴撕纸的效果，一来丰富了画面的细节，比拟突出。二来撕纸效果也迎合了韩剧“顶楼”的主题，恰如撕开了人性丑恶的一壁。
撕纸效果有 2 种实现办法，第一种是低廉甜头撕纸，由于前面已经出过这样的教程了。这里不再赘述，大家移步翻阅，第二种便是直策应用素材。（别问，样机都给你准备好了。）
https://pan.baidu.com/s/1M6PHv9aOIBBL3ldM3es-FQ 提取码: g1ij
添加撕纸效果后，我们用蒙版擦去“被撕掉”的部分（如左图所示），再将平面的海报复制一份，去色后，置于下方，添加投影，这样便又有了一层黑白与彩色的比拟，增强了撕纸的效果。
末了添加皱褶的纹理，这张笔墨海报便完成啦！
由于篇幅有限，教程到这就要结束了，实在笔墨图形化的办法还有很多种，比如笔画拆分，几何构成，字体轮廓化等等，详细的操作办法我们下次再展开来说。
末了让我们看一下案例的凑集。
相聚的时候总是很短暂，我们下次见！
本文转自微信"大众年夜众号：胡晓波事情室，图片来源网络，版权归原所有者所有，本文仅供分享互换，如有侵权，请联系我删除，感激！