Photoshop制作立体折痕效果的文字海报

2016-02-15 23:07 343 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop制作立体折痕效果的文字海报,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

这个海报属于一张以文字为主的文字排版海报。让文字在一张折纸上显示。不乏趣味,刺激阅读,也是简洁大气的设计。今天有P友问我这个海报可不可以用PS作。我试着用ps撸了出来。下面就讲解一下,我的解答过程。不同的人,也可以根据自己的想法来做。方法千千万万种,条条道路通罗马。这里我要带出套索工具的一些实战使用技巧。

先看看效果图:

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(盖印的快捷键)就可以把这些形状盖印成一个形状了。没错,形状层是可以盖印的哦。

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

复合形状层

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

如下:

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

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

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

路径线框

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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教程,图老师教程网

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

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

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

可以稍锐化一下。成品就诞生了。

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

总共用到的几个技巧。这里了列一下:

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

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

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

【关于套索工具和调色命令组合技的实战技巧】 这里我们用曲线就足够了。因为,基于它的复合通道和RGB通道,可以进行单色调色。

这里我们可以用套索工具来建立纯色块,然后再用它来建立选区,进行控制调色。可以快速制作类3D的几何色块。

这种色块,在海报,招 贴,甚至人像合成设计中,都能作为酷酷的元素登场。

这里大叔做几个,你们看了,是不是觉得眼熟呢?很简单,但是很实用。

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

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

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

以下是几种类型。

Photoshop制作立体折痕效果的文字海报,PS教程,图老师教程网

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

来源:https://www.tulaoshi.com/n/20160215/1565087.html

延伸阅读
效果图非常新颖,画面简洁,不过视觉上却非常不简单。作者把立体字做成了高楼大厦,里面配上个各种装饰,再加上一些城市和新年元素,画面非常精彩。不过要完成这样一幅作品,需要一定的美术功底。 最终效果 灵感思路: 1、先画个字体变形的草图,具体应该怎么变形,大家可以找参考,如图。 2、游戏给人的感觉就是在用...
标签: PS PS教程
效果图非常新颖,画面简洁,不过视觉上却非常不简单。作者把立体字做成了高楼大厦,里面配上个各种装饰,再加上一些城市和新年元素,画面非常精彩。不过要完成这样一幅作品,需要一定的美术功底。 最终效果 灵感思路: 1、先画个字体变形的草图,具体应该怎么变形,大家可以找参考,如图。 2、游戏给人的感觉就是在用积木不断的叠加出...
标签: PS PS基础
原图: 1:视图-标尺(ctrl+R),从刻度处纵横方向分别拖拽出参考线,如图: 2:进入通道面板,点击创建新通道按钮,新建立一个Alpha 1通道,点击Alpha 1通道,选择矩形选框工具(M),对准纵向参考线向右拖拽出一个矩形,选择渐变工具(G),将背景色前景色设置为黑、白(D、X),选择线性渐变白色--黑色,按住shift如图拖拽 3:再次创建...
来源:优设 作者:MartinRGB译 效果图由两大部分构成:立体字及装饰。立体字直接用PS自带的3D工具制作,最好选CS6及新出的PS版本,功能强大很多。装饰部分直接用一些水果素材及笔刷等来装饰,可以用滤镜及液化工具进行一些变形处理。 最终效果 1、创建新文件,大小1400px * 800px,然后设置淡蓝色背景。 2、创建新图层,使用白色柔和的笔刷...
效果图由背景、文字、装饰三部分构成,文字部分制作比较重要,包括立体字及霓虹字。立体字制作稍微复杂一点,需要纯手工制作。 最终效果 1、首先建立一个1000 * 1455像素文件,然后导入下图所示的星空背景。 2、新建一个图层,给星空背景加上暗角。 3、我们先来分解这个“9”字,其实每个字的制作...

经验教程

10

收藏

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