【教程】PS几种常用的字效和排字教程

13 滤镜


善用滤镜,会有很多很好的意想不到的效果~
比如模糊里的高斯模糊和动感模糊;比如扭曲里面的波纹和极坐标,比如风,光照,杂色,还有滤镜库里的一些自带效果,大家都可以尝试去使用并调整参数。




当然网上下载一些外挂滤镜也是一个简单省力的办法


楼主 充耳以素  发布于 2015-09-03 12:12:00 +0800 CST  
14 剪切蒙版


SORRY,漏了一招
最简单也最容易出高大上效果的,那就是图层蒙版!!!


从网上搜索一写图片,直接创建剪切蒙版到文字图层上。
关键词:材质 底纹 花纹 金属 星光 灯火 星空。。。。


效果如下




楼主 充耳以素  发布于 2015-09-03 12:32:00 +0800 CST  
撸了一下,这些基础的字效好像已经讲完了
去吃个午饭
回来讲讲字体和字体的排列吧。


上面还有亲问了小说封面字体如何制作的
我自己其实也混过小粉红给人家做封面练手来着2333333
讲完排字之后我去找一些封面啊海报啊的例子给大家分析一下思路哈哈

楼主 充耳以素  发布于 2015-09-03 12:33:00 +0800 CST  
<b>【二 排字】</b>


之所以说是排字不是排版,是因为排版涉及到的比较多,不仅仅是文字,还有图,是一种综合版面的布局。。。
我们这里只讲字,所以是一些基础的排字方法。

突发奇想,试试贴吧能不能用代码

楼主 充耳以素  发布于 2015-09-03 15:49:00 +0800 CST  
看来不行。。。老老实实的发帖子吧⊙﹏⊙‖


排字呢 适用于一些文字不太多的,但是也有标题 有内容
有想要突出的重点内容,也有说明性的文字
这个时候,如果我们还把所有的文字用一种格式,未免过于单调了


比如我想要制作一个贴吧的签名档
我新建一个画布,把喜欢的句子粘贴在文字框里,可是看上去很差劲对不对?




2.1 字体的大小粗细
有对比才有发现,有对比才有重点。最简单的办法,就是用字体的大和小,粗和细。
这个看起来是不是就比上面的好一点?
能够一目了然的看出来,我这个重点是悟空传,下面的应该是这本书里的语句。


楼主 充耳以素  发布于 2015-09-03 16:06:00 +0800 CST  
2.2 手写字体和印刷字体相结合


用一些硬笔或者毛笔字体,结合印刷字体(黑体宋体等)


不过在一个画面里,老生常谈的一句话,就是字体不要超过三种!!!
重点的标题字会涉及到各种的字效和排列,但是小字基本上黑体和宋体(或者一些相关的变体)就可以了


这里我把悟空传改为了毛笔字(叶根友特色简体),看上去好像丰富一点了


楼主 充耳以素  发布于 2015-09-03 16:15:00 +0800 CST  
2.3 调整字体的基线/打乱字体


这里其实上面也有提到过,就是一个字一个图层,对这些字的位置进行调整
这些要自己不断的尝试,找到一种合适的排列方案


这里,我把悟空传三个字分成三个图层,同时缩小了“传”字


楼主 充耳以素  发布于 2015-09-03 16:21:00 +0800 CST  
2.4 中文和英文混排


感觉还是比较单调,又没有别的字可以写的时候,可以尝试不同语言
中文和英文,或者其他语种的语言


有时候很多都是用拼音,书籍封面经常这样干哈
有的英文根本不能仔细看,语法错的漏洞百出
为什么还要放呢?


因为对于这种非母语的语言,有的压根不懂这些意思,就算你懂英韩日法语的,想要理解,也要在大脑里思考一下
这个时候,外文对于我们来说,其实更多的一种图案的意思,而不是文字


举个例子,很多人的衣服上,经常有英文字母。国外的明星,纹身纹一些很奇怪的中文。
我们看他们觉得很搞笑,烤鸭无用这都是什么鬼啊
他们估计也很不理解我们,写个smile fashion paris之类的


有时候,美就是因为这样,因为你不会去考虑这个文字到底是什么个意思有什么内涵
大家欣赏的是字形 是韵律


楼主 充耳以素  发布于 2015-09-03 16:36:00 +0800 CST  
2.5 颜色的搭配


同样是那句话,字体的颜色最好不要超过三种。
如果有背景图,讨巧一点的方法是直接吸背景颜色作为文字颜色。
如果你对配色不擅长,可以选择一些配色色卡作为参考


我想给这张签名档加一个背景图,找了一个酷炫的大圣归来贴上去


因为背景的暗红色比较抢眼,这个时候我们发现黑色的文字在里面显得不起眼了
而且整体效果很不好


背景暗色很多,所以我决定换一个饱和度和明度比较高的颜色做文字色
悟空传三个字我采用的黄色,拼音部分用了白色
为了整体的效果和谐,小字部分吸取了大圣阴影部分黑红(虽然看起来更接近黑色)


楼主 充耳以素  发布于 2015-09-03 16:53:00 +0800 CST  
2.6 字效的综合运用


上面我们讲了十几种字效,大家可以根据自己想要的效果,进行不断的排列组合的尝试。。


悟空传这三个字,我用图层样式加了阴影
网上搜了金属的文字,做了一个剪切蒙版,适当调整蒙版的不透明度
这个时候再观察整个画面,就感觉黑色的小字不太和谐了


怎么改呢?
试试给小字加一个底色?于是我就做了一个矩形背景色,并把颜色调为背景的灰黄色
把字体改为明度高的白色(也不是纯白,CMYK里Y是12%)
并且对小字的行进行一些调整。是不是比看上去好一点了?


楼主 充耳以素  发布于 2015-09-03 17:10:00 +0800 CST  
最后再进行微调


这个时候可以拉参考线,使文字和背景图案的一些部分对齐——
比如小字底色框,上面和悟空的眼睛,下面和悟空手里的东西对齐
拼音以及“传”字,和“悟”的竖笔画对齐,空字也和眼睛对齐
小字和底色框居中对齐,并且大概处于左右三分 上下两份的位置


调整了背景的色阶和曲线,同样是微调


可能有人要问为什么要做这些步骤哈
我个人觉得,这样会让你的文字和图案有联系,有互动,文字和文字之间有联系
藕断丝连情意绵绵(什么鬼


楼主 充耳以素  发布于 2015-09-03 17:38:00 +0800 CST  
妈呀,一个例子讲这么久,好费劲。。
(然后突然想起来字效里有一个倒影的忘说了,回来补上


有人在看不?
问一下,我们是继续做这种一步步的练习呢?
还是直接找一些电视的海报和封面进行要点分析呢??


家里无菜无米无零食。。快饿晕了ORZ
我去逛个超市,回来看看亲们的意见再继续~~~

楼主 充耳以素  发布于 2015-09-03 17:43:00 +0800 CST  
先看一下电视剧电影上海报字体。。
不知道各位有没有这种症状,就是看到别人的设计作品,会不自觉的想应该如何做?


反正我现在在路上看到广告牌,图书馆翻到书,网购看到详情首页
都会关注这个的亮点是什么?这个效果怎么做到?如果是我会如何设计?
OTZ无法自拔。。。。。


人物和背景且不说,只看文字,比如这个:
1 克拉恋人 Diamond Lover 分图层调整字体的大小和位置
2 对字体的笔画进行修改,增强整体感
3 钢笔和曲线 添加装饰性的笔画
4 做字效 字体是钻石纹理 整个字是内陷的
5 添加一个闪光的光芒效果




楼主 充耳以素  发布于 2015-09-03 20:10:00 +0800 CST  
抽空来说一句,更新要等周末了
不好意思哈 工作日实在没空做这个

楼主 充耳以素  发布于 2015-09-07 19:53:00 +0800 CST  
抱歉,好久没来了
实在是三次元太忙了,抽不出空


好不容易等到了十一放假,下午要坐车回家,后面还有出游的安排
趁着这会儿有空,就更新一下帖子


发现有时候意识和上手的差距还是挺大的。。。
所以这一次打算模仿一个电商的海报


大家不要怕模仿,有不少人认为设计师是完全考灵感和创意,提到模仿好像觉得很掉分。。但是当你还不是一个资深者的时候,我觉得多模仿多联系是很有益处的。
学书法的也是从临摹大师们的笔墨开始的,学画画的没成气候的时候也是不断练习大触们的画的。。。所以不要觉得模仿是一件坏事情
当然我指的不是那种看了教程完全按照别人的参数做,不思考不改变的模仿。

楼主 充耳以素  发布于 2015-10-01 09:46:00 +0800 CST  
最近一段时间很流行这种海报。。我随便截图了几个


不知道各位有没有搜集素材的习惯----我指的是这种成品图,大家看到好看的范例可以保存下来,不用一张张的存,建一个大画布每天截图就好了
有时候不知道怎么做的时候可以找找灵感
或者同类型的放在一起,练习的时候也有参照


因为时间关系,这次我们就模仿一个这种几何风格的海报
比较简单,但是效果也不错,算是比较便捷又时尚的




楼主 充耳以素  发布于 2015-10-01 09:58:00 +0800 CST  
先看一下范例的大图,一个数码类目的海报


做之前先分析一下海报的组成部分:
左侧实物图, 右侧促销文字 ——这个是左右平分的版面
背景的几何形状,以及一些装饰性的几何




楼主 充耳以素  发布于 2015-10-01 10:02:00 +0800 CST  
1 首先新建一个画布,先铺垫背景色


背景我习惯做深色到浅色的径向渐变,中间亮四周暗。
不会太单调,也比较能突出中心
不过没什么具体设置,多拉几次直到满意


楼主 充耳以素  发布于 2015-10-01 10:12:00 +0800 CST  
2,找好产品图放进来


我是网上随便搜的素材


懒得抠图或者比重不大的图,比如小装饰啊光效之类的
白底就正片叠底,黑底就滤色 比较省事
下图是正片叠底的效果


不过我们这个是主要产品图,虽然融入了背景但是产品也不清晰了
所以还是抠图比较好。简单粗暴的抠图略。。。。
扣好之后记得把图层转为智能对象,这样随意放大缩小不会影响产品的清晰度


楼主 充耳以素  发布于 2015-10-01 10:28:00 +0800 CST  
3 把文字放进去


我习惯的做法是把文字全部放进去之后再调整做效果
简单区分了文字,字体用的都是黑体,分别是特粗黑,碳纤维大黑,默认黑体


PS:鉴于显示器的不同大小,我图片设置的1920的宽度,是为了防止用19存大显示屏的亲们打开图片铺不满屏幕。。。
但是为了防止屏幕小一点(1024,1366,1440)的人打开时信息显示不完整,所以主要内容都放在中间的1000内,为此设置两条参考线做参照




楼主 充耳以素  发布于 2015-10-01 10:45:00 +0800 CST  

楼主:充耳以素

字数:9495

发表时间:2015-08-22 17:43:00 +0800 CST

更新时间:2016-09-21 12:21:56 +0800 CST

评论数:542条评论

帖子来源:百度贴吧  访问原帖

 

热门帖子

随机列表

大家在看