好了,咱们少说废话,开始今天的字体设计教程吧。今天主要是教大家8个方法来做字,一起来看一下本次教程的大体框架。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/31632104-3e93-41dd-b225-a99511b0ab4d.jpg)
那就不多废话了,下面就逐一来演示讲解一遍。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c85853da-2d64-4fdb-85c9-5417cc886aa3.jpg)
首先呢,我们可以来拆解一下这种字的特征,字如其名,很胖,胖到内部没有一点留白,且笔画比较圆润。
内部有一些笔画上的穿插,且通过一些细线来表达笔画,以此保证识别。
最后可以在保证识别的基础上,增加一些造型上的变化,甚至是融入一些特征和元素,以此来加强主题或概念。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c57fa590-cd6e-4e89-8209-926aa9e0c668.jpg)
那下一步正式进入实操部分,有序的分析可以保证我们后面的每一步都是可控的,做字最怕头脑不清晰,做到最后无法把控最终结果,也不要有太多想法,想法越多,脑子越乱,咱又不是蜂窝煤,长那么多心眼干啥。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9d74983e-547c-4b7d-b879-a56ace88e9fb.jpg)
选择一个圆体当结构参考字,随便一个都行,都差不多,尽量选择粗一点的。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4a0ae298-f683-4b8a-9d1e-11f47ee28f92.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/15fb0160-0697-42b1-af5a-e3f636a0031d.jpg)
然后用钢笔工具开始勾线,用圆头端点,圆角连接。这一步的目的就是要做到让字形内部尽量没有负空间,注意是尽量,稍微差点也没事。注意外部跟垫底字对齐,否则字形做完了都不一样大。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/53ab9017-4395-4119-8868-5ced0c42287e.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/96552aa6-1c35-466c-814c-d450010a7a49.jpg)
看着就是一坨shit,对吧...我看着也是,但没关系,我们把它复制下来,然后扩展掉,给整体的所有笔画都添加一个白色描边,这样就有一个大概的识别了,但它仍然是一坨shit,识别还是不够高,那下一步主要就是处理这个。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c45cb060-74cb-4a01-96a2-a97691bad425.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6083c651-21c3-472d-a229-cd03ca81cb84.jpg)
继续复制下来一组,这一步就是关键了,通过调整笔画的前后关系,处理笔画之间的穿插关系,以及增加一些细线来表达笔画。
调整前后关系+处理穿插关系,可以适当合并一些笔画。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f44245bb-7509-4f90-898c-9667273d975c.jpg)
在一些口字的内部添加细线,以及再多做一些笔画之间的穿插,进一步增强识别。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8a34bc9f-3a31-4e07-831e-b7fc9f5aeaba.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/330b2dc4-7789-4d43-918e-b66ca9536eeb.jpg)
识别是差不多够了,但是不好看,所以我们可以改变一些局部的造型,加点曲线或者在笔画的头尾处加点变化。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3b0cbc03-8530-4f33-8649-00ab76ec8fa6.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/1152acf0-0cd2-4499-afbe-09e976d876c2.jpg)
最后给整体换一个配色,以及可以再增添一些小的装饰,在一些边角处。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/1f6ffd6a-2bf1-41d4-9ddf-5f64c4985d7c.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/093a6924-36c9-4ffe-b289-4faf3bfee780.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c0388ee9-4c7e-40b7-8fa2-3c61a6db01bb.jpg)
这个方法呢,并不是直接用英文字母来拼字,而是要更灵活一些,适用范围也会更广,这个其实与我上面那个方法提到的一句话也有关,就是不需要那么多的想法,需要做的呢,就是抓住一个核心点,去展开尝试就可以了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e283a097-6c19-479f-89f2-3dac378f98b7.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d96eda5e-ca4c-47d0-86ae-11cb54cf5761.jpg)
像我找的这个英文字库呢,它的特征是比较复杂的,各种转折,圆润的曲线和尖角等,如果不做任何修改,也是没问题的,但是可能对头脑容易混乱的同学就不是很友好了,造型太多,细节太多,太复杂。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/409a16bf-c0ab-44e3-a9c8-72462487681b.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6f63ef4d-ed50-4e08-b6c6-e113afdcee18.jpg)
所以咱们可以提取出他的某一个特征来为我们所用,并不需要多,一般情况,一到两个都是可以的,三个也行,但越多越难把控。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c426b55d-3ded-40a7-a962-5a4edced0b14.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/fec0fd5a-931d-4de1-8998-ccdeb0057144.jpg)
我们可以在他的基础上进行二次的调整,这一步主要是看你自己想要表达的感觉,或是多尝试一些,最后选择自己满意的就可以了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ed1b3dc3-24b7-4f67-afd3-8c8052305131.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/60d30174-08eb-418a-bba3-d1d3c5ed3cee.jpg)
选择自己满意的一款特征,结合垫底字来搭建就行了,这里我们做的是黑体,所以选择一个思源黑来做就行了,我这里是拉高了一些字面。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/dd07d55f-4846-44d6-a686-d5dcb44d619e.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4f7e553b-b19a-4a0b-9922-b344e44a40f4.jpg)
可以看到,这里面除了刚才提取的特征笔画以外,其他部分基本都是和垫底字是一样的处理,没有什么改动,一些小的点替换圆形这是比较正常的处理了,不值一提。
那同理,其实这个方法可以适用各种参考,不只是英文而已,大家可以多去发散一些。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/1a66759b-92b0-49ef-bab4-f7dd89af689d.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d9cde87d-03fe-4dec-96aa-f71468f3665e.jpg)
第三个方法呢,主要是一个夸张的手法,那这里基本就是针对撇捺这种笔画来做一个夸张。
这个技巧是很常用,也比较好用的思路,往往可以带来比较强烈的视觉效果,非常适合做一些标题字,通过制作不同造型的撇捺笔画,或是不同程度的夸张,即可得到不同的效果了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3d942b05-39e1-4085-a7c9-6b645aa4eef0.jpg)
如果选择做等大的字,那不需要有这一步,直接调整字面就可以开始做了,但是咱们也可以适当调整一下字组,我这里做的就是让中间两个字缩小一点点,外部的两个字稍大,这样整体会有一个节奏感,会更灵活一些,当然也可以设定成更多不一样的形式。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/12b533cf-6713-453f-9ece-534ba07fe10a.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/22e117f4-e074-4e8c-92e1-8b24ec05b4b5.jpg)
选择自己满意的一组字组形式,用画笔开始画一些草图来尝试做夸张的部分。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3e51c7df-155a-44b7-8910-e8aadfa3729a.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bf7802ff-d5ac-468d-b3d2-f44580a73971.jpg)
这里面的横竖笔画可以做的常规一些,因为已经突出了撇捺,就无需再做多余的设计了,特征越多会越乱。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d5ccd2c9-b17a-4297-bd50-5f76e3e4565b.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/fb6616d4-6bf3-4cc7-8570-88acdd5b6ae9.jpg)
结构和笔画基本都已经设定好了,连大致的思路也通过画草图来尝试了出来,那就可以开始拼字了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a8813177-9591-49b2-a507-a6b4a037c69a.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/aa9b1004-d95e-4aae-8a77-68996ba32500.jpg)
像这一组的特征比较飘逸,所以这里结合了一下这种曲线的外框,同时加了一点跟主题相关的星星造型。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/97cacc8b-c606-45a2-ad7f-96cc3a108bef.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/180f7ddf-3b63-42df-8ffc-1805adf05da1.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9389c238-28e0-436d-8813-c75901a818bd.jpg)
这个方法比较简单,但也是属于适用范围比较广的方法,主要就是通过设定整体的笔画特征和造型来完成字形。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/464a746d-99cc-4dc8-8f94-929bbe4b51a5.jpg)
这里做的还是个黑体,笔画上的设定并没有很复杂,横笔略细一些,横笔略粗的处理,撇捺其实没有太多的复杂变化,就是一个从上到下逐渐变粗的形式,虽然比较常见,但依然是很好用的处理方式,因为整体的笔画设定的较为简单,所以给整体添加了很多的装饰来丰富。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f2993fc1-622c-4d00-91ab-a5715b603266.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/df44f077-4d80-4086-bc24-0eaa8813a0c5.jpg)
这个方法比较简单,没有那些花哨的步骤,只要笔画设定的充足,基本就可以直接做了,像这里的笔画也都是比较常见的形式,大家多去看一些参考基本就了解了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/760721e8-3b95-4a94-a125-a431924dec77.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4d72c459-a48c-41f8-8ab4-d9d7e65269d4.jpg)
由于这组字比较简单,所以咱们可以给整体添加一些效果来处理一下,不需要太复杂,AI中自带的一些变形和技法基本就足以满足我们了。
使用自由变换工具(快捷键E),透视扭曲,拖动右上角向内收缩。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a55d43a0-954e-40ea-8e44-8c71f92bd205.jpg)
再次选中字体,效果-变形-拱形
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/17e114a1-c7e1-4878-b921-700452337d02.jpg)
再次选中字体,扩展后,然后先加个文字排版,方便我们后续的制作步骤。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3d04c385-692c-4cfb-b907-e9e3ad356683.jpg)
选中整体,对象-路径-偏移路径,这一步的目的是给整体加一个符合轮廓的底色,同时替换底色的颜色。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/15dc1ef8-162f-4bbf-8128-2cf206c16208.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/12aa75ea-ae66-4461-8f16-b0239b405161.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8784dde8-3843-4641-9485-4235355637b4.jpg)
第五个方法呢,跟上一个有些类似,但侧重的知识点是不同的,这里面我们主要会用到一些通用的基础技法,什么是基础技法呢,就是可以用于各种字形当中的,属于一个通用的,基础不代表不好。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a501dad2-ef49-4cad-8dda-5fc4a16d0b94.jpg)
首先需要搭建出一个基础字形,普普通通,毫无特色的字形就可以了,设定一下笔画的粗细就好。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0f0105f4-7fcc-4b21-942a-686f8348add3.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/7fbefdf1-3cd7-45b9-a825-a3d67423223f.jpg)
连笔是非常好用也是最常用的技法之一,那连笔的形式,可以基于我们平时的手写习惯去尝试即可,然后替换进之前的基础字形里面。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6c473f39-fe7c-4d74-a40b-383ef50df711.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bdf048e1-4b4b-4798-a9ae-c3860150ed5a.jpg)
切割一般有三个作用,第一个则是作为纯装饰,没有任何其他实际作用,那第二个则是为了表达一些含义,如体现速度感,或是一些竞技,赛事,体育等类目的表达,最后一个则是为了解决字体中出现负空间不协调或是某个局部灰度过重的问题。总之,这是一个好技法,好用,爱用。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e88d16df-c290-4f59-8560-b6fe1b09c050.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bb3f4ec6-3cb7-4cc4-90a2-1f31691c4fcd.jpg)
最后呢,可以给边边角角添加一些修饰,让整体的效果更加强烈,这种修饰一般就是用来强化视觉表现的,至于表达含义这方面,也是有一定作用的,根据不同的词义去添加不同气质的装饰。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/24be54b3-659c-4e2c-90ed-4620972c826c.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/15c7bc45-6085-4eb7-95df-2f9ce7bedaec.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0123b6eb-b3e5-4ae4-b414-e14a8b3e1cfd.jpg)
老生常谈的方法,也是非常好用的,为什么好用,就因为它一点都不难用...属于是三班的小牛,它不是一般的牛啊!
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/99007f7f-3466-45a4-bc1a-6eb85126ebcf.jpg)
这里选择的是一个比较花哨的英文,前几年比较火,可能大家都有见过很多次了,属于是山羊放了个绵羊的屁,它既洋气又骚气,那先不废话了,结合咱们的字,去寻找到合适的字母或字母的局部,然后把这个造型通过草图画出来结合进垫底字尝试效果。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c8bd5ad5-f437-4806-835f-9c02707fc2aa.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/43ac691c-bb81-4991-8144-1b867331b187.jpg)
可能到这里大家觉得有点太快了是不是,没事,我是谁啊!我可是糊弄猴啊!上坟就烧报纸,主打一个糊弄鬼....!@%*&~¥
不开玩笑了,给大家用个宇宙无敌,人世罕有的狗屁彩色逐字拆解一下,咱讲究人。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/89665a36-629b-4ad1-9376-02961fb220cf.jpg)
怎么样,一顿拆解,一顿分析,有没有感觉更懵了,有的话那就再看一遍,仔细看,你会发现是非常详细的。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e16ddfe6-ac64-47f3-85a8-70d43069364e.jpg)
草图拉出来垫下边,一顿操作英文字母就完事了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b7d64cd1-2329-4d4d-ac7a-7b5422fb107f.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/badbcd50-2f92-493d-9fe0-805cbb74d215.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ffc9d400-be46-4608-8a70-6add42ac0ad7.jpg)
倒数第二个了,这次咱们来个民国字,那其实民国字并不是某一类字形,而是一个时期,所以在那个时期有非常多的优秀字体作品,咱们现在所做的美术字,基本都源自于那个时期的伟大创作,这里就选择了其中的一款而已。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/5876b9cc-0d99-49d6-a291-2d2da6ee31e9.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c1be1222-978e-4991-a7e0-bfdcf22e9d4f.jpg)
由于民国字基本都已经过了版权保护期,所以这里像这种的,咱们可以直接抠它的笔画,属于是钻了个小空子,但其他的可就不行了啊,你别油盐不进,去抠图其他的字。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b38e98da-6074-4a19-ada1-7411d4129bb5.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/69730cf7-e35f-4ecb-a07f-90320c6c0595.jpg)
这组字的笔画实际上非常简单,但是它的特点却是非常鲜明,最主要的是这里边的撇捺点是有两个粗细的,咱们在拼的时候需要把两种粗细的都给用上,只要注意整体的协调性就可以了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a06a8262-a05f-4e7a-b381-b6f5109a502f.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6687608a-a232-4469-8d38-7fbc339b3c1a.jpg)
最后呢在给整体做一点笔画上的延长,以及加一个简单的排版,再给个倾斜,基本就搞定了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6d5675f8-1d75-463e-98d3-1beeaf812696.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/855979c9-512a-4aa5-82f7-d248aac1d4d0.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f8d8503e-1332-485f-bec3-cfbe1fc3055c.jpg)
最后这个非常简单,其实这个方法也属于基础技法的一种,但是呢,这个效果也是比较强烈的形式,所以可以单独拿出来讲一讲。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3498cc38-06fa-49ac-b9c8-b9ef9be022f1.jpg)
这个不需要有什么太多的技巧,直接做就完事了,那具体做法就是把宋体的边边角角给咔咔一顿放大就行了,但是这里面有一定的简化,结合下面的案例来具体讲。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2126eaca-2c05-4312-862a-82bd63a4d1a4.jpg)
这里主要是把横笔末端的三角形,给做了一个夸张处理,并且造型更加锋利,有点类似星星的造型,那其他的位置也都是同样的处理了,并无太多难点。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/edda2020-c871-45b1-926b-b6ad4da8a5cf.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/30b8ff7d-aea9-405b-9e58-ebb42a0380e6.jpg)
字形是比较张扬的那种,所以配一个这种的花体,可以进一步增强这个气质,但要注意不能与字体叠加的太多,可以适当做一些前后关系,让咱们做的字体识别更高一些。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/854a6665-75c9-4a1c-a358-40c07af0bee5.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/ce001539-3f0c-4017-95af-caab532f004c.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/48897f5b-ac21-46f2-8d58-96e36f72e564.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4728b9e6-126c-4e1f-959b-ce4ca1660297.jpg)
八个案例,八种方法带给大家,希望对你们有所帮助。
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/zi-ti-she-ji-ba-zhong-fang-fa-jiao-ni-zi-ti-she-ji.html
评论列表(196条)
测试