趣味创意馆

位置:首页 > 创意空间 > 设计教程

Photoshop制作格子纹理立体字

本教程需要CS4版本支持。现在CS4版本自带的3D工具效果非常强大,可以制作出非常逼真的立体图形。下面的教程介绍的是立体字的制作方法,教程可能翻译的不是很详细,细节及一些参数的设置还需要自己去摸索。

最终效果

Photoshop制作格子纹理立体字

1、首先我们选择一种位图格式的字体,然后输入文字,设置颜色,这里我填充的背景色是#3a3a3a,前景色设置为黑色,输入下面文字,调整字符面板中字体大小到120pt,效果如下。

Photoshop制作格子纹理立体字 第2张

2、创建一个新图层Mosaic,设置前景色为70%灰色,背景色为85%灰色,然后执行云彩滤镜,之后执行马赛克滤镜,设置大小为50,效果如下。

Photoshop制作格子纹理立体字 第3张

3、选择Background图层,然后按CTRL+J复制图层,按Alt键单击PSD和Mosaic图层,遮住Mosaic图层。

Photoshop制作格子纹理立体字 第4张

4、选择Background图层,然后执行“3D>NewMeshFromGrayscale>Two-sidedPlane”

Photoshop制作格子纹理立体字 第5张

5、下面我们创建3D效果。主要使用3D工具来实现,由于我的机器没有安装AdobePhotoshopCS4Extended,没法给大家详细翻译了!以下内容尽量看图吧!我简单翻译下!

Photoshop制作格子纹理立体字 第6张

6、在Photoshop中渲染达到块状效果。

Photoshop制作格子纹理立体字 第7张

7、打开3D窗口和双击3D图层,设置角度

Photoshop制作格子纹理立体字 第8张

8、设置图层不透明度。

Photoshop制作格子纹理立体字 第9张

9、3D渲染设置。

Photoshop制作格子纹理立体字 第10张

10、调整颜色。

Photoshop制作格子纹理立体字 第11张

11、设置光线。

Photoshop制作格子纹理立体字 第12张

12、新建立一个cam3Dview。

Photoshop制作格子纹理立体字 第13张

13、绘制光线。

Photoshop制作格子纹理立体字 第14张

14、设置3D立体效果。

Photoshop制作格子纹理立体字 第15张

Photoshop制作格子纹理立体字 第16张

Photoshop制作格子纹理立体字 第17张

15-22、立体字表面质感及投影的设置,过程如下图。

Photoshop制作格子纹理立体字 第18张

Photoshop制作格子纹理立体字 第19张

Photoshop制作格子纹理立体字 第20张

Photoshop制作格子纹理立体字 第21张

Photoshop制作格子纹理立体字 第22张

Photoshop制作格子纹理立体字 第23张

Photoshop制作格子纹理立体字 第24张

Photoshop制作格子纹理立体字 第25张

23、细节处理。

Photoshop制作格子纹理立体字 第26张

24、大致效果图。

Photoshop制作格子纹理立体字 第27张

25、设置图层样式,选择渐变叠加。

Photoshop制作格子纹理立体字 第28张

26、加入纹理素材,放到投影图层的下面,按住Alt键再图层面板把图层往下拖与下一图层编组。

Photoshop制作格子纹理立体字 第29张

27、最后加上一些滤镜效果,完工。

Photoshop制作格子纹理立体字 第30张

最终效果。

Photoshop制作格子纹理立体字 第31张


感谢作者不详分享教程。