AI识字 字体品牌 字体合集 字体资讯
字体资讯 > 技巧教程
{{article.user.type=='by-origin'?'原创':'转载'}}by {{article.user.name}}

该文章未提交审核, 请编辑完成后提交审核。

该文章未通过审核,感谢您对字由的贡献。

该文章正在审核中,通过后将会自动显示在字说字话页面。

5大字体设计中的常用字效教程

{{tag.name}} 字体{{length(article.fonts)}} 评论{{article.comment_count}}

转载自 {{article.sourceName}}


字效,在字体设计中,是非常重要的设计内容,在设计完基础字形之后,为之搭配恰当的效果,不仅可以让字体更有设计感和吸引力,还可以更加有效的传达字体信息,达到更好的实用效果。


所以说,会设计字体,很重要,适当装X,也不能少!



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


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



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





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



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

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




用同样方法,继续对描边图层进行立体处理,选择混合选项、斜面和浮雕、投影,调整数值,如下图:



最后,轻松愉快的搞定!



可以放大一些,大家看一下细节:





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

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






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



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


emmmmm~~~

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

再看一遍最后的效果:



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

而是……

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



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



复制这组字,粘贴到一个新建文件夹里,打开图层面板(F7),选择“图层1”层,点击右上角的四条杠图标-释放到图层(顺序):    

                    


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



选择“图层1”下面的图层,向下滑动至最底部,按住Shift键,点最后一层,这时除“图层1”都被选中,把这些图层向下拖,这个时候“图层1”为空层,删掉既可。



文件-导出-导出为,保存类型:PSD,文件命名“分层字”,导出选项,颜色模式:RGB;辨率:其他500。根据做完字的尺寸大小来设分辨率大小,尽量大点,点击写入图层,确定。


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



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

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






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



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




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


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




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



在PS里建好A4大小的文件,置入一张背景墙图片,把背景墙整体调暗,尤其是四个角,颜色适当压重一点,让光源聚焦在正中间:



把AI里设计好的字体复制到PS里,需要把字、图形、字母单独分层,方便待会单独调色:



在混合选项中调整几个效果,分别是斜面与浮雕、投影、内阴影、外发光。这里还是想强调一下关于属性数值的问题,没有固定值,还是跟着感觉走,直到达到你最喜欢的效果为止,下图数值,可做参考:



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


中文部分


拼音部分



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



把刚刚填充完的三个图层合并,点击滤镜-高斯模糊,混合模式改为滤色,如果觉得颜色效果过强或太弱,可以通过复制一层或者修改不透明度来实现。



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



最后整体再调一下颜色,让感觉更舒服一点,大功告成!




好了,这个系列,总共总结了10类字效的设计方(tao)法(lu),今天先发出前5例,ok,就BB到这里了,希望对你有用。

我们下次再约!



版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}

相关字体

文章评论

评论
{{item.user.name}} {{item.timestamp|time}}
{{item.content}}
{{item.reply.user.name}}: {{item.reply.content}}
回复
回复

还没有人留言

查看更多 >

字体地图