字体设计是ps平面设计中很重要的一门课程,也是一门需要长期学习的课程,但对于新手,前期可以试学习一些简单的字体设计,今天小编就为大家整理了ps平面设计三种容易上手的字效教程,教程虽然简单,但字体效果并不差,而且适合很多种设计场景使用,推荐大家学习。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=97b8a8655b086e066aa83f4332087b5a/6d753912b31bb051d738877c217adab44aede04c.jpg?tbpicau=2025-02-27-05_944c3ca62e878836c54485bee7218de2)
字效,在字体设计中,是非常重要的设计内容,在设计完基础字形之后,为之搭配恰当的效果,不仅可以让字体更有设计感和吸引力,还可以更加有效的传达字体信息,达到更好的实用效果。
一、可爱活泼的类型。
01、确定字形
奇乐园,是一家儿童游乐场,这类主题的字形,一般要做的活泼可爱一些,字体的特征很明显:负空间小、笔画圆润、饱满,我们可以先尝试画出线稿,再去完善笔画和细节:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=8cca9f3518b30f24359aec0bf894d192/103d8794a4c27d1e25580f900cd5ad6eddc4386e.jpg?tbpicau=2025-02-27-05_50578c5ec5172fd2180417cdf2683524)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=2570c9f1c643ad4ba62e46c8b2035a89/caf61bd5ad6eddc4ad9980af2edbb6fd5266336e.jpg?tbpicau=2025-02-27-05_d65e3d94efd908597fa097c346eb8143)
02、效果制作
在AI里,原位复制一层,选择描边工具,添加适当大小的外描边,在“对象”中扩展之后,选择路径查找器,选择第一个选项“联集”,然后将本图层置于原字体图层的后面,这样就得到了上下两部分,一白一红:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=20550840bc18972ba33a00c2d6cc7b9d/7d10c8fcc3cec3fd0c409321c188d43f8794276e.jpg?tbpicau=2025-02-27-05_bf1f067854f6b7d9c74bf27d26c349cd)
请记住,一定是两部分才行,缺一不可。
然后,在PS里建好文档,把AI里的原字体图层,以及刚做完的描边图层,以“形状图层”样式,分别复制到PS里。选中字体图层,点击鼠标右键,选择混合选项-斜面和浮雕-渐变颜色,调整数值,关于属性的数值是没有固定的,跟着感觉走即可,选择一个自己喜欢的效果就行,下图数值可做参考:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=595b964fc30735fa91f04eb1ae500f9f/07ccc3fdfc03924524cbd55b9094a4c27d1e256e.jpg?tbpicau=2025-02-27-05_a98bd841662ef660fd0f2d320e5a3cc4)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=35d6d027ba4bd11304cdb73a6aaea488/dfd7ad6eddc451da7c8838bfa1fd5266d016326e.jpg?tbpicau=2025-02-27-05_9f69f8907062db4e524eb5c1a9a859e7)
用同样方法,继续对描边图层进行立体处理,选择混合选项、斜面和浮雕、投影,调整数值,如下图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=4ebffa89bc64034f0fcdc20e9fc27980/14140924ab18972bd143349ef1cd7b899e510a6e.jpg?tbpicau=2025-02-27-05_f25f9e6cd0c7b44d8d240fdf20e3b5fe)
最后,轻松愉快的搞定!
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f867aa7c802bd40742c7d3f54b889e9c/0cfec3cec3fdfc036306d7ecc33f8794a4c2266e.jpg?tbpicau=2025-02-27-05_c227f46dec852cb0291d5cda0069c663)
二、轻松惬意类型。
01、确定字形
在这款字形中,笔画的粗细对比是非常明显的,笔画外边缘,进行了适当的圆角处理,另外,在茶字中,还融入了茶叶的图形进去,这些细节,都会让整组字体更准确,让整个画面更加丰富、饱满:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=bd25d1721e24ab18e016e13f05fbe69a/8312b912c8fcc3ce2cbefd678545d688d43f206e.jpg?tbpicau=2025-02-27-05_ac6d50fcb1cf2ff56df4ca4a76a2fc10)
02、制作效果
确定基本字型后,为字体添加一些肌理效果,会变得更有味道一些,此类效果虽然比较简单,但也是常用的套路之一,方法如下:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f56743c3ce33c895a67e9873e1127397/b91cd21b0ef41bd5572ddca046da81cb39db3d6e.jpg?tbpicau=2025-02-27-05_da30ee387dca1f2615c2feb955aba663)
把设计后的字体,复制到PS里,认真挑选一个合适的笔刷(不同笔刷,出来的效果都不一样,这里可以多去尝试),笔刷不宜过大,太大就会显的粗糙,同时每个字的肌理也不宜过多,需要把握分寸,注意肌理的均与布局,在做的时候,要反复调试。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=a04b4a9fecedab6474724dc8c737af81/9664d0160924ab18936fd56322fae6cd7b890b6e.jpg?tbpicau=2025-02-27-05_7ded931e28a542a50043095bc329f4f1)
三、创意联想类型
01、确定字形
看到“夜上海”这组命题,脑海里会浮现出霓虹灯闪烁的情景,所以,这组字,就搞这个效果了!我们首先先做好基础字型:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=66120ed7182442a7ae0efdade142ad95/4396a4c27d1ed21bf6b71ab1ba6eddc451da3f6e.jpg?tbpicau=2025-02-27-05_258a2076e56565ff7c247c3178d50174)
02、制作效果
在PS里建好A4大小的文件,置入一张背景墙图片,把背景墙整体调暗,尤其是四个角,颜色适当压重一点,让光源聚焦在正中间:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=59eba56b5cfbfbeddc59367748f1f78e/72ff5266d0160924a85c964fc30735fae6cd346e.jpg?tbpicau=2025-02-27-05_5850d791d95ad86f1a562370a8c8a5fc)
把AI里设计好的字体复制到PS里,需要把字、图形、字母单独分层,方便待会单独调色:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=80465bcbb30f4bfb8cd09e5c334e788f/fdd9b6fd5266d0160b60aa7c802bd40735fa356e.jpg?tbpicau=2025-02-27-05_881fb9de679ae4c2253b695a28b6ffb1)
在混合选项中调整几个效果,分别是斜面与浮雕、投影、内阴影、外发光。这里还是想强调一下关于属性数值的问题,没有固定值,还是跟着感觉走,直到达到你最喜欢的效果为止,下图数值,可做参考:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=72b483664dafa40f3cc6ced59b65038c/45c939dbb6fd5266d1520840bc18972bd407366e.jpg?tbpicau=2025-02-27-05_5f29dfba6ca128739d83aec5caf67dd7)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=5208d07764f082022d9291377bfafb8a/19c651da81cb39db49be5302c7160924ab18306e.jpg?tbpicau=2025-02-27-05_96cea4feefe4ec514e002aaf5eacfc92)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=ac20022b6ff0f736d8fe4c093a54b382/6f1a972bd40735fae1897aed89510fb30f24086e.jpg?tbpicau=2025-02-27-05_bd431266eff5d7a85b2eb395bd9d9a94)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c0b9e7a96c899e51788e3a1c72a6d990/5647d688d43f879451817c7ac51b0ef41bd53a6e.jpg?tbpicau=2025-02-27-05_e693bb1a87fc57fa6ca02c34c58a1fd1)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=108e7aed89510fb37819779fe932c893/128ad43f8794a4c28b5dd37f19f41bd5ad6e396e.jpg?tbpicau=2025-02-27-05_4423609e2d3c17b9e9d4590415b60cba)
分别对中文和拼音层的内阴影颜色做调整:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=2044349ef1cd7b89e96c3a8b3f254291/38019245d688d43f73d7a5a66a1ed21b0ef43b6e.jpg?tbpicau=2025-02-27-05_9389cde1da4ef85e98980a2ec4fd1f8a)
中文部分:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f6f00e4055a7d933bfa8e47b9d4ad194/60c07d1ed21b0ef4e296ac0acac451da81cb3e6e.jpg?tbpicau=2025-02-27-05_42d63777794759308039095aa09dd16d)
拼音部分:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6468d56322fae6cd0cb4ab693fb20f9e/07fffc039245d688277c86f0b3c27d1ed21b246e.jpg?tbpicau=2025-02-27-05_71039122a276997aa8916ccaa7c2c16b)
分别把图形、字体、字母原位复制一层,关掉层效果,分别填充颜色:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=52ed8342d8fc1e17fdbf8c397a91f67c/1d31c895d143ad4bc057729495025aafa40f066e.jpg?tbpicau=2025-02-27-05_37966a68eaf2d130a46744dbac24bb72)
把刚刚填充完的三个图层合并,点击滤镜-高斯模糊,混合模式改为滤色,如果觉得颜色效果过强或太弱,可以通过复制一层或者修改不透明度来实现。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=d157729495025aafd3327ec3cbecab8d/95d881cb39dbb6fd5222d1721e24ab18972b376e.jpg?tbpicau=2025-02-27-05_77fb5ea244704177daa61289e167d494)
在加一个环境色,调出画笔,选用柔边画笔,用各自的颜色沿着轮廓涂抹,颜色模式修改为叠加。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=fda9aa00144f78f0800b9afb49300a83/cd26ab18972bd40733bee7a96c899e510fb3096e.jpg?tbpicau=2025-02-27-05_ed97ee605c99dc8d441c7eab93bf82ee)
最后整体再调一下颜色,让感觉更舒服一点,大功告成!
![](http://tiebapic.baidu.com/forum/w%3D580/sign=b9e4d857df95d143da76e42b43f18296/16190ef41bd5ad6e268750be96cb39dbb6fd3c6e.jpg?tbpicau=2025-02-27-05_0cf7bc0144fa23991d9516f2cdb7a87a)
以上就是ps平面设计中容易上手的三种字效教程,希望对屏幕前的你有帮助,设计是不局限于方法论,如果觉得你日后有可能会用上,就快收藏起来吧~所有教程的素材已经打包好了+V:1158208139免费获取哦~
0人点赞日记本
![](http://tiebapic.baidu.com/forum/w%3D580/sign=97b8a8655b086e066aa83f4332087b5a/6d753912b31bb051d738877c217adab44aede04c.jpg?tbpicau=2025-02-27-05_944c3ca62e878836c54485bee7218de2)
字效,在字体设计中,是非常重要的设计内容,在设计完基础字形之后,为之搭配恰当的效果,不仅可以让字体更有设计感和吸引力,还可以更加有效的传达字体信息,达到更好的实用效果。
一、可爱活泼的类型。
01、确定字形
奇乐园,是一家儿童游乐场,这类主题的字形,一般要做的活泼可爱一些,字体的特征很明显:负空间小、笔画圆润、饱满,我们可以先尝试画出线稿,再去完善笔画和细节:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=8cca9f3518b30f24359aec0bf894d192/103d8794a4c27d1e25580f900cd5ad6eddc4386e.jpg?tbpicau=2025-02-27-05_50578c5ec5172fd2180417cdf2683524)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=2570c9f1c643ad4ba62e46c8b2035a89/caf61bd5ad6eddc4ad9980af2edbb6fd5266336e.jpg?tbpicau=2025-02-27-05_d65e3d94efd908597fa097c346eb8143)
02、效果制作
在AI里,原位复制一层,选择描边工具,添加适当大小的外描边,在“对象”中扩展之后,选择路径查找器,选择第一个选项“联集”,然后将本图层置于原字体图层的后面,这样就得到了上下两部分,一白一红:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=20550840bc18972ba33a00c2d6cc7b9d/7d10c8fcc3cec3fd0c409321c188d43f8794276e.jpg?tbpicau=2025-02-27-05_bf1f067854f6b7d9c74bf27d26c349cd)
请记住,一定是两部分才行,缺一不可。
然后,在PS里建好文档,把AI里的原字体图层,以及刚做完的描边图层,以“形状图层”样式,分别复制到PS里。选中字体图层,点击鼠标右键,选择混合选项-斜面和浮雕-渐变颜色,调整数值,关于属性的数值是没有固定的,跟着感觉走即可,选择一个自己喜欢的效果就行,下图数值可做参考:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=595b964fc30735fa91f04eb1ae500f9f/07ccc3fdfc03924524cbd55b9094a4c27d1e256e.jpg?tbpicau=2025-02-27-05_a98bd841662ef660fd0f2d320e5a3cc4)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=35d6d027ba4bd11304cdb73a6aaea488/dfd7ad6eddc451da7c8838bfa1fd5266d016326e.jpg?tbpicau=2025-02-27-05_9f69f8907062db4e524eb5c1a9a859e7)
用同样方法,继续对描边图层进行立体处理,选择混合选项、斜面和浮雕、投影,调整数值,如下图:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=4ebffa89bc64034f0fcdc20e9fc27980/14140924ab18972bd143349ef1cd7b899e510a6e.jpg?tbpicau=2025-02-27-05_f25f9e6cd0c7b44d8d240fdf20e3b5fe)
最后,轻松愉快的搞定!
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f867aa7c802bd40742c7d3f54b889e9c/0cfec3cec3fdfc036306d7ecc33f8794a4c2266e.jpg?tbpicau=2025-02-27-05_c227f46dec852cb0291d5cda0069c663)
二、轻松惬意类型。
01、确定字形
在这款字形中,笔画的粗细对比是非常明显的,笔画外边缘,进行了适当的圆角处理,另外,在茶字中,还融入了茶叶的图形进去,这些细节,都会让整组字体更准确,让整个画面更加丰富、饱满:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=bd25d1721e24ab18e016e13f05fbe69a/8312b912c8fcc3ce2cbefd678545d688d43f206e.jpg?tbpicau=2025-02-27-05_ac6d50fcb1cf2ff56df4ca4a76a2fc10)
02、制作效果
确定基本字型后,为字体添加一些肌理效果,会变得更有味道一些,此类效果虽然比较简单,但也是常用的套路之一,方法如下:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f56743c3ce33c895a67e9873e1127397/b91cd21b0ef41bd5572ddca046da81cb39db3d6e.jpg?tbpicau=2025-02-27-05_da30ee387dca1f2615c2feb955aba663)
把设计后的字体,复制到PS里,认真挑选一个合适的笔刷(不同笔刷,出来的效果都不一样,这里可以多去尝试),笔刷不宜过大,太大就会显的粗糙,同时每个字的肌理也不宜过多,需要把握分寸,注意肌理的均与布局,在做的时候,要反复调试。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=a04b4a9fecedab6474724dc8c737af81/9664d0160924ab18936fd56322fae6cd7b890b6e.jpg?tbpicau=2025-02-27-05_7ded931e28a542a50043095bc329f4f1)
三、创意联想类型
01、确定字形
看到“夜上海”这组命题,脑海里会浮现出霓虹灯闪烁的情景,所以,这组字,就搞这个效果了!我们首先先做好基础字型:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=66120ed7182442a7ae0efdade142ad95/4396a4c27d1ed21bf6b71ab1ba6eddc451da3f6e.jpg?tbpicau=2025-02-27-05_258a2076e56565ff7c247c3178d50174)
02、制作效果
在PS里建好A4大小的文件,置入一张背景墙图片,把背景墙整体调暗,尤其是四个角,颜色适当压重一点,让光源聚焦在正中间:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=59eba56b5cfbfbeddc59367748f1f78e/72ff5266d0160924a85c964fc30735fae6cd346e.jpg?tbpicau=2025-02-27-05_5850d791d95ad86f1a562370a8c8a5fc)
把AI里设计好的字体复制到PS里,需要把字、图形、字母单独分层,方便待会单独调色:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=80465bcbb30f4bfb8cd09e5c334e788f/fdd9b6fd5266d0160b60aa7c802bd40735fa356e.jpg?tbpicau=2025-02-27-05_881fb9de679ae4c2253b695a28b6ffb1)
在混合选项中调整几个效果,分别是斜面与浮雕、投影、内阴影、外发光。这里还是想强调一下关于属性数值的问题,没有固定值,还是跟着感觉走,直到达到你最喜欢的效果为止,下图数值,可做参考:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=72b483664dafa40f3cc6ced59b65038c/45c939dbb6fd5266d1520840bc18972bd407366e.jpg?tbpicau=2025-02-27-05_5f29dfba6ca128739d83aec5caf67dd7)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=5208d07764f082022d9291377bfafb8a/19c651da81cb39db49be5302c7160924ab18306e.jpg?tbpicau=2025-02-27-05_96cea4feefe4ec514e002aaf5eacfc92)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=ac20022b6ff0f736d8fe4c093a54b382/6f1a972bd40735fae1897aed89510fb30f24086e.jpg?tbpicau=2025-02-27-05_bd431266eff5d7a85b2eb395bd9d9a94)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=c0b9e7a96c899e51788e3a1c72a6d990/5647d688d43f879451817c7ac51b0ef41bd53a6e.jpg?tbpicau=2025-02-27-05_e693bb1a87fc57fa6ca02c34c58a1fd1)
![](http://tiebapic.baidu.com/forum/w%3D580/sign=108e7aed89510fb37819779fe932c893/128ad43f8794a4c28b5dd37f19f41bd5ad6e396e.jpg?tbpicau=2025-02-27-05_4423609e2d3c17b9e9d4590415b60cba)
分别对中文和拼音层的内阴影颜色做调整:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=2044349ef1cd7b89e96c3a8b3f254291/38019245d688d43f73d7a5a66a1ed21b0ef43b6e.jpg?tbpicau=2025-02-27-05_9389cde1da4ef85e98980a2ec4fd1f8a)
中文部分:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=f6f00e4055a7d933bfa8e47b9d4ad194/60c07d1ed21b0ef4e296ac0acac451da81cb3e6e.jpg?tbpicau=2025-02-27-05_42d63777794759308039095aa09dd16d)
拼音部分:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=6468d56322fae6cd0cb4ab693fb20f9e/07fffc039245d688277c86f0b3c27d1ed21b246e.jpg?tbpicau=2025-02-27-05_71039122a276997aa8916ccaa7c2c16b)
分别把图形、字体、字母原位复制一层,关掉层效果,分别填充颜色:
![](http://tiebapic.baidu.com/forum/w%3D580/sign=52ed8342d8fc1e17fdbf8c397a91f67c/1d31c895d143ad4bc057729495025aafa40f066e.jpg?tbpicau=2025-02-27-05_37966a68eaf2d130a46744dbac24bb72)
把刚刚填充完的三个图层合并,点击滤镜-高斯模糊,混合模式改为滤色,如果觉得颜色效果过强或太弱,可以通过复制一层或者修改不透明度来实现。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=d157729495025aafd3327ec3cbecab8d/95d881cb39dbb6fd5222d1721e24ab18972b376e.jpg?tbpicau=2025-02-27-05_77fb5ea244704177daa61289e167d494)
在加一个环境色,调出画笔,选用柔边画笔,用各自的颜色沿着轮廓涂抹,颜色模式修改为叠加。
![](http://tiebapic.baidu.com/forum/w%3D580/sign=fda9aa00144f78f0800b9afb49300a83/cd26ab18972bd40733bee7a96c899e510fb3096e.jpg?tbpicau=2025-02-27-05_ed97ee605c99dc8d441c7eab93bf82ee)
最后整体再调一下颜色,让感觉更舒服一点,大功告成!
![](http://tiebapic.baidu.com/forum/w%3D580/sign=b9e4d857df95d143da76e42b43f18296/16190ef41bd5ad6e268750be96cb39dbb6fd3c6e.jpg?tbpicau=2025-02-27-05_0cf7bc0144fa23991d9516f2cdb7a87a)
以上就是ps平面设计中容易上手的三种字效教程,希望对屏幕前的你有帮助,设计是不局限于方法论,如果觉得你日后有可能会用上,就快收藏起来吧~所有教程的素材已经打包好了+V:1158208139免费获取哦~
0人点赞日记本