Photoshop制作创意的墙面立体字教程

2016-02-15 22:18 15 1 收藏

下面是个超简单的Photoshop制作创意的墙面立体字教程教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - PS 】

这是一个很内敛,带有艺术范的效果,没有花里胡哨的滤镜应用。其实我更关注的是原图中犹抱琵琶半遮面的那几个拉丁文字母,它们很符合原图的气氛,我尝试过换成别的字体,结果都显得很别扭。

在这里我还要强调一点,很多朋友热衷于使用各种滤镜模拟一些真实世界中的效果,忽略了寻找素材的重要性,学会寻找素材而不是用photoshop中的各种功能制造素材非常重要,像原图中背景这种带有杂点的背景,最好的选择就是去寻找合适素材,下面我山寨这个效果的时候就使用了一张墙壁的素材。

按惯例我先上最后的山寨效果:

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

这个是原图:

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

首先我粘贴进一张墙壁的素材

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

ctrl+j,复制一层

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

滤镜-其他-高反差保留

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

把混合模式改为叠加,强化背景的坑坑洼洼效果

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

添加一个颜色填充层,颜色代码见图,把透明度稍微减低一点,混合模式改为变暗,这里我顺便说一下我为什么不新建一层直接填充颜色的原因,通过图层下面的创建新的填充或调整图层来创建的颜色层,这样创建的颜色层或者渐变层具有智能对象的特征,修改起来非常的方便。

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

继续创建一个黑白径向渐变层,混合模式改为叠加,之所以我的透明度改为70%是因为我觉得深色的地方太暗了

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

至此,背景算是完成了。添加一个矩形形状,颜色无所谓,最终我不会使用到颜色。ctrl+j复制一层

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

ctrl+t自由变换编辑这个复制的矩形,开启参考点定位,往右边移动100像素

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

按ESC取消矩形形状的路径显示,shift+ctrl+alt+t复制形状,每复制完一次就esc取消路径显示继续复制,你需要安排多少个字母就复制几个矩形形状,这样能让所有矩形形状以一个矩形为一层的次序依次排列,这里我按原图安排六个字母,所有我复制了5个层

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

选择所有矩形形状层,把填充透明度调为0

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

双击第一个矩形层进入图层样式,添加斜面浮雕

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

还有投影

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

拷贝图层样式,粘贴到其他5个矩形层上

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

下载安装完成后,输入一行字母,在字母层上右键转为形状,后来我数了数字母,原来是七个,无奈添加了一个矩形

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

点击字母层前面的眼睛隐藏字母,按A选择第一个字母的路径,横向移动安排位置

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

ctrl+x剪切后粘贴在第一个矩形层上,顺便把这个矩形层的名称改为这个字母

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

继续在字母层里选择R,移动位置,像我一样如果觉得这个字母还可以修改一下外观的话也可以稍加变动。

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

剪切后在第二个矩形层粘贴,依次完成后面的剪切粘贴

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

接下来要解决一个问题,注意到我圆圈中的那一条条黑影了没有?那些黑影是复制过来的矩形添加图层样式后形成的,解决的办法就是把矩形的一边拉宽就行了。

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

选择一个矩形层,按A点击矩形的路径,ctrl+t把左边拉倒画布以外的地方,第一个字母上的黑影就消失了

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

依次完成后面的几个字母

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

到这里你大概会认为已经完成了,但是我不这么认为。看上去它好像有点像原图的风格,不过有些细节问题还要解决,那些投影和斜面浮雕的高光要处理一下,为了能让大家理解问题出在哪里,我画了一张示意图,原图要表现的是一种阶梯的效果,就是一层叠在另外一层之上,当一个光源置于某一点,它的光照强度和投影的距离会发生变化,就像下面的示意图中我要表达的一样,光照的强度会衰减,影子的范围也会跟着发生变化。

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

按照前面示意图所示,我逐个调整这些字母的图层样式中的数值,离光源最近地方的投影距离当然会短一点,阴影的边缘不会很虚

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

以4个像素为标准,依次完成后面的所有字母

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

原图中的背景层上似乎特别的暗,所有我在最后一个字母层上额外添加了外发光

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

现在字母P和O好像都一样了,所有我加工了一下以示区别

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

还有J上面的那个圆也很碍眼

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

完成

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

墙壁的素材:

Photoshop制作创意的墙面立体字教程,PS教程,图老师教程网

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

延伸阅读
【PS文字特效】Photoshop制作金色立体字教程 教程的立体字都是在PS里面完成。重点是文字立体面的制作,先做出有光感的渐变,然后按一定规律复制,做出立体面,做好后还需要把暗部渲染出来。新手制作的时候需要找一些相关的素材参考一下,这样做出的效果才更逼真。         图老师推荐:photoshop7.0...
标签: PS效果 PS PS基础
本教程的字体效果制作难度较大,完全用鼠绘的方法完成。大致过程:先根据需要打上文字,然后给文字变形处理,做出有艺术感的连写效果。然后给文字上色做出金属及立体感,后期再添加装饰即可。 最终效果 局部细节 寻找参考图。 1、选比较粗矿点的英文字体,打出你想要的字母,鼠标放该图层右键点将其...
标签: PS PS基础
先看一下显示的最终效果 1、打开一张图片做为背景 2、切换到通道面板,新建通道命名为1。 3、前景色设为白色,输入文字。输入完成Ctrl+D去掉选区 4、Ctrl+T给文本变形。 5、从新复制一个通道,备份一下,如果咱们做错了还可以从新回头改。 6、点击【滤镜模糊高斯模糊】设置如图 7、点击【滤镜滤镜库粗糙蜡笔】设置...
标签: PS PS基础
最终效果 1、新建一个800 * 600像素的画布,选择渐变工具,颜色设置如图1,由中心向边角拉出图2所示的径向渐变作为背景。 2、先来制作第一个文字2,需要完成的效果如下图。 3、新建一个组,命名为2。在组里新建一个图层,选择工具勾出图4所示的选区。然后选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。 4、新...
标签: PS PS基础
先看看效果图 1、新建1024*768px大小的文档,设置前景色为#532118,背景色为#170b09,用径向渐变工具拉渐变。 2、打开素材1,拉入画布中,改图层模式为叠加。 3、我们打上文字,这里我选择的字体是Watford,颜色#6e0023。复制一层字体图层,改填充为0%。 4、给原始字体图层添加图层样式如下。 5、给字体副本图...

经验教程

295

收藏

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