【教程】PS制作立体文字效果

发布于:2016-01-27 15:13

教程转自网络,如有侵权请联系管理员删除

作者未知

064f8d373759665f4d55e243bb96390b001.jpg

分解一下这个PS合成。不难发现主体是由一个斑驳的背景,PS两个3D立体的文字,从上打下来的光和一些光点装饰三个部分组成的,而整个合成的难点就在于怎么得到较为逼真的3D文字效果。

这里的逻辑是,先得到一个符合透视原理的3D文字轮廓然后放到photoshop中添加贴图和效果,做成艺术化的伪3D视觉。

共有39条评论
正序查看
倒序查看
图图学画 2016-01-27 15:15
回复

得到3D轮廓的方法很多,比如绘画基础好的同学可以自行手绘,利用AI中的3D效果,Photoshop中的3D

7ac17c620310d06ef6009de599ece840001.jpg

8d61d8b061853cfb578b2901e6866a79001.jpg

c099a92542025763a46010931c1b3751001.jpg

得到3D文字的方法很多,随你喜欢。

Ok,得到3D文字的轮廓我们就可以开始进入到本教程的核心的图片合成环节了。

回复
图图学画 2016-01-27 15:16
回复

建立背景。新建合适大小的画布,置入背景素材。对素材调色,把它尽量压暗,提高对比度

721ed48f71fcf219ab5a1dfd81df9511001.jpg

ec8e5bb2a60efc124478f19f88c4d830001.jpg

回复
图图学画 2016-01-27 15:16
回复

制作文字,这里以字母"P"为例子。

将AI中制作好的文字复制粘贴到Photoshop中,并调整好大小和位置。

5e93780b00a19a5ffd2e5b59bfcd7547001.jpg

回复
图图学画 2016-01-27 15:16
回复

用钢笔勾出3D文字的各个里面区域,施加图层样式得到基础质感。

2700cf8e048369a2b56101fa2cfff23c001.jpg

图图学画 2016-01-27 15:17
回复

效果如图:

f904e0bd63abe63abd1e7edd7d88f5b9001.jpg

图图学画 2016-01-27 15:17
回复

其余的几个区域也进行一样的操作。但是图层演示要根据实际情况做相应调整。

56df99c14f9d0736e1e5f2b1e920c5c8001.jpg

图图学画 2016-01-27 15:18
回复

根据轮廓用钢笔绘出3D文字,并用图层样式赋予其基础质感。注意,这里用形状图层并且用图层样式来进行调节是因为这里的属性是可以随时修改的。我想对于GUI或者icon设计的朋友,应该很清楚。

a3035a03b4df52b408a5cc77f6352062001.jpg

图图学画 2016-01-27 15:18
回复

用剪贴蒙版对文字进行进一步修饰处理。

添加一个亮度对比度的调整图层,将整体亮度压低,新建一层高光层混合模式为线性减淡,一层暗部层混合模式为正片叠底。亮部层中用合适的柔角画笔,调整好流量和透明度,吸取一个亮黄色在收光面上画出淡淡的高光,适当的时候可以用高斯模糊均化一下。暗部层反之,打造阴影区域。

9b1b5d7f64d63f15608d7f8576ebe8f0001.jpg

befor

5d76a2475e83f9f4ef3627a38b620aa2001.jpg

after

a75a613a26bb42f890702911d0ed6ebe001.jpg

图图学画 2016-01-27 15:20
回复

打造阴影。将之前AI中复制过来的字母文件栅格化,ctrl+U,亮度调成最暗,得到一个黑色的字母P,这个是做阴影的基本元素。

ec0b6b08ef77e23f7744d696950552bc001.jpg

图图学画 2016-01-27 15:20
回复

复制几层,注意请注意,这里都把它变成智能对象,然后再施加滤镜菜单下的模糊命令。再结合蒙版来打造阴影。这里之所以用智能滤镜是因为这是可以反复调节的,便于修改。

7584ab8d00ced696a2a74ab9cb74bd5f001.jpg

回复:【教程】PS制作立体文字效果

图片
视频

0

今日新帖

0

昨日新帖

73

帖子总数