运营标题字体设计干货教程

阅读 94  ·  发布时间 2020-04-13 11:33:53  ·  ycm

今天继续给大家输出干货教程!就是下面这种看起来非常有bigger的字体效果,技巧同样简单,只需要用到AI中的钢笔和矩形工具,从想法到设计完成不要半个小时,不学就太亏了!!

1.jpg

话不多说,直接上教程!这款字体设计步骤其实和以前分享的手写风格字体大致相同(详见文章:《手写风格字体的设计技巧》),都是建立参考字体→简单排版→画笔/钢笔工具构造基础字形→特殊效果处理→加入背景排版→完美出炉!

接下来我们具体演示一下。

一,基础字形设计

1.首先还是建立参考字体,把所有的文案信息都放到你的画板上。

2.jpg

2.进行简单的排版。尽量让文字排版紧凑、看起来饱满一些。将文字不透明度调为10%。

3.png

3.使用钢笔和矩形工具绘制基础字体。选择钢笔工具,按照文字字形和大小将笔触粗细调节到合适的宽度,然后开始绘制。

“今”字上下都非常尖,会给人视觉不饱满的感觉,所以我们可以用到隶书、篆书这样的手法,将字体的顶部先做一个头,再拉一个有弧度的线出来。

4.gif

笔画的描边改成端点。

5.jpg

小技巧:这步在操作过程中可能会出现缺角的情况。这时只需拖拽一下或减掉一个点就ok了。

6.gif

调节到满意的笔画形状后,再将上面的笔画复制一个出来,左右翻转,和之前的形状连接,“今”字的上半部分就做完了。

7.gif

接着我们开始处理下半部分的“7”,这里有两点需要注意一下,下笔画的弧度处理和拐角处的平角处理。

8.jpg

弧度很好解决,只要点击合适的位置后按shift调节手柄即可。

9.gif


平角处理需要特别注意,因为“7”形拐角处太尖了,直接画下去会显得很突兀。

所以解决方法是:在拐点处下方再添加一个端点,然后再拖拽的话就会有一个缓冲的平角出现。

10.gif

这样处理完就会显得和谐许多了。

11.jpg

接下来我们开始做其他文字。

“晚”字的“日”字旁可以直接利用矩形工具绘制;考虑到视觉感受,“免”的上半部分可以和“今”字末端共用笔画,最下方的撇捺弯曲90°,使末端与横笔平行。


12.jpg

“上”字的位置稍作调整,笔画作弯曲处理,和“晚”字产生视觉上的联系。

13.jpg

“课”字横竖笔画间距相等,“丿”画平行且拉长,“乀”画做拐角处理。

14.jpg

主文字信息做完后,我们根据自己的想法添加一些辅助文字和排版元素,最后再根据视觉效果稍作调整。

15.png

接着转曲对象 选择所有图层→对象→扩展外观→完成!

16.png

二,渐变立体字效设计

到这一步我们的基础字形就做完了,是不是非常简单呢?如果还想要做下面这样的渐变立体字效的话,就需要用到万能PS了。

17.jpg

1.首先将字体导入PS背景中,再将字体颜色和我们的背景色匹配,比如我们的背景色是黑色,那么文字颜色就可以变成白色。

18.jpg

2.用钢笔工具绘制我们字体的特点。

先在画板中新建一个图层,创建蒙版将新图层嵌到文字图层上方。

19.jpg

再先将钢笔工具的【形状】改为【路径】模式

20.png

用钢笔工具按照字形笔画的走向,做出一个立体的效果出来。比如“今”字,我们就可以选择字体上半部分,先用钢笔工具点击一个点,然后创建一个弯曲的路径。

21.gif

最后选择【画笔工具】,选择一个你喜欢的笔刷,将颜色改为和背景色相同的颜色,有层次涂抹上去,以营造一种渐变效果。

22.gif

这种立体风格的字效要比我们直接加厚度有质感得多,而且还很实用,无论是有棱角的字体还是衬线字体都有非常完美的效果。

4.修饰处理

最后将剩下的文字都按照这种方式做出来,加入其它文字或背景元素,一款有质感的渐变立体效果字体就完成了!

23.jpg


















电话咨询
邮件咨询
在线地图
QQ客服