不会字体设计?分享5种容易上手的字效教程

  • 操作系统:
  • 适用软件:
  • 素材格式:
  • 素材大小:
  • 版权信息:©学习参考,请勿商用! (免责声明)
  • 使用帮助:遇到问题? (查看帮助)

前言:字体设计也是一门需要长期学习的课程,但对于新手,前期可以试学习一些简单的字体设计,在今天文章中,我们分享5种容易上手的字效教程,教程虽然简单,但字体效果并不差,而# - ` q y A w F且适合很多种设计场景使用,Q g .推荐大家学习。

不会字体设计?分享5种容易上手的字效教程

字效,在字体设计中,是非常重要的设计内容,在设计完基础字形之后,为之搭配n 2 Q y恰当的L h m ` w效果,不仅可以让字体更有设计感和吸引力,还可以更加有效的传达字体信息,达到更好的实用c $ * f I效果。

本系列H : H x教程,将给大家分享5类常见字体效果的制作步骤,这些方法,对于有经验的老鸟设计师来讲,可能并不复杂,甚至有点小儿科。但对于很多新人设计师而言,可能会是一番崭新的学习体验,总之,如果你想搞定这些字效设计的“套路”,就请继续看正8 p b @ @ f文吧!

为避免篇幅太长,先分享前5例,走起!

不会字体设计?分享5种容易上手的字效教程

01、确定字形

奇乐园,是一家儿童游乐场,这类主题的字形,一般要做的活泼可爱一些,字体的特征很明显:负空间小、笔画圆润、饱满,我们可以先尝试画出线稿,再去完善笔画和细节:

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

02、效果制作

在AI里,原位复制一层,选择描边工具,添加适当大小- ! r o - 8 e ! !的外描边,在“对象”中扩展之后,选择路径查找器,= ! e G T y选择第一个选项“联集”,然后将本图层置于原字体图层的后面,这样就得到了上下两部分,一白一红:

不会字体设计?分享5种容易上手的字效教程

请记住,一定是两部分才行,缺一不可。

然后,在P\ K v n )S里建好文档,把AI里的原字体图层,以及刚做完的描边图层,以“形状图层”样式,分别复制到PS里(这个时候就没AI什么事了)。选中字体图层,点击鼠标右键,选择混合选项-斜面和浮雕-渐变颜色,调整数值,关于属性的数值是没有固定的,跟着感觉走即可,选择一个自己喜欢的效果就行,下图数值可做参考:

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

用同样方法,继续对描边图层进行立体处理,选择混合选项、斜面和浮雕、投影,调整数值,如下图5 { M y V Z L HY P F

不会字体设计?分享5种容易上手的字效教程

最后,n H S J 5 O H {轻松愉快的搞定!

不会字体设计?分享5种容易上手的字效教程

可以放大一些,大家看一G X y R下细节:

不会字体设计?分享5种容易上手的字效教程

私房茶,是一家茶店,设计字体时,尝试了手写的感觉,这样会看起来轻松惬意一些,符合这个主题的格调和感觉。

01、确定字形

在这款\ + F ? b { R o -字形中,笔画的粗细对比是非常明显的,笔画外边缘,进行了适当的圆角处理,另外,在茶字中,还融入了茶叶的图形进去,这些细节,都会让整组字体更准确,让整个画面更加丰富K J S、饱满:

不会字体设计?分享5种容易上手的字效教程

02、制作效果

确定基本字型后,为字体添加一些肌理效果,会变得更有味道一些,此类效果虽然比较简单,但也是常用的套路之一,方法如下:

不会字体设计?分享5种容易上手的字效教程

把设计后的字体,复制到PS里,认真挑选一个合适的笔刷(不同笔刷,出来的效果都不一样,这里可以多去尝试),笔刷不宜过大,太大就会显的粗糙,同时每个字的肌理也不宜过多,需要把握分寸,注意肌理的均与布局,在做的时候,要反复调试。

emmmmm~~~

嗯,是的,这也是一个小教程,有点短,也有点太快。

再看一遍最后的效果:

不会字体设计?分享5种容易上手的字效教程

在这里,我多叨叨几句,做这类字体,其实关键不在于效果。

而是&hel& r Elip;…

你得先有本事设计出第一步!

不会字体设计?分享5种容易上手的字效教程

01、确定字形

AI中,用钢笔工具搭建出基础字型,至于为什么做这样的图形创意,就不做解释了,毕竟大k ~ ?家都是成年人,都懂:

不会字体设计?分享5种容易上手的字效教程

02、效果制作

复制这组字,粘贴到一个新建文$ ] 9 F k + x B ;件夹里,打开图层面板. R 5 Q(F7),选择“图层1”层,点击右上角的四条杠图标-释放到图层(顺序):

不会字体设计?分享5种容易上手的字效教程

这时,原来在一层里的所有图形,被释放出来并单独成一层。

不会字体设计?分享5种容易上手的字效教程

选择“图层1”下面的图层,向下滑动至最底部,3 g * ! o h s按住Shift键,点最后一层,这时除&lZ # K f Odquo;图层1”都被选中7 X T Y = 8 8 G,把这些图层向下拖,这个时候“图层1”为空层,删掉既可。

不会字体设计?分享5种容易上手的字效教程

文件-导出h _ ~ G-导出为,保存类型:PSD,文件命名&ldqF \ x d 3 I ruo;分层字”,导出选项Y j 7,颜色模式:RGB;辨率:其他500。根据做E U 2 q $ 5 B d完字的尺寸大小来设分辨率大小,尽量大点,点击写入图层,确定。

打开PSD文件,选择其中的一个图层d F n k o,点击鼠标右键,选择混合选项-颜色叠加,选择一个亮粉色,继续选择混合选项-内阴影,选择一个深粉色,效果如下:

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

做好一个笔画之后,按住atl键点击鼠标左键,把效果一个一个的拖拽到$ q ! f _ : 4其它图层上就可以了。

不会字体设计?分享5种容易上手的字效教程

最后,加入高光效果就搞定了,是不是也很简单!

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

这种效果也是比较好玩的,有点矛盾空间的意思,做h L N # \ 6起来也不费事,首先我们用钢笔造字法把字体勾勒完成,只需要注意两个细节:1,圆头端点;2,圆角连接。搭建出基础笔画后,加个黑色的外面描边,描边不宜过细,如下图:

不会字体设计?分享5种容易上手的字效教程

选择路径查找器,在笔画交叉的地方做联集,如下图:

不会字体设计?分享5种容易上手的字效教程

绘制多个和笔画宽度相同的圆,内白外黑,黑色描边和原笔画z T K P N $ V : y描边保持大小一致,把圆形覆盖到笔画开头或结尾就可以了。

嗯,这个~~~确实超easy,写个教程,也TM的太简单了吧!

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

01、确定字形

看到“夜上海”这组命题,脑海里会浮现出霓虹灯闪烁的情景,所以,这组字,就搞这个效果了!我们首先先做好基础字型,再整别的:

不会字体设计?分享5种容易上手的字效教程

02、制作效果

在PS里建好A4大小的文件,置入一张背景墙图Q h T % ! :片,把背景墙整体调S q - y 1 l |暗,尤其是四个角,颜色适当压重一点,让光源聚; 3 N $ c Y U焦在正中间:

不会字体设计?分享5种容易上手的字效教程

把AIe 7 } W g ? O里设计好的字体复制到PS里,需要把字、图形、字母单独分层,方便待会单独调色:

不会字体设计?分享5种容易上手的字效教程

在混合: 4 k i 3 r V选项中调整几个效果,分别是斜面与浮雕、投影、内阴影、外发光。这里还是想强调一下关于属性数K h g R . V P Q值的问题,没有固定值,1 ] 9 Y z 4 ~ ` N还是跟着感觉走,直到! k m b ] O达到你最喜欢的效果为止,下图数值,可做参考p j b ? 1 + h r u

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

不会字体设计?分享5种容易上手的字效教程

分别对中文和拼音层的内阴影颜色做调整:

不会字体设计?分享5种容易上手的字效教程

中文部分u B a

不会字体设计?分享5种容易上手的字效教程

拼音部分

不会字体设计?分享5种容易上手的字效教程

分别E : ~ 9 O把图形、字体、字母原位复制一层,关掉层效果,分别填充颜色:

不会字体设计?分享5种容易上手的字效教程

把刚刚填充完的三个图层合并,点击滤镜-高斯模糊,混B = G 0 b x C合模式改为滤色,如果觉得颜色效果过Y v e R ; S强或太弱,可以通过复制一层或者修改不透明n o & V度来实现。

不会字体设计?分享5种容易上手的字效教程

在加一个环境色,调出画笔,选用柔边画笔,用各自的颜色沿着轮廓涂抹,颜色模式修改为叠加。

不会字体设计?分享5种容易上手的字效教程

最后整体再调一下颜色& Z N $ \ # ! B,让感觉更舒服一点,大功告成!

不会字体设计?分享5种容易上手的字效教程

以上总结了字体设计中常用的5种字效,不过希望大家多多思考,因为设计不局限于方法论,更t S 1 f - 0 p多的是需要你有更多创意来创作出更好的作品。

作者 | 刘H J 1兵克
来源 | 字体帮(id:zitibang)
温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请联系站长处理!

2.如果您喜欢我们,可开通终身会员,享受全站资源免费下载!

3.本站所有内容只做学习和交流使用。 版权归原作者所有。

0 条回复 A文章作者 M管理员
表情包
  • AC01
  • AC02
  • AC03
    暂无讨论,说说你的看法吧
购物车
优惠劵
搜索