思图创意-ps教程-ai教程
当前位置:首页>设计教程>八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

一、关于教程

八个案例教你字体设计有多“色”!

今天的主题是给字体加点“料”,这个料呢,主要是通过两个大的方向来呈现,第一个就是加点色彩,展现出男人的风采,第二个就是加一点小的形式,体现出咱们的聪明才智。好,点到为止,再押就显得油腻了,先来看一下今天演示的案例。

八个案例教你字体设计有多“色”!

多一句我都不和你bb,咱就是直接开始分析。

二、实操案例

八个案例教你字体设计有多“色”!#01 田野梦想家

八个案例教你字体设计有多“色”!

简单分析一下这组字的特征和处理,首先就是把笔画拆分开,然后添加上不同的颜色,其次则是笔画有粗细变化的节奏,一点小草装饰。那下面正式开始讲解操作步骤。

八个案例教你字体设计有多“色”!

这种比较灵活随意的字呢,咱们在做的时候也可以随意一点,不必非要像字库那么严谨标准,所以即使是基础不好的同学也可以尝试去画一个比较随意的结构草图。

八个案例教你字体设计有多“色”!

Ps:如果感觉实在画不好结构那就可以借鉴一些这种类似的字库,比如下方我推荐的几个。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

结合上一步的结构草图,开始搭建基础字型,给它整上一些笔画,我这里的设定主要是两种粗细,其次就是粗的笔画是直线的形式,细的笔画是曲线的形式。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

到这里我们可以给笔画加一点分割的处理,方便我们一会对笔画单独进行填充颜色,同时,给笔画的边缘适当加一些圆角,让整体变得更有趣一些。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

然后给整体添加上自己喜欢的颜色,我这里是以绿色调为主,要想生活过得去,头上必须顶点绿,再搭配一个红色,那就更招人烦了,可太棒了...白色就作为过渡颜色,缓和一下红绿之间的矛盾,再加一个黑色的描边,强化一下视觉上分分量。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

然后给整体添加一个“玻璃效果”就是AI中自带的。具体操作:选中字体 - 点击AI上方面板中的效果 - 效果画廊- 扭曲 - 玻璃。纹理选择块状,其他参数自由调节即可。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

最后再加一个排版即可,英文也是做了一样的处理。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#02 蔬菜拼盘

八个案例教你字体设计有多“色”!

这组呢,主要是一个宋体的笔画,然后添加一点小连笔,当然也是添加了一些色彩来丰富整体。

八个案例教你字体设计有多“色”!

这一步和上一组字基本一样,也还是按照那个方式去画一个骨架的草图,这里就不再重复磨叽了,当然如发 果你的基础足够好,那不画草图也是可以的,直接开干是最省时省力的。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

因为这一组属于是宋体类型的字,所以需要先设定一下宋体的基础笔画,然后再来搭建会更加统一有序,那我这里其实没有做太大的变化,横笔是处理的比较细的状态,末端加了一个小圆啾啾,竖笔是做了一个简化的处理,纯直线形态直接在两端加上圆角即可,撇那都和正常宋体没什么区别。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

结合第一步的草图,和第二步的笔画,来开始拼接基础字形,只要前面两个步骤做好了,这一步就没什么难的。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

下面还是给字体加上自己喜欢的颜色,讲道理来说,蔬菜拼盘这个主题,黄色还好一些,但其实不应该加蓝色,蓝色看着是没什么食欲的,但为什么还要加呢,这个就说来话长了,简单来说就是我并不喜欢吃蔬菜,所以想把它弄的看起来没什么食欲......

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

最后加上排版即可,这排版其实也没什么说的,就是上下左右,都整点文字和装饰就完了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#03 长草期

八个案例教你字体设计有多“色”!

这个就有意思了,但是字形的方法属于是讲了又讲,说了又说的方法,就是用英文来做汉字的方式,下面一起来看一下。

八个案例教你字体设计有多“色”!

这个英文估计大家都有使用过,比较潮流,有点酸性的字体,用来做中文,效果也是很好的。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

虽然是用英文来拼字,但是这里咱们加一步画草图,目的就是测试英文字母来代替某个笔画的可行性,这样可以避免后续的反复修和调整。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

结合草图,拆分字母开始拼字,这里面除了字母以外,还有一些特殊处理,比如一些类似叶子的造型,因为主题是“长草期”嘛,所以添加一些叶子来呼应主题。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

下面依然是给字形添加颜色,这里加了一点很微弱的渐变,浅绿渐变到深一点点的绿,同时,每个笔画的颜色也都是单独上色的,一定不要合并起来,否则效果就没了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

虽然有一点点微弱的渐变色,但整体还是略显单调,所以每个字可以再选择一些局部,来更改一下其他颜色,我这里是每个字选了一个笔画来做切割,一个笔画给到两个颜色。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

可以选择性的增加一点细节装饰,这个处理有点类似画画里面的高光处理,颜色选择淡一点,每个字加三处左右即可。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

排版这里的英文直接选择刚刚用的即可,这样特征和气质都是能搭的上的,中文再给一个倾斜效果,就搞定了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#04 全员集合

八个案例教你字体设计有多“色”!

这组字应该已经是两三岁了,记不太清,反正不是近期的产物了,但也还是比较好玩的一组

八个案例教你字体设计有多“色”!

其实无论什么样的字,大家最好都保留画草图的习惯,这样可以提高很多效率。那这组字的特征就是几何处理,所有笔画都是由几何图形来构成的,也属于是一个秩序。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

接着用一些几何元素来拼字就好了,矩形,三角形,圆形等,只要是几何类的规则图形,都是可以的,但要注意,造型要契合原有的笔画,否则识别困难。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

继续添加色彩,这里用到的全都是渐变色,大致是三组不同色彩的渐变,注意一组字当中不要添加太多颜色的渐变,否则容易太过花里胡哨了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

现在的颜色整体看着比较乱,而且识别性也不高,咱们可以调整一下渐变色的方向,同时再增加一些投影,这样就可以让笔画的视觉分量不会那么轻了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

最后就是搭配一个气质符合的英文,也做成了一样的形式处理,如果觉得背景有些单调,也可以增加一些纹理和英文的叠加。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#05 双休便利店

八个案例教你字体设计有多“色”!

这组的做法其实跟第一组有些类似,但细节略有不同,下面一起来看一下。

八个案例教你字体设计有多“色”!

这次我们就用到了前面提到的一个字库字体,佛君城建体,我们参考它来搭建基础的结构,老样子,用画笔先大致画一下。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

现在都是等粗的状态,我们来选择一些笔画,适当加粗一下,这个位置并不会很固定,比较随机,看着舒服就行。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

继续选择一些渐变色,来填充笔画,同时给整体笔画都添加一个描边,一会有用。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

然后给一些笔画边缘添加一些跟笔画等粗的圆,叠加在笔画的头尾处,类似,同时再做一些笔画描边的延长,用钢笔手动画一下就可以。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

这里也是添加了一个网格底纹,加了一点效果就行了,效果也还是AI自带的效果画廊中的。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#06 龙

八个案例教你字体设计有多“色”!

终于不是添加颜色了,这里主要是对于书法字的一个夸张处理,大家要清楚一个概念,不能把书法和字体设计混为一谈,很多类似书法字的字,在字体设计当中或许是可行的,但作为书法来讲就完全没有艺术价值,同样的,很多书法字,即使是那些书法大家书写出来的,也不一定都能符合字体设计的要求,所以,不要混为一谈,多了不说了。

八个案例教你字体设计有多“色”!

首先去书法字典中收集我们所做的字,可以多去看一些,从中选出自己喜欢的。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

选择出自己喜欢的书法字后,我们开始按照书法的原貌来勾一边,其实就是抠图,但是尽可能还原它本来的样子,特别是曲线的转折过渡,要流畅一些,否则下一步会比较难调。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

现在的字型虽然已经挺好看了,但还是单薄了些,我喜欢粗的,大的,所以这里把整体加粗一边,边角的装饰也强化出来,简单来说就是,尖角的地方更大一些,转折的地方也弄的大一点,甚至可以多加几个小的转折。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

现在够粗够大了,再给整体加一点切角切割啥的,增强一下视觉效果。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

最后搞点小英文,印章,线条装饰,围绕着字体,喜欢哪里塞哪里就可以了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#07 外滩风云

八个案例教你字体设计有多“色”!

再来一个超级简单,但很出效果的字,简单来说其实就是黑体字加了点夸张的修饰而已。

八个案例教你字体设计有多“色”!

既然是黑体,那就又可以用上我们万能的思源黑了,参考它的结构,用比较粗的笔画来搭建一下基础的字型。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

这里就关键了,给每个字单独添加一个矩形框,贴近笔画的边缘。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

然后给笔画的边缘添加一些尖角修饰,修饰的大小以外框围界限,全部贴近外框即可,其他笔画也顺势添加上比较夸张的修饰。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

最后添加上排版就可以了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!#08 漂移过弯

八个案例教你字体设计有多“色”!

最后这组呢,咱们主打一个连笔和飘逸的形式,主要用到的都是技法类型的,看着复杂,实际上一点都不容易。
哦,是一点都不复杂。

八个案例教你字体设计有多“色”!

这里首先去收集一些书法字,主要是看连笔的造型和走势,注意啊,咱们只提取和借鉴它大概的形式,而不是照着抠图。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

结合字库的结构和上一步书法字的参考,来绘制出大概的方向和思路。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

下面添加上笔画,这里的笔画特征其实并没有太多,主要就是带有很多粗细变化,几乎没有什么纯等粗的直线,掌握好粗细粗细的过渡基本就没什么问题,当然曲线要流畅一些,再结合一点点小的装饰,基本就可以了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!

字体已经够复杂了,排版简单一点就可以了。

八个案例教你字体设计有多“色”!

八个案例教你字体设计有多“色”!案例回顾

八个案例教你字体设计有多“色”!

温馨提示:

文章标题:八个案例教你字体设计有多“色”!

文章链接:https://www.4tu.cn/design/124.html

更新时间:2024年03月21日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。
ArrayArrayArray

给TA打赏
共{{data.count}}人
人已打赏
设计教程

深邃科技风立体感HUD海报

2024-3-20 22:28:53

设计教程

“仙境烟台,八仙归来”城市IP系列原创设计

2024-3-20 22:29:30

购物车
优惠劵
今日签到
搜索