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

绝版奥特曼射手

绝版奥特曼射手

2016-02-15 22:18

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

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

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

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

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

这个是原图:

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

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

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

ctrl+j,复制一层

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

滤镜-其他-高反差保留

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

还有投影

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

依次完成后面的几个字母

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成

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

墙壁的素材:

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

展开更多 50%)
分享

猜你喜欢

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

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

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

PS PS基础
Photoshop制作创意风格墙面立体字教程

s8lol主宰符文怎么配

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

Photoshop制作创意的金色立体字

电脑网络
Photoshop制作创意的金色立体字

Photoshop制作创意的潮流金色立体字教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作创意的潮流金色立体字教程

lol偷钱流符文搭配推荐

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

Photoshop制作创意的动感火焰立体字

PS PS基础
Photoshop制作创意的动感火焰立体字

Photoshop设计创意风格的立体字教程

PS PS基础
Photoshop设计创意风格的立体字教程

lolAD刺客新符文搭配推荐

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

Photoshop设计质感的玻璃透明心形效果

Photoshop设计质感的玻璃透明心形效果

Photoshop制作超炫的日食光线效果

Photoshop制作超炫的日食光线效果
下拉加载更多内容 ↓