Photoshop设计折纸风格的字体海报教程

2016-02-15 20:53 127 1 收藏

下面是个简单易学的Photoshop设计折纸风格的字体海报教程教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - PS 】

今天的海报设计以文字为主,不乏趣味,刺激阅读。有同学问这类效果能不能用PS作,P大点S微博试着撸了出来,下面讲一下过程。方法千千万万种,条条道路通罗马,这里要带出套索工具的一些实战使用技巧。文末还有关于套索工具和调色命令组合技的小灶,真心好用哭。

结果终稿:

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

这里附上原稿:

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

第一步:用钢笔勾出这张褶皱的纸的外轮廓。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

吸取一个深紫色,作为基色。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后,我们来用套索工具,集合,曲线调色命令。来做褶皱。(这里就是一个非常实用的组合技了,教程结束的时候,我还会告诉大家这个东西能做什么)

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

这里要注意的事,我们因为要精确的来套索,可以结合快捷键ctrl+空格或者ALt+空格来放大,缩小视图。来更好的套索。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

最后的结果如下:一个基本的褶皱就完成了。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

对比图:

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

接下来就是来添加基本的光影气氛:

也就是那些白色的类似高光的东西。这里也要用套索来控制选区,然后用柔焦笔刷刷就可以了。模式为滤色。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后把它保存为智能对象,对其添加杂色

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后在智能对向下的蒙板上来擦拭的柔和一些。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

效果。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后就是添加这些折痕的地方,添加条形高光。这里直接用钢笔,然后描边就行了。白色即可。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

调整透明度,用橡皮擦来修整一下。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后就是来创建海报的主体。文字部分。这里为了能够让他们有可调性,能够做出在褶皱处的感觉。我们学习一个技巧创建组合文字路径。

步骤如下:

先输入文字,不用一次性一个文字层输完。可以看自己排版要求,建立多个文字层的。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

这里是我的文本。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后,选择所有的文字层。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

点击菜单栏上的文字-转化为形状,就可以把所有的文字都转化形状了。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

如图所示。都成为了形状。这里,重点来了。我们接着选择这些形状层。ctrl+E(盖印的快捷键)就可以把这些形状盖印成一个形状了。没错,形状层是可以盖印的哦。记住了。筒子们~!新技能get

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

复合形状层

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

如下:

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后,矢量工具用起来。我们可以把填充改为空,好得到一个文字路径线。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

路径线框

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

ctrl+T,选择变形,做一下基本的变形。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

如下

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

过程中可以填充回红色看效果。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后就是改路径了。使得文字和纸能产生贴合。这里有个小技巧。就是在文字与边缘线的地方,添加锚点,然后变成直角锚点,来进行拖动。主要锚点可以这样处理,其他的锚点,添加根据文字实际情况来。(这里楼主做的不够,细致,没有严格按着透视来)

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

弄完之后的,路径线。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后就是给文字调色了。这里我们要处理的,就是高光的部分,不同的褶皱出的亮暗程度不一样。我要来做亮的部分。这里我们又有一个技巧。我们用剪切蒙板下的渐变映射,可是这里的渐变比较特殊,我们拖一个两端颜色一样的渐变。这个粉色的渐变是比较亮的颜色。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后用蒙板来控制。这里,我也用套索来得到选区。反正就是亮暗明显一些。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

然后在文字上添加一层高光,方式如上一样。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

这里我觉得没有纹理的纸有些空洞,这里就给纸的那一层,添了一个纹理,用剪切蒙板。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

最后,进行最后的装饰和调整。

用笔刷,来用些高光,和暗部。记得用套索工具来辅助建立选区,让控制精确。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

最后,添加文本和logo。然后加上P大点S的logo放在右下角,稍微做下变形,添上作者和时间。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

可以稍锐化一下。成品就诞生了。总共用到的几个技巧。这里了列一下:

套索工具和曲线的组合技,可以快速调出类似3D遮挡效果和明暗效果。

形状图层可以用CTRL+E来盖印,并且此次操作之后,仍然为形状图层。

路径文字变形,要熟悉钢笔工具。

【关于套索工具和调色命令组合技的实战技巧】

这里我们用曲线就足够了。因为,基于它的复合通道和RGB通道,可以进行单色调色。

这里我们可以用套索工具来建立纯色块,然后再用它来建立选区,进行控制调色。可以快速制作类3D的几何色块。这种色块,在海报,招贴,甚至人像合成设计中,都能作为酷酷的元素登场。这里大叔做几个,你们看了,是不是觉得眼熟呢??很简单,但是很实用~!

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

不过,要有点绘画基础,才能快一点。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

以下是几种类型。

Photoshop设计折纸风格的字体海报教程,PS教程,图老师教程网

希望这么个教程,能对你们有所帮助,开阔思路努力。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

来源:http://www.tulaoshi.com/n/20160215/1563823.html

延伸阅读
标签: PS基础
本教程主要使用Photoshop设计感恩母亲节字体海报教程,教程的主要部分是字体方面的设计,把字体的效果只做好,然后排版好效果就出来了,喜欢的朋友一起来学习吧。 效果图: 1新建画布,大小1000*500像素,分辨率72,RGB色 2在画布上填充径向渐变,数值如下(渐变数值图) 3在画布上画一个任意的形状...
标签: PS PS基础
本教程主要使用Photoshop设计时尚的淘宝全屏海报教程,电商海报是当下最火的一个设计行业,今天我们就一起来学习手表的全屏海报设计过程,主要使用PS来完成,找到合适的素材然后在加上文案字体的设计,喜欢的朋友一起来学习吧,有什么不懂可以下载教程素材和源文件。 教程素材: 时尚的淘宝手表海报PS教程源文件     ...
本教程主要使用Photoshop设计打散效果的运动鞋海报,网上类似的教程比较多,步骤有简有繁,但只要能领会到制作过程中的精髓,便会有意想不道的效果。 完成效果图 一、把运用的素材找好,如下图:喷溅的油漆、运动鞋、斑驳纹理 www.tulaoshi.com 二、新建画布,填充浅灰色,把“斑驳纹理”图片打开,ctrl+A,ctrl+c,ctrl+v,粘贴至新建的...

经验教程

539

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部