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

isdcnsxcp

isdcnsxcp

2016-02-15 23:07

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

这个海报属于一张以文字为主的文字排版海报。让文字在一张折纸上显示。不乏趣味,刺激阅读,也是简洁大气的设计。今天有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,选择变形,做一下基本的变形。

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

如下

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

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

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

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

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

弄完之后的,路径线。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以下是几种类型。

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

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop制作立体效果的立体字海报场景

PS PS基础
Photoshop制作立体效果的立体字海报场景

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作动感的立体字海报

电脑网络
Photoshop制作动感的立体字海报

Photoshop制作简洁的文字海报

电脑网络
Photoshop制作简洁的文字海报

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作绚丽的文字海报

电脑网络
Photoshop制作绚丽的文字海报

Photoshop制作大气的立体字海报

电脑网络
Photoshop制作大气的立体字海报

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop创意合成碎片装饰的人像海报教程

Photoshop创意合成碎片装饰的人像海报教程

Photoshop调出外景婚片复古怀旧效果图

Photoshop调出外景婚片复古怀旧效果图
下拉加载更多内容 ↓