当然最重要的还是通过自己设计出来的字形,当

日期:2019-09-21编辑作者:摄影

我们为什么要做字体设计?首先就是因为版权问题,做商业设计的时候,可能并没有拥有那么多版权的字体可以使用。为了不陷入不必要的版权纠纷,就需要自己来做字体的设计。

我们为什么要做字体设计?首先就是因为版权问题,做商业设计的时候,可能并没有拥有那么多版权的字体可以使用。为了不陷入不必要的版权纠纷,就需要自己来做字体的设计。

我们为什么要做字体设计?

轻松画图标!教你一分钟玩转PS路径描边

推荐: cyRotel    2014/11/24    in PS 教程 & 设计文章   

必威平台 1

@Micu设计 :Photoshop的路径工具和钢笔工具,很容易被人忽视,功能很强大,一直很低调。今天咱一块唠唠怎么用路径和钢笔,快速绘制简易线状图标,这个看了都能做噢!!!!哪怕是第一天学PS,也能做到。

有人说UI难学,摸不到门路,那就从这一课开始吧。

(心急的同学,直接翻到中下位置,教程部分即可,先练练手)

作者是个90后呦,关于他的奋斗故事与经验分享:

《这才是大学生活!90后设计师的成长记事录》
《求职季必读!聊聊设计师找工作的那些事儿》

最终线条图标:

当然最重要的还是通过自己设计出来的字形,将字体图形化,提升画面的趣味性,更好的吸引用户浏览和表达主题氛围。

当然最重要的还是通过自己设计出来的字形,将字体图形化,提升画面的趣味性,更好的吸引用户浏览和表达主题氛围。

首先就是因为版权问题,做商业设计的时候,可能并没有拥有那么多版权的字体可以使用。为了不陷入不必要的版权纠纷,就需要自己来做字体的设计。

大背景:扁平化下的极简主义

自从苹果家扁平化后,整个世界都扁了。似乎被人们扔了很久的极简主义,一夜之间又流行起来了。看了下面的,是不是很清新,很直接呀。这样的图标适用于底部的标签栏中,及其顶部的左右按钮上。也许有人会说:这也叫图标,不就是些线条嘛嘛。呵呵,可别说,现在很多人就是好这口。在这样一个信息爆炸,App满天飞的年代,高效简洁自然有市场。扁平化代表了高效,我就是我,不需要多余的思考。

必威平台 2 必威平台 3

字形的大致分类

字形的大致分类

当然最重要的还是通过自己设计出来的字形,将字体图形化,提升画面的趣味性,更好的吸引用户浏览和表达主题氛围。

一、任务

这些线性图标难做吗?让我们分析一下它们的结构。

尺寸规格:一般线条为2px,也有的加强为3px的。

风格:线条简单,图形指示意义明确。

2 px 的图标

必威平台 4 必威平台 5

3 px 的图标

必威平台 6

中文字体的字形变化千变万化,我们为了便于理解,将字体的变形方式大体分为四类,每类下面根据设计的不同又可以延伸出很多种不同的字体风格。

中文字体的字形变化千变万化,我们为了便于理解,将字体的变形方式大体分为四类,每类下面根据设计的不同又可以延伸出很多种不同的字体风格。

字形的大致分类

二、任务分析(思考和困难)

绘制不难,怎么快速绘制才是关键。

当然最重要的还是通过自己设计出来的字形,当然最重要的还是通过自己设计出来的字形。大家思考一下,这个线形图标是怎么做出来的呢?

很多同学会想用Illustrator进行绘制图形,但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整,会导致边缘线的大小变化,容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性,只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标,实在有些浪费。

如果用PS可行吗?先不要马上否定,好好想想路径工具和钢笔工具。

是用图层样式?选择工具?有人想到了样式描边的方法。貌似不行,因为未封闭的图标,用样式描边做出来却是封闭的…

那么问题来了,用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放,这样会导致在需要不同大小的图形时,因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一,调来调去太浪费青春!

好了,不拐弯抹角了,下面就给大家介绍一个构图快、一学就会、包教包会的方法。

记住三点:一是形状工具及填充,二是描边效果,三是用钢笔锚点工具删除无用路径。

采用的构图方法:减法。

其实在PS CS6出来后就已经新增加了一项描边功能。使用这个工具能使图标画出来非常的便捷,在绘制图标中主要有下面几大优势!

1. 提高了图形的描边质量,描边更为圆滑

我们在绘制图形采用图层样式做描边效果时,如果用到较大的数值,描边会产生分块曲线,边缘有锯齿感。那么我们通过矢量描边处理可得到完美的结果。我猜测这是因为,矢量描边是由原始的矢量形状图层数据而来,而图层样式的描边是由该形状的位图蒙版而来。二者采用的是完全不同的技术,这样就可以想明白了。

必威平台 7

2. 多种角度功能,在图标绘制中更为自由

使用常用的描边图层样式只可以是圆角的效果。但采用路径描边样式可以画出圆角,斜面,或者斜角。这会大大减少绘制图形的工作量。

必威平台 8 必威平台 9

3. 通过描边路径可以绘制开放式的路径图标

我们在使用图层样式描边的时候会出现以下情况,描边都是封闭的。而绘制图标时会用到间断的路径。这时候可以采用路径描边样式,是支持开放路径描边的。

必威平台 10

  1. 可爱卡通类型字体设计

1. 可爱卡通类型字体设计

中文字体的字形变化千变万化,我们为了便于理解,将字体的变形方式大体分为四类,每类下面根据设计的不同又可以延伸出很多种不同的字体风格。

三、PS绘制线式图标详细过程

绘制路径时用到的工具:

  •  钢笔工具——绘制路径。
  •  路径选择工具——调整路径大小使用。
  •  直接矛点选择工具——调整矛点位置。
  •  转角工具——调整路径圆角和角度使用

捎带脚了解几个快捷键,方便在作图中的使用。在选用钢笔工具绘制后你可以用Shift/Ctrl/Atl来回切换出需要使用的直接选择工具、锚点选择工具、倒角工具。

必威平台 11

下面就一步一步教大家画线式图标。为了让初学者看明白,我尽量写的详细些。

1,在ps中新建一块画布。(快捷键:Ctrl N)

2,用矩形路径画出两个矩形(快捷方式:画一个圆角矩形,然后按住Alt键拖动图层即可进行复制)。

必威平台 12

3,使用-路径选择工具-框选所有的路径,找到PS右上角的填充和描边,把填充隐藏,描边设置2个点像素。

必威平台 13

4,使用直接选择工具删除多余的路径锚点,从而去除多余的路径线。

必威平台 14

插播提醒:在需要删除中间一段路径的时候,需要先用钢笔工具进行添加锚点,然后用直接选择工具选中进行删除。

如下,我想删除红色区域的一段路径怎么办?

必威平台 15

我们继续!!

5,使用椭圆工具绘制太阳(绘制过程中按住shift键即可画出正圆),钢笔工具进行绘制山脉部分。

必威平台 16

6,完毕后调整路径描边的起终点的样式为圆角或直角。

必威平台 17

7,选中需要调整的角,再使用描边选项里的角点为圆角,使图形更为圆润。

必威平台 18

这样一个图标就完成了。

必威平台 19

用路径描边还能区分图标的立体感。不同粗细描边的形状结合使图标更为丰富化。

必威平台 20

字体特点:圆润,笔画随意自由,有粗细变化,手写感

字体特点:圆润,笔画随意自由,有粗细变化,手写感

1. 可爱卡通类型字体设计

四、后期修饰:让线条更圆滑

路径边缘的修正会给整个图标精致的感觉,尤其是出现单独线条和折角的时候,显得尤为重要。

路径描边还可以根据你的需要进行对其模式的选择,在路径外进行描边,还是中间,还是内部描边。这在路径描边图形的绘制中会经常使用到。

必威平台 21

小结:

有时候真的是我们想多了,总想学一些复杂高级的东西,而基础的往往被忽视。

课后小作业:

找一套线性ui图标,一个一个模仿。来这里,总有一款你喜欢的:《图标素材哪里找?1000 图标资源打包免费下载!》

天气线稿图标可下载PSD,只提供学习哦。

必威平台 22

【UI设计学习三部曲】

Step 1:腾讯设计师的新人培训教程!初学者必备!
《传承设计经验!图标设计初阶的3大关键入门知识点!》

Step 2:到顶尖UI设计师集聚地吸收经验与灵感!
《设计师必读!玩转Dribbble终极指南》

Step 3:每天一练!技巧都学全!
《PS AI制作精致可爱的毛线风格图标》

投稿者:@Micu设计

 

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:。
设计微博:拥有粉丝量86万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

非特殊说明,本文版权归原作者所有,转载请注明出处 

必威平台 23

2. 文艺类型

字体特点:圆润,笔画随意自由,有粗细变化,手写感

  1. 文艺类型

字体特点:纤细,自由,手写体

2. 文艺类型

字体特点:纤细,自由,手写体

3. 锐利硬气类型

字体特点:纤细,自由,手写体

必威平台 24

字体特点:刚硬,棱角,夸张有冲击力

3. 锐利硬气类型

  1. 锐利硬气类型

4. 毛笔字类型

字体特点:刚硬,棱角,夸张有冲击力

字体特点:刚硬,棱角,夸张有冲击力

字体特点:刚硬,棱角,夸张有冲击力

4. 毛笔字类型

必威平台 25

对应四种类型的字体设计,我们也整理出四种字体设计的招数,让大家快速提升字体设计能力。(以下操作均在AI、CC中操作)

字体特点:刚硬,棱角,夸张有冲击力

  1. 毛笔字类型

第一招:画笔工具 宽度工具打造可爱类型字体

对应四种类型的字体设计,我们也整理出四种字体设计的招数,让大家快速提升字体设计能力。(以下操作均在AI、CC中操作)

字体特点:刚硬,棱角,夸张有冲击力

Step 1. 画笔工具手写字型

第一招:画笔工具 宽度工具打造可爱类型字体

必威平台 26

首先使用AI的画笔工具(B),在画布上先绘制出字体的大致形状。不用太在意现阶段的美丑,尽可能的让字体工整,一些笔画可以写的俏皮一点有一些转弯之类的

Step 1. 画笔工具手写字型

对应四种类型的字体设计,我们也整理出四种字体设计的招数,让大家快速提升字体设计能力。(以下操作均在AI、CC中操作)

Step 2. 调整路径美化线条

首先使用AI的画笔工具(B),在画布上先绘制出字体的大致形状。不用太在意现阶段的美丑,尽可能的让字体工整,一些笔画可以写的俏皮一点有一些转弯之类的。

第一招:画笔工具 宽度工具打造可爱类型字体

选中第一步骤中所有的字体,按下D键。D键的功能是将选中的物体变为默认的描边与填色(为了方便后面使用宽度工具)。

Step 2. 调整路径美化线条

Step 1. 画笔工具手写字型

通过锚点工具调整文字上的节点,调整文字外形,如果文字上锚点太多,可以通过对象>路径>简化路径,进行调整。

选中第一步骤中所有的字体,按下D键。D键的功能是将选中的物体变为默认的描边与填色(为了方便后面使用宽度工具)。

首先使用AI的画笔工具(B),在画布上先绘制出字体的大致形状。不用太在意现阶段的美丑,尽可能的让字体工整,一些笔画可以写的俏皮一点有一些转弯之类的。

Step 3. 调整线条粗细和端点

通过锚点工具调整文字上的节点,调整文字外形,如果文字上锚点太多,可以通过对象>路径>简化路径,进行调整。

必威平台 27

再将目前的描边加粗。将目前为1的描边调整到适合的粗细。使细瘦的字体看起来丰满。选择直接选择工具(A)。适当的调整字体的锚点,不使笔画都挤到一起。调整后,得到下面的字体效果。

Step 3. 调整线条粗细和端点

Step 2. 调整路径美化线条

Step 4. 宽度工具快速打造字体粗细变化

再将目前的描边加粗。将目前为1的描边调整到适合的粗细。使细瘦的字体看起来丰满。选择直接选择工具(A)。适当的调整字体的锚点,不使笔画都挤到一起。调整后,得到下面的字体效果。

选中第一步骤中所有的字体,按下D键。D键的功能是将选中的物体变为默认的描边与填色(为了方便后面使用宽度工具)。

在CC版本中,新加入了一个非常好用的功能——宽度工具。在制作这种字体的笔画过程中,可以大大的简化操作。使用这个宽度工具后,拖动线段的某一个部分,会使线段均匀的加粗或者变细。

Step 4. 宽度工具快速打造字体粗细变化

必威平台 28

利用宽度工具迅速改变笔画粗细变化,让字形更加可爱。

在CC版本中,新加入了一个非常好用的功能——宽度工具。在制作这种字体的笔画过程中,可以大大的简化操作。使用这个宽度工具后,拖动线段的某一个部分,会使线段均匀的加粗或者变细。

通过锚点工具调整文字上的节点,调整文字外形,如果文字上锚点太多,可以通过对象>路径>简化路径,进行调整。

Step 5. 细节微调

利用宽度工具迅速改变笔画粗细变化,让字形更加可爱。

Step 3. 调整线条粗细和端点

得到以上效果后,我们全选字体。然后在“对象”的工作栏中找到“扩展外观”的选项,对整个字体进行转曲。

Step 5. 细节微调

再将目前的描边加粗。将目前为1的描边调整到适合的粗细。使细瘦的字体看起来丰满。选择直接选择工具(A)。适当的调整字体的锚点,不使笔画都挤到一起。调整后,得到下面的字体效果。

使用直接选择工具(A)进行锚点进行微调。

得到以上效果后,我们全选字体。然后在“对象”的工作栏中找到“扩展外观”的选项,对整个字体进行转曲。

必威平台 29

最终效果:

使用直接选择工具(A)进行锚点进行微调。

Step 4. 宽度工具快速打造字体粗细变化

第二招:描边工具制作文艺文字

最终效果:

在CC版本中,新加入了一个非常好用的功能——宽度工具。在制作这种字体的笔画过程中,可以大大的简化操作。使用这个宽度工具后,拖动线段的某一个部分,会使线段均匀的加粗或者变细。

Step 1. 选择字体框架,利用钢笔工具勾出字体轮廓

第二招:描边工具制作文艺文字

必威平台 30

首先我们新建一个模板,选择一个最常见的字体——宋体。

Step 1. 选择字体框架,利用钢笔工具勾出字体轮廓

利用宽度工具迅速改变笔画粗细变化,让字形更加可爱。

将文字拉长。这样文字有一种高挑修长美女的既视感。同样可以根据实际需求中要制作的字体情况保持原状或者挤扁字体,或者选择其他纤细的字体作为模板,都是可以自行调整的。不要拘于某一种字形,觉得好看,合适就好。

首先我们新建一个模板,选择一个最常见的字体——宋体。

必威平台 31

用AI里的钢笔工具(P)。调整适当的描边粗细,保证线条纤细精致。

将文字拉长。这样文字有一种高挑修长美女的既视感。同样可以根据实际需求中要制作的字体情况保持原状或者挤扁字体,或者选择其他纤细的字体作为模板,都是可以自行调整的。不要拘于某一种字形,觉得好看,合适就好。

Step 5. 细节微调

必威平台 32

用AI里的钢笔工具(P)。调整适当的描边粗细,保证线条纤细精致。

得到以上效果后,我们全选字体。然后在对象的工作栏中找到扩展外观的选项,对整个字体进行转曲。

将宋体的字形衬在底部,描出4个字的大体框架。

将宋体的字形衬在底部,描出4个字的大体框架。

使用直接选择工具(A)进行锚点进行微调。

Step 2. 圆角工具处理笔画拐角

Step 2. 圆角工具处理笔画拐角

最终效果:

在AI CC版本中,加入了一个很好用的倒角工具。选择一个尖锐的形状。会在折角处看到有可以用来倒角的小圆圈。图示为2个边的折角和一个正方形。鼠标放到折角的小圆圈处进行拖动,就可以直接对2条边进行倒角。方形的形状更是方便,4个角可以一同进行变化。

在AI CC版本中,加入了一个很好用的倒角工具。选择一个尖锐的形状。会在折角处看到有可以用来倒角的小圆圈。图示为2个边的折角和一个正方形。鼠标放到折角的小圆圈处进行拖动,就可以直接对2条边进行倒角。方形的形状更是方便,4个角可以一同进行变化。

必威平台 33

鼠标放到折角的小圆圈处进行拖动,就可以直接对2条边进行倒角。

鼠标放到折角的小圆圈处进行拖动,就可以直接对2条边进行倒角。

第二招:描边工具制作文艺文字

用这个小技巧来将折角处的接口变的圆滑,会使折角处圆滑的更加自然,处理过程的更加便捷。

用这个小技巧来将折角处的接口变的圆滑,会使折角处圆滑的更加自然,处理过程的更加便捷。

Step 1. 选择字体框架,利用钢笔工具勾出字体轮廓

Step 3. 改变笔画进行细化设计

Step 3. 改变笔画进行细化设计

首先我们新建一个模板,选择一个最常见的字体——宋体。

可以根据自身的感觉与创意在线的交汇处等细节区域,做一些个性化的处理,比如将两段线条连接起来,或者端点处加一些圆圈的小装饰等。”

可以根据自身的感觉与创意在线的交汇处等细节区域,做一些个性化的处理,比如将两段线条连接起来,或者端点处加一些圆圈的小装饰等。”

将文字拉长。这样文字有一种高挑修长美女的既视感。同样可以根据实际需求中要制作的字体情况保持原状或者挤扁字体,或者选择其他纤细的字体作为模板,都是可以自行调整的。不要拘于某一种字形,觉得好看,合适就好。

可以根据设计环境的要求,对字体进行加粗,呈现的会是另外一种感觉。

可以根据设计环境的要求,对字体进行加粗,呈现的会是另外一种感觉。

必威平台 34

PS:也可以依照这种方法 改变线条的断点,做一些线条比较板正的字体的效果。

PS:也可以依照这种方法 改变线条的断点,做一些线条比较板正的字体的效果。

用AI里的钢笔工具(P)。调整适当的描边粗细,保证线条纤细精致。

第三招:矩形造字法

第三招:矩形造字法

必威平台 35

通过AI工具的矩形工具利用矩形形状去创造出结构相对硬朗的字体设计方向

通过AI工具的矩形工具利用矩形形状去创造出结构相对硬朗的字体设计方向

将宋体的字形衬在底部,描出4个字的大体框架。

Step 1. 利用矩形搭建字体骨架

Step 1. 利用矩形搭建字体骨架

Step 2. 圆角工具处理笔画拐角

这里以“勇往直前”这几个字为例。

这里以“勇往直前”这几个字为例。

在AI CC版本中,加入了一个很好用的倒角工具。选择一个尖锐的形状。会在折角处看到有可以用来倒角的小圆圈。图示为2个边的折角和一个正方形。鼠标放到折角的小圆圈处进行拖动,就可以直接对2条边进行倒角。方形的形状更是方便,4个角可以一同进行变化。

先选用一种合适的字体作为“骨架”。我这里就选一种最为平凡的微软雅黑作为实例。使用字体工具,将这4个字打出来。(可以选择更多个性的字体作为结构参考,这里使用微软雅黑也是因为它的普遍性,请举一反三)

先选用一种合适的字体作为“骨架”。我这里就选一种最为平凡的微软雅黑作为实例。使用字体工具,将这4个字打出来。(可以选择更多个性的字体作为结构参考,这里使用微软雅黑也是因为它的普遍性,请举一反三)

必威平台 36

然后我们根据字体的笔画疏密程度,以及想要的字形感觉,先确定一下笔画的基本粗细。笔画“竖”一般会比“横”稍微粗一些。拎出来2个基本笔画“横”“竖”作为拼接该字体的积木,将即将做的这4个字用这2个基本笔画拼接起来。为了能看清楚下面的基础字型,绘制矩形的时候,可以适当的调整透明度。

然后我们根据字体的笔画疏密程度,以及想要的字形感觉,先确定一下笔画的基本粗细。笔画“竖”一般会比“横”稍微粗一些。拎出来2个基本笔画“横”“竖”作为拼接该字体的积木,将即将做的这4个字用这2个基本笔画拼接起来。为了能看清楚下面的基础字型,绘制矩形的时候,可以适当的调整透明度。

鼠标放到折角的小圆圈处进行拖动,就可以直接对2条边进行倒角。

如果遇到“点”或者“提”等斜着的笔画。我们可以使用AI里的直接选择工具(A),选择某一个边进行随意的调节。也可以使用变形工具(E)进行变形。

如果遇到“点”或者“提”等斜着的笔画。我们可以使用AI里的直接选择工具(A),选择某一个边进行随意的调节。也可以使用变形工具(E)进行变形。

必威平台 37

在制作的过程中,请勿完全根据2个基本笔画的粗细一成不变的进行拼凑。还需要进行一定的字体处理。如果一成不变只会让字体比较呆板。而且在拥挤的结构中2个很粗的笔画保持粗细不变的话,也会挤到一起。

在制作的过程中,请勿完全根据2个基本笔画的粗细一成不变的进行拼凑。还需要进行一定的字体处理。如果一成不变只会让字体比较呆板。而且在拥挤的结构中2个很粗的笔画保持粗细不变的话,也会挤到一起。

用这个小技巧来将折角处的接口变的圆滑,会使折角处圆滑的更加自然,处理过程的更加便捷。

Step 2. 调整形状 规范字体大小外形

Step 2. 调整形状 规范字体大小外形

必威平台 38

这样的初稿有了字体大致的形状。但是上下的结构还不是很整齐。整个字体由于还是初步的制作,看起来有一些死板。

这样的初稿有了字体大致的形状。但是上下的结构还不是很整齐。整个字体由于还是初步的制作,看起来有一些死板。

Step 3. 改变笔画进行细化设计

现在我们把形状的透明度调整为100%,上下加上2条辅助线。我们调整字体的字形,可以让上下的轮廓更加的整齐,水平。也再次调整线条的粗细以及内部结构。让字体整体更加的协调。

现在我们把形状的透明度调整为100%,上下加上2条辅助线。我们调整字体的字形,可以让上下的轮廓更加的整齐,水平。也再次调整线条的粗细以及内部结构。让字体整体更加的协调。

可以根据自身的感觉与创意在线的交汇处等细节区域,做一些个性化的处理,比如将两段线条连接起来,或者端点处加一些圆圈的小装饰等。

Step 3. 改变字体角, 增加锚点丰富笔画结构细节

Step 3. 改变字体角, 增加锚点丰富笔画结构细节

必威平台 39

必威平台,得到了这样的一个字形后,为了让字体更加有速度感和力度感。我们使用(E)变形工具,可以让字体稍微的倾斜。

得到了这样的一个字形后,为了让字体更加有速度感和力度感。我们使用(E)变形工具,可以让字体稍微的倾斜。

可以根据设计环境的要求,对字体进行加粗,呈现的会是另外一种感觉。

并继续在笔画上加一些细节。这里有了基本的字形,设计师可以根据自己的想法来调整笔画字形。只要好合适协调即可。

并继续在笔画上加一些细节。这里有了基本的字形,设计师可以根据自己的想法来调整笔画字形。只要好合适协调即可。

必威平台 40

使用钢笔工具在矩形上增加锚点,从而能够在字形上进行更多细节和结构的处理。

使用钢笔工具在矩形上增加锚点,从而能够在字形上进行更多细节和结构的处理。

PS:也可以依照这种方法 改变线条的断点,做一些线条比较板正的字体的效果。

比如我们把笔画的端点处加上突出的小斜尖。以及将笔画做一些“破”的处理,使字体内部间更加的呼吸通畅。这样字体的速度感和力度就更强烈了。

比如我们把笔画的端点处加上突出的小斜尖。以及将笔画做一些“破”的处理,使字体内部间更加的呼吸通畅。这样字体的速度感和力度就更强烈了。

必威平台 41

Step 4. 变化元素细节提升设计感

Step 4. 变化元素细节提升设计感

第三招:矩形造字法

观察字体间的结构,我们可以再做一些有趣的设计,比如把有的笔画做成闪电等结构。这样一个字体就大致做好了。

观察字体间的结构,我们可以再做一些有趣的设计,比如把有的笔画做成闪电等结构。这样一个字体就大致做好了。

通过AI工具的矩形工具利用矩形形状去创造出结构相对硬朗的字体设计方向

第四招:毛笔字笔触改字法

第四招:毛笔字笔触改字法

Step 1. 利用矩形搭建字体骨架

书法字体的设计较多运用于中国风的设计或者一些游戏页面中。制作书法字体最快速的方法就是将现有的书法字体进行改造。为了避免版权问题,而且为了使书法字体更加的气势磅礴,我们采用以下的方法来制作。

书法字体的设计较多运用于中国风的设计或者一些游戏页面中。制作书法字体最快速的方法就是将现有的书法字体进行改造。为了避免版权问题,而且为了使书法字体更加的气势磅礴,我们采用以下的方法来制作。

这里以勇往直前这几个字为例。

Step 1. 毛笔字生成器生成毛笔字,进行简单排版

Step 1. 毛笔字生成器生成毛笔字,进行简单排版

先选用一种合适的字体作为骨架。我这里就选一种最为平凡的微软雅黑作为实例。使用字体工具,将这4个字打出来。(可以选择更多个性的字体作为结构参考,这里使用微软雅黑也是因为它的普遍性,请举一反三)

现在有很多在线生成的书法字体,通过搜索引擎,搜索“在线书法生成”,能找到很多生成书法字体的网站。在网站上找到自己合适的字体。这里选择“五彩缤纷”作为实例,我们在网站上在线生成好,下载字体的矢量文件,并且进行简单的排版。

现在有很多在线生成的书法字体,通过搜索引擎,搜索“在线书法生成”,能找到很多生成书法字体的网站。在网站上找到自己合适的字体。这里选择“五彩缤纷”作为实例,我们在网站上在线生成好,下载字体的矢量文件,并且进行简单的排版。

然后我们根据字体的笔画疏密程度,以及想要的字形感觉,先确定一下笔画的基本粗细。笔画竖一般会比横稍微粗一些。拎出来2个基本笔画横竖作为拼接该字体的积木,将即将做的这4个字用这2个基本笔画拼接起来。为了能看清楚下面的基础字型,绘制矩形的时候,可以适当的调整透明度。

Step2. 通过不同的毛笔字笔触素材优化毛笔字的整体感觉

Step2. 通过不同的毛笔字笔触素材优化毛笔字的整体感觉

必威平台 42

因为初始的字体,并没有做过多的艺术修饰,曲线还是比较生硬的。通过一些毛笔笔画矢量文件对上面毛笔字基础形的进行加工。

因为初始的字体,并没有做过多的艺术修饰,曲线还是比较生硬的。通过一些毛笔笔画矢量文件对上面毛笔字基础形的进行加工。

如果遇到点或者提等斜着的笔画。我们可以使用AI里的直接选择工具(A),选择某一个边进行随意的调节。也可以使用变形工具(E)进行变形。

Step3. 增加一些墨点细节

Step3. 增加一些墨点细节

在制作的过程中,请勿完全根据2个基本笔画的粗细一成不变的进行拼凑。还需要进行一定的字体处理。如果一成不变只会让字体比较呆板。而且在拥挤的结构中2个很粗的笔画保持粗细不变的话,也会挤到一起。

我们可以再下面添加一些墨点墨迹的素材。让画面更加饱满,有氛围。

我们可以再下面添加一些墨点墨迹的素材。让画面更加饱满,有氛围。

Step 2. 调整形状 规范字体大小外形

作者:谢思靖

学习交流直播Q群号:220975811

必威平台 43

点击链接加入群【ps平面设计交流2群】:

这样的初稿有了字体大致的形状。但是上下的结构还不是很整齐。整个字体由于还是初步的制作,看起来有一些死板。

邢帅教育淘宝美工群:  220975811

现在我们把形状的透明度调整为100%,上下加上2条辅助线。我们调整字体的字形,可以让上下的轮廓更加的整齐,水平。也再次调整线条的粗细以及内部结构。让字体整体更加的协调。

点一下下面↓↓↓二维码 长按识别图中二维码 关注我获得100G资源教程

必威平台 44

关注回复:100G即可

Step 3. 改变字体角, 增加锚点丰富笔画结构细节

点击链接加入群【邢帅教育淘宝美工群】:

得到了这样的一个字形后,为了让字体更加有速度感和力度感。我们使用(E)变形工具,可以让字体稍微的倾斜。

必威平台 45

并继续在笔画上加一些细节。这里有了基本的字形,设计师可以根据自己的想法来调整笔画字形。只要好合适协调即可。

必威平台 46

使用钢笔工具在矩形上增加锚点,从而能够在字形上进行更多细节和结构的处理。

比如我们把笔画的端点处加上突出的小斜尖。以及将笔画做一些破的处理,使字体内部间更加的呼吸通畅。这样字体的速度感和力度就更强烈了。

Step 4. 变化元素细节提升设计感

观察字体间的结构,我们可以再做一些有趣的设计,比如把有的笔画做成闪电等结构。这样一个字体就大致做好了。

必威平台 47

第四招:毛笔字笔触改字法

书法字体的设计较多运用于中国风的设计或者一些游戏页面中。制作书法字体最快速的方法就是将现有的书法字体进行改造。为了避免版权问题,而且为了使书法字体更加的气势磅礴,我们采用以下的方法来制作。

Step 1. 毛笔字生成器生成毛笔字,进行简单排版

现在有很多在线生成的书法字体,通过搜索引擎,搜索在线书法生成,能找到很多生成书法字体的网站。在网站上找到自己合适的字体。这里选择五彩缤纷作为实例,我们在网站上在线生成好,下载字体的矢量文件,并且进行简单的排版。

必威平台 48

Step2. 通过不同的毛笔字笔触素材优化毛笔字的整体感觉

因为初始的字体,并没有做过多的艺术修饰,曲线还是比较生硬的。通过一些毛笔笔画矢量文件对上面毛笔字基础形的进行加工。

必威平台 49

必威平台 50

Step3. 增加一些墨点细节

我们可以再下面添加一些墨点墨迹的素材。让画面更加饱满,有氛围。

必威平台 51

欢迎关注作者的微信公众号:「贪才好设」

必威平台 52

本文由必威平台发布于摄影,转载请注明出处:当然最重要的还是通过自己设计出来的字形,当

关键词: 必威平台

分享下我的最新抠图教程做完本人看视频,弄了

分享下我的最新抠图教程做完本人看视频,弄了多久才研究出来的这个抠图教程。神马通道、抽出、插件抠图的都过...

详细>>

这个是原图,2、再绘制一个220

5、选中绿色胶囊,按R键启动(旋转)功能,再按ALT 左键,点击参考线交叉的圆形,跳出旋转面板,输入120°后点复制。...

详细>>

艺术有性别吗? 必威平台

为什么我们的艺术总要纠缠性别问题? 难到我们没有发现,我们只是一厢情愿地利用了批评的话语,去建构艺术的性...

详细>>

你找到不脱妆的秘诀了吗,很多女生天天化妆却

推荐度: ????? 推荐度: ???? 眼影必须要在克格勃以前画哦,否则一是会显脏,二是会把你前边画好的耳目蹭掉。 美宝...

详细>>