【教程】PS几种常用的字效和排字教程
首先,说一下,我是野路子自学出身的。。
虽然前段时间上了培训班,还考了一个ADOBE的认证设计师(水分挺大的=。
本来之前的工作不太如意,打算转职业设计的,
除了PS,还买了数位板用SAI和painter学手绘
也学了很多AI和CDR矢量 DW代码 FLASH动画 ID排版 PR后期相关的知识
发现还是好艰难哦,前几天投简历一直碰壁
认识到自己的很多不足,虽然最终有公司表示愿意培养我,还是没有去
从新开始,拿低工资,对我来说压力其实也挺大的
现在还是继续干原来的了,遇到一个大方的BOSS,挺有前途和钱途的 :)
现在趁热把我之前整理的一些经验发上来分享吧
不枉我奋斗了这么久
PS:有什么地方不对或者效果不好可以改进的,欢迎提出建议!
虽然前段时间上了培训班,还考了一个ADOBE的认证设计师(水分挺大的=。
本来之前的工作不太如意,打算转职业设计的,
除了PS,还买了数位板用SAI和painter学手绘
也学了很多AI和CDR矢量 DW代码 FLASH动画 ID排版 PR后期相关的知识
发现还是好艰难哦,前几天投简历一直碰壁
认识到自己的很多不足,虽然最终有公司表示愿意培养我,还是没有去
从新开始,拿低工资,对我来说压力其实也挺大的
现在还是继续干原来的了,遇到一个大方的BOSS,挺有前途和钱途的 :)
现在趁热把我之前整理的一些经验发上来分享吧
不枉我奋斗了这么久
PS:有什么地方不对或者效果不好可以改进的,欢迎提出建议!
这个帖子我只会讲一些思路和大概的步骤,不会特别细致的讲细节和参数
PS基础和工具都没有学好的请看这个基础教程分享的帖子:
http://tieba.baidu.com/p/3565021807
我不会再对此做过多的回复哦
我写写菜谱分享而已,不是喂你吃饭的
不喜欢那些自己不去思考和练习的,而是什么都问别人的
凭热情开贴,欢迎插楼回复和讨论
没有人催更的话,我就会真的没动力坑掉了(坑王素素不是白叫的。。。
下面上干货
PS基础和工具都没有学好的请看这个基础教程分享的帖子:
http://tieba.baidu.com/p/3565021807
我不会再对此做过多的回复哦
我写写菜谱分享而已,不是喂你吃饭的
不喜欢那些自己不去思考和练习的,而是什么都问别人的
凭热情开贴,欢迎插楼回复和讨论
没有人催更的话,我就会真的没动力坑掉了(坑王素素不是白叫的。。。
下面上干货
1。选择一个适合的字体
做照片字体的,要选择风格贴合你想要表达的东西的
做广告字体的,除了要考虑风格之外,还要吸引人注意,达到销售的目的。
说起这个,其实不用安装成百上千的字体包。。
100个以内的字体足够用了,做久了就会发现常用的就那么几种
风格说来说去也就那么几种: 刚 柔 萌 清新唯美 洒脱 古典什么的,大概如下
不要把时间过多的浪费在选字方面。
这些字体都是有版权的,商用的话要注意的。
做照片字体的,要选择风格贴合你想要表达的东西的
做广告字体的,除了要考虑风格之外,还要吸引人注意,达到销售的目的。
说起这个,其实不用安装成百上千的字体包。。
100个以内的字体足够用了,做久了就会发现常用的就那么几种
风格说来说去也就那么几种: 刚 柔 萌 清新唯美 洒脱 古典什么的,大概如下
不要把时间过多的浪费在选字方面。
这些字体都是有版权的,商用的话要注意的。
2。字体按照形状排列
如果有背景图的话,可以考虑一下背景的构图,把文字找一个合适的地方放。
善于用参考线会有很多惊喜哟~
最常用的无非就是直排
——也就是横排或者竖排,这种最好配合后续的字效比较容易出效果
还有就是按照形状排列。
这个的话自己可以随意用钢笔勾出曲线啊形状啊,然后打上字体就完成了
算是很简单 却容易出效果的
如果有背景图的话,可以考虑一下背景的构图,把文字找一个合适的地方放。
善于用参考线会有很多惊喜哟~
最常用的无非就是直排
——也就是横排或者竖排,这种最好配合后续的字效比较容易出效果
还有就是按照形状排列。
这个的话自己可以随意用钢笔勾出曲线啊形状啊,然后打上字体就完成了
算是很简单 却容易出效果的
3。用色块给文字做背景。
比如下面这两个,是不是感觉黑底白字比白底黑字的要好一点?
有底图的话可以吸取图案色作为文字或者背景色块的颜色,这是非常省心也几乎不会出错的一种方法。
比如下面这张,用白色做背景色块,透明度调淡,吸取了山的深蓝色做字体颜色。
看上去还不错? 你可以做的更好!
比如下面这两个,是不是感觉黑底白字比白底黑字的要好一点?
有底图的话可以吸取图案色作为文字或者背景色块的颜色,这是非常省心也几乎不会出错的一种方法。
比如下面这张,用白色做背景色块,透明度调淡,吸取了山的深蓝色做字体颜色。
看上去还不错? 你可以做的更好!
4。在形状区域里排字。
2里面我们讲的是文字根据形状绕排,这里是文字根据形状填充。
方法:用形状工具画(或者钢笔勾出闭合路径)之后,选择文字工具。
当箭头移到路径上时,光标周围会有一个虚线的圆圈,代表可以在这个路径里打字了。
如果光标周围是个曲线,表示按路径绕排。
(可惜没办法截图,不然一看就懂了)
比如这张图,这样添加文字是不是看上去略微有趣一点?
2里面我们讲的是文字根据形状绕排,这里是文字根据形状填充。
方法:用形状工具画(或者钢笔勾出闭合路径)之后,选择文字工具。
当箭头移到路径上时,光标周围会有一个虚线的圆圈,代表可以在这个路径里打字了。
如果光标周围是个曲线,表示按路径绕排。
(可惜没办法截图,不然一看就懂了)
比如这张图,这样添加文字是不是看上去略微有趣一点?
5 。改变字体的水平位置和角度
这种适合拍标题或者短文字。
因为要每个字单独一个图层,方便调整角度和位置。
挑几个文字调整就可以了,不需要全部。
配个图?改一下颜色?可以配合其他的效果,这些后面讲 :)
这种适合拍标题或者短文字。
因为要每个字单独一个图层,方便调整角度和位置。
挑几个文字调整就可以了,不需要全部。
配个图?改一下颜色?可以配合其他的效果,这些后面讲 :)
6 。字体切分
把文字图层栅格化,可以用各种形状的选区把字体的一部分圈出来挪走
矩形 圆形 三角形 或者套锁的选区都可以
这个效果想要做的好还是蛮花精力的,心里的先有个底才好做
这个说实话我没怎么用过,所以例图的效果比较怪
有兴趣的可以研究一下
再多一点就是这种:
把文字图层栅格化,可以用各种形状的选区把字体的一部分圈出来挪走
矩形 圆形 三角形 或者套锁的选区都可以
这个效果想要做的好还是蛮花精力的,心里的先有个底才好做
这个说实话我没怎么用过,所以例图的效果比较怪
有兴趣的可以研究一下
再多一点就是这种:
7 。减去或擦除字体的部分
这种类型的字效非常多,想怎么做怎么做。。。
比如常用的粉笔字效果 杂点效果之类的
同样是需要栅格化文字图层,调整橡皮擦的大小,然后你就可以随便擦了
(担心做不好 想要可以随时修改的,可以给图层加一个蒙版,画笔在蒙版里画)
想要更多效果的,可以自己调整画笔的圆度,角度 间隔 和形状动态里的各种抖动
大致如下图 非常简单粗暴
这种类型的字效非常多,想怎么做怎么做。。。
比如常用的粉笔字效果 杂点效果之类的
同样是需要栅格化文字图层,调整橡皮擦的大小,然后你就可以随便擦了
(担心做不好 想要可以随时修改的,可以给图层加一个蒙版,画笔在蒙版里画)
想要更多效果的,可以自己调整画笔的圆度,角度 间隔 和形状动态里的各种抖动
大致如下图 非常简单粗暴
8 。拉长字体的笔画
比较适合横竖的 或者撇捺的笔画
栅格化文字之后,选区选中要拉长的笔画,CTRL +T 然后一直拖就行了
可以配合上面的方法一起用
这种不限字体,毛笔字常用这个
比较适合横竖的 或者撇捺的笔画
栅格化文字之后,选区选中要拉长的笔画,CTRL +T 然后一直拖就行了
可以配合上面的方法一起用
这种不限字体,毛笔字常用这个
9 。 给字体添加一些装饰笔画
调出字体图层的选区,选区转为路径
用路径选择工具随意调整/添加/减少锚点,然后再把路径转为选区
给选区上色
或者直接用素材给字体添加设计感
毛笔字我们可以加一些毛笔笔触的的素材做上去
还有很常用的螺旋线,这个其实用CDR做更方便(PS里没有螺旋线,懒得再开软件了,我就不放啦
调出字体图层的选区,选区转为路径
用路径选择工具随意调整/添加/减少锚点,然后再把路径转为选区
给选区上色
或者直接用素材给字体添加设计感
毛笔字我们可以加一些毛笔笔触的的素材做上去
还有很常用的螺旋线,这个其实用CDR做更方便(PS里没有螺旋线,懒得再开软件了,我就不放啦
10 。 文字变形
一个是直接套用文字菜单里的字体变形,
有很多可供选择,扇形拱形鱼形波浪形什么的, 还可以调整参数。
另外是在编辑面板,编辑- 变换- 缩放/旋转/斜切/扭曲/透视/变形
这个实际上CTRL T之后可以配合快捷键完成,不过比较绕 想高效一点的可以自行百度
有的效果是要栅格化文字之后才可以用的
我平时喜欢用透视和变形
不过这种一般是配合底图效果做的,单独做字的话意义不大
一个是直接套用文字菜单里的字体变形,
有很多可供选择,扇形拱形鱼形波浪形什么的, 还可以调整参数。
另外是在编辑面板,编辑- 变换- 缩放/旋转/斜切/扭曲/透视/变形
这个实际上CTRL T之后可以配合快捷键完成,不过比较绕 想高效一点的可以自行百度
有的效果是要栅格化文字之后才可以用的
我平时喜欢用透视和变形
不过这种一般是配合底图效果做的,单独做字的话意义不大
不好意思啊
新工作入手比较忙。。。本来今天在看阅兵的
掐指一算有一两个星期没刷贴吧了
打开被一大波回复淹没了。。。才发现我有个坑没填完OTZ
马上继续
争取今天能结束
新工作入手比较忙。。。本来今天在看阅兵的
掐指一算有一两个星期没刷贴吧了
打开被一大波回复淹没了。。。才发现我有个坑没填完OTZ
马上继续
争取今天能结束
理一下思路哈
11. 图层样式
图层样式是可以针对图像,也可以针对文字的。常用的有,斜面和浮雕、外发光、阴影、描边。
下图分别是这四个样式的PS默认效果
里面其实学问也蛮大的,有很多参数可以调,颜色啊大小啊深度啊等高线啊
大家可以自己试着调一调练一练
我这里不具体讲了,后面有涉及到的
11. 图层样式
图层样式是可以针对图像,也可以针对文字的。常用的有,斜面和浮雕、外发光、阴影、描边。
下图分别是这四个样式的PS默认效果
里面其实学问也蛮大的,有很多参数可以调,颜色啊大小啊深度啊等高线啊
大家可以自己试着调一调练一练
我这里不具体讲了,后面有涉及到的
12. 立体字
立体字的做法呢,有两种。
第一种是手动立体(⊙﹏⊙)b。。。
最简单的做法呢,就是复制文字图层,换一个颜色,然后用方向键对其中一个文字图层进行上下左右的微调。
比如下图,一个黑色的文字,复制、改为红色,把红色图层忘右上方微调,现在这幅图看起来,是不是就有右上角打光的立体效果了呢
复杂一点的做法,就是通过复制N图层,使这些图层无缝衔接,看起来像立体的一样
这里涉及到快捷键的应用:
ALT在PS里是复制,同时按住↑↓←→其中一个方向键,然后一直按按按按按。
这时你就得到了如下的效果。
(下面两个是分别ALT+↑键 和ALT+←键复制出来的效果,最后在修改一下最上方文字的颜色,你就得到了一个立体字)
立体字的做法呢,有两种。
第一种是手动立体(⊙﹏⊙)b。。。
最简单的做法呢,就是复制文字图层,换一个颜色,然后用方向键对其中一个文字图层进行上下左右的微调。
比如下图,一个黑色的文字,复制、改为红色,把红色图层忘右上方微调,现在这幅图看起来,是不是就有右上角打光的立体效果了呢
复杂一点的做法,就是通过复制N图层,使这些图层无缝衔接,看起来像立体的一样
这里涉及到快捷键的应用:
ALT在PS里是复制,同时按住↑↓←→其中一个方向键,然后一直按按按按按。
这时你就得到了如下的效果。
(下面两个是分别ALT+↑键 和ALT+←键复制出来的效果,最后在修改一下最上方文字的颜色,你就得到了一个立体字)
第二种就是使用PS自带的3D立体工具。
PS应该5和6包括CC都有的,窗口菜单可以找到,如果没有可能因为你的是PS精简版。这个工具AI里也有。
这是二维软件里唯二可以做3D效果的,虽然比较简单,但是对于平面设计的范畴来讲,已经很够用了哈哈
可以调整坐标,视图方向,光源,材质等多个参数来达到你想要的渲染效果。
PS应该5和6包括CC都有的,窗口菜单可以找到,如果没有可能因为你的是PS精简版。这个工具AI里也有。
这是二维软件里唯二可以做3D效果的,虽然比较简单,但是对于平面设计的范畴来讲,已经很够用了哈哈
可以调整坐标,视图方向,光源,材质等多个参数来达到你想要的渲染效果。
13. 钢笔造字
这个是很好体现设计感的一种做法,为了突出特色,避免字体的版权纠纷,大家可以自己试着造字。适合于做LOGO和标题等比较少文字的设计。
钢笔造字用PS的话会比较麻烦,建议使用AI或者CDR。
具体做法大家可以看刘兵克老师的视频:http://v.youku.com/v_show/id_XNzQxMjg3OTky.html
例子是我从网上搜索的截图。。。做这个要有思路有耐心,我就不献丑了
这个是很好体现设计感的一种做法,为了突出特色,避免字体的版权纠纷,大家可以自己试着造字。适合于做LOGO和标题等比较少文字的设计。
钢笔造字用PS的话会比较麻烦,建议使用AI或者CDR。
具体做法大家可以看刘兵克老师的视频:http://v.youku.com/v_show/id_XNzQxMjg3OTky.html
例子是我从网上搜索的截图。。。做这个要有思路有耐心,我就不献丑了