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

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Projava

关键词

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

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

依次完成后面的几个字母

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

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

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

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

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

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

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

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

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

 收藏