当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

文字设计,给文字增加衬线,加强设计感(4)

来源:tgideas.qq 作者:高露洁 学习:8053人次

文字设计的时候经常会在后期给文字增加一些装饰用的线条增强设计感,今天就分享一个实例,让大家了解一下如何给文字增加衬线。

1、衬线特征

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

第一期我们讲到宋体是最典型的衬线字体。衬线加强法,是在了解衬线字体笔画特征的基础上加强调整的设计方法。首先我们先看看衬线体的特征(以宋体为例):

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

宋体衬线特征了解后,我们会发现其实衬线字体笔画很多地方装饰性元素有共性,但有些还是有个性变化的。所以我们在做不同主题的字体的时候可以根据字体特征一般在笔画的开始位置(A)、拐角(B)或是末端(C)添加装饰性元素和设计(如上图),让字体显得更加个性,更有设计感。

2、个例分析

我们先看个设计的完整稿“魔法的诱惑”。该字体是DNF女魔法师的一个转职。

1. 设计之初,先是根据游戏角色,找了魔兽世界(游戏)、画皮(魔法电影)、哈利波特(魔法电影)的字体设计做了参考。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

2. 选取了造字工房的非衬线体版黑字体为原型进行设计。

选取合适的基础字体做变形是做字体设计的一个重要步骤,当然也可以在草稿上画好扫描进电脑再进行绘制也是可以的。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

这一步已经对字体的结构和重心做了比较多的调整和变形,具体调整方法参看字体故事1。接下来讲的就是本集讲的重点,衬线加强法。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

调整结构和重心的字体显然在视觉上无法满足我们的要求,这时候就要根据前面参看的游戏电影字体,添加装饰元素。

我们选取了魔法师类似巫婆的帽子、卷曲的类似枝条的形式,一些类似藤条的荆棘的元素。在笔画的开始位置(A)、拐角(B)或是末端(C)添加装饰性元素和设计。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

其实在什么位置上调整笔画和添加装饰性元素,有些同学可能有些迷茫,这里我举个简单的例子就很清晰了,还是拿女人做例子。女人要时尚和看起来个性如何装扮自己?

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

其实在什么位置上调整笔画和添加装饰性元素,有些同学可能有些迷茫,这里我举个简单的例子就很清晰了,还是拿女人做例子。女人要时尚和看起来个性如何装扮自己?

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

最后看看最终效果。运用同样的衬先加强法,该版本字体我也做了第二稿。不过第二稿是在把字体拉高,重心略微提上,觉得这样更符合女性的魔法特征和气息。不过最终确认还是上一版的效果。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

3、类举分析

“致爱青春”是之前致青春电影刚出来时,一块游戏的活动slogan。避免统一原版字体,我这里选了极细的衬线体做原型。然后在“爱”“春”的左右添加了树叶,体现清晰、青春、校园的味道。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

“为爱而战”是帮同事调整修改后的一个字体。比较休闲、娱乐性质的。所以稍微灵动一点的排列方式,使其看起来更加轻松活泼。在字体的笔画的很多位置加了尖角衬线效果的处理方式,加强个性和视觉冲击力。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

“裙下之臣”是之前做的一个游戏专题标题设计,看字体和名字就是女性类的。联想起妖媚的女性,选取了比较偏细风格的字体做变形,结合裙子,飘逸、起舞的造型对“裙”“之”“下”字的笔画做了重复和类比的装饰处理。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

“超神英雄” 是类LOL的魔幻竞技类的一款腾讯游戏,当初是参加一个中文汉化的logo比赛做的,也同样是调整了结构和重心后添加了类似LOL字体元素的衬线元素。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

“海库“需要的海洋的感觉,波涛、海浪,所以选择柔软的曲线,类似水泡的元素和浪花装饰字体笔画。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

“地狱史诗” DNF的一个版本专题slogan。首页也是做了字体结构和重心调整,最后在4个字的不同笔画添加少量装饰元素使其更加个性。

文字设计,给文字增加衬线,加强设计感_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
夏天鸭鸭2019-04-25 12:17
好人
落英满裳2018-02-02 08:01
喜欢这效果
爱你一万年2017-05-28 03:00
好棒的教程
爱你一万年2017-05-28 03:00
好棒的教程
爱你一万年2017-05-28 03:00
好棒的教程
够不够久情2017-05-27 07:50
大棒了,以后天天来
够不够久情2017-05-27 07:50
大棒了,以后天天来
够不够久情2017-05-27 07:50
大棒了,以后天天来
独孤求败2017-05-27 07:45
根本看不懂
独孤求败2017-05-27 07:45
根本看不懂
独孤求败2017-05-27 07:45
根本看不懂
紫风六翼2017-05-27 06:17
看了一天教程了
紫风六翼2017-05-27 06:17
看了一天教程了
紫风六翼2017-05-27 06:17
看了一天教程了
抗婊爱国青年2017-05-27 03:31
顶一下

关注大神微博加入>>

网友求助,请回答!