Photoshop制作3D立体金属字教程
Photoshop制作3D立体金属字教程
发布时间:2017-01-09 来源:查字典编辑
摘要:本教程主要使用Photoshop制作金属质感的3D立体字,教程主要使用滤镜工具来制作纹理配合笔刷的使用和素材的合成完成最终效果图,喜欢的朋友...

本教程主要使用Photoshop制作金属质感的3D立体字,教程主要使用滤镜工具来制作纹理配合笔刷的使用和素材的合成完成最终效果图,喜欢的朋友让我们一起来学习吧。

教程素材:超酷的3D金属字PS教程素材和节点式PS滤镜Filter Forge 2.008 额外的200多个精品预置

最终效果

Photoshop制作3D立体金属字教程1

1、建立基本框架和文字

(1)新建文档1000×1000像素文件,设置分辨率为300,填充背景颜色为#dcdcdc

Photoshop制作3D立体金属字教程2

(2)设置前景色为白色,使用矩形工具,创建一个588×611像素的矩形

Photoshop制作3D立体金属字教程3

(3)复制矩形层

Photoshop制作3D立体金属字教程4

(4)在选项栏,修改填充为无,边框为黑色,大小10点

Photoshop制作3D立体金属字教程5

(5)设置边框对齐方式为外面

Photoshop制作3D立体金属字教程6

(6)创建文本,使用黑色,大小为45点,间距为100

Photoshop制作3D立体金属字教程7

(7)继续创建文本,修改间距为50,其他参数不变

Photoshop制作3D立体金属字教程8

2、创建椭圆形及文字

(1)使用椭圆工具,设置前景色为#dcdcdc,在两个文本层之间创建一个椭圆

Photoshop制作3D立体金属字教程9

(2)复制椭圆层

Photoshop制作3D立体金属字教程10

(3)修改复制椭圆层的填充为无,边框为黑色,4点,对齐方式为外面

Photoshop制作3D立体金属字教程11

(4)在椭圆中心创建文本,间距为-25

Photoshop制作3D立体金属字教程12

3、添加辅助线,在边框添加小圆形

(1)按住“Ctrl+R”调出标尺,使用移动工具,拖出辅助线

Photoshop制作3D立体金属字教程13

Photoshop制作3D立体金属字教程14

Photoshop制作3D立体金属字教程15

(2)设置前景色为白色,使用椭圆工具,设置固定尺寸为20×20像素,从辅助线交叉处点击拖动,得到下图效果

Photoshop制作3D立体金属字教程16

Photoshop制作3D立体金属字教程17

(3)执行“Ctrl+;”,隐藏辅助线

Photoshop制作3D立体金属字教程18

4、转3D图层

(1)除背景层外,对每一层执行“3D>从所选图层新建3D模型”,如果是形状图层,执行“3D>从所选路径新建3D模型”

Photoshop制作3D立体金属字教程19

(2)选择所有3D图层,然后执行“3D>合并3D图层”

Photoshop制作3D立体金属字教程20

Photoshop制作3D立体金属字教程21

5、修改网格

(1)改变矩形1的挤出深度为30

Photoshop制作3D立体金属字教程22

(2)修改矩形1副本的挤出深度为80

Photoshop制作3D立体金属字教程23

(3)修改文本层挤出深度为50

Photoshop制作3D立体金属字教程24

椭圆1挤出深度为30

Photoshop制作3D立体金属字教程25

椭圆1副本挤出深度为50

Photoshop制作3D立体金属字教程26

椭圆中心文本挤出深度为30

Photoshop制作3D立体金属字教程27

最上面的文本挤出深度为50

Photoshop制作3D立体金属字教程28

椭圆2挤出深度为30

Photoshop制作3D立体金属字教程29

6、移动网格

(1)坐标轴的各项功能如下所示(没做个3D的认识下吧)

Photoshop制作3D立体金属字教程30

(2)修改各个组件的位置,达到如下效果

Photoshop制作3D立体金属字教程31

(3)你也可以从各个角度检查每个物件的位置是否正确

Photoshop制作3D立体金属字教程32

7、创建金属纹理

(1)新建1000×1000像素文档,分辨率为72

Photoshop制作3D立体金属字教程33

(2)执行“滤镜>Filter Forge>Filter Forge3”选择下面的材质,并改变参数如下

Photoshop制作3D立体金属字教程34

(3)这个是主纹理

Photoshop制作3D立体金属字教程35

(4)执行“图像>调整>色相饱和度”,改变参数如下:

Photoshop制作3D立体金属字教程36

(5)继续修改亮度对比度参数如下,改好后保存为JPG图片命名为“Metal Texture”

Photoshop制作3D立体金属字教程37

8、创建主材质

(1)回到原始文档,修改矩形1副本的前面的材质,替换为刚才保存的“Metal Texture”

Photoshop制作3D立体金属字教程38

(2)接着选择“Edit UV Properties(编辑贴图属性)”,设置参数如下:

Photoshop制作3D立体金属字教程39

(3)修改“Specular(镜像)”的颜色为#333333,“Illumination(发光)”和“Ambient(环境)”的颜色都为#000000,“Shine(闪亮)”的值为70%

Photoshop制作3D立体金属字教程40

9、保存材质,以便后面再次利用

(1)单击材质预览框箭头,在弹出的菜单中选择“新材质”

Photoshop制作3D立体金属字教程41

(2)弹出的对话框中,填写材质名称,点确定

Photoshop制作3D立体金属字教程42

(3)按住shift键,选中矩形1副本剩下的部分,打开材质选择器,应用刚才保存的材质即可

Photoshop制作3D立体金属字教程43

10、修改主材质

(1)选中文字层的前面材质,编辑UV属性,参数设置如下

Photoshop制作3D立体金属字教程44

Photoshop制作3D立体金属字教程45

(2)同样保存材质,命名为“Metal Texture-Text”,以方便后面赋予其他文字层

Photoshop制作3D立体金属字教程46

(3)将刚保存的材质应用给其他文字层

Photoshop制作3D立体金属字教程47

11、创建前面的纹理

(1)新建文档1000×1000像素,执行“滤镜>Filter Forge>Filter Forge 3”,选择下面的材质,并修改参数如下:

Photoshop制作3D立体金属字教程48

(2)得到下图纹理效果:

Photoshop制作3D立体金属字教程49

(3)修改色相饱和度,改变参数如下,然后保存图片命名为“Front Texture”

Photoshop制作3D立体金属字教程50

12、创建前面的材质

(1)回到原始文档,选择矩形1的前面材质,(Diffuse)替换刚保存的纹理,并设置参数如下

Photoshop制作3D立体金属字教程51

(2)修改“Shine(闪亮)”值为80%

Photoshop制作3D立体金属字教程52

(3)单击“Bump”,选择“新纹理”

Photoshop制作3D立体金属字教程53

(4)在弹出的对话框中,继续设置大小为1000×1000像素,分辨率为72

Photoshop制作3D立体金属字教程54

(5)继续单击“Bump(凹凸)”,选择编辑纹理

Photoshop制作3D立体金属字教程55

13、创建“Bump(凹凸)”纹理

(1)在刚打开的纹理文件中,执行“Filter Forge 3”滤镜,选择下图纹理,修改设置如下:

Photoshop制作3D立体金属字教程56

(2)得到下图效果,保存回到原始文档

Photoshop制作3D立体金属字教程57

(3)打开纹理属性对话框,修改参数如下

Photoshop制作3D立体金属字教程58

14、盖子设置

(1)选择椭圆1前面材质,改变“Diffuse(漫射)”颜色为#020a2b,“Specular(镜像)”颜色为#384478,“Illumination(发光)”颜色为#000000,“Ambient(环境)”颜色为#030303,然后改变“Shine(闪亮)”的值为10%

Photoshop制作3D立体金属字教程59

(2)选择椭圆1,单击盖子标签,修改参数如下

Photoshop制作3D立体金属字教程60

(3)选择椭圆2,同样在盖子标签栏下,修改参数如下,然后应用“Metal Texture”给椭圆2材质

Photoshop制作3D立体金属字教程61

15、安放模型

(1)在3D面板里,选择所有模型

Photoshop制作3D立体金属字教程62

(2)沿着X轴旋转模型73度

Photoshop制作3D立体金属字教程63

(3)执行“3D>将对象移到地面”确保物体在地面上,没有陷落或者漂浮

Photoshop制作3D立体金属字教程64

(4)缩放摄像机,并改变摄像机的视角,达到下图效果

Photoshop制作3D立体金属字教程65

16、灯光设置

(1)选择无限光1,改变强度为30%,阴影柔和度为100%

Photoshop制作3D立体金属字教程66

(2)单击坐标,使用下图坐标数值

Photoshop制作3D立体金属字教程67

(3)新建一个聚光灯,设置参数如下:(你也可以自己尝试不同的灯光设置)

Photoshop制作3D立体金属字教程68

Photoshop制作3D立体金属字教程69

(4)修改聚光灯的坐标,参数如下:

Photoshop制作3D立体金属字教程70

(6)新建一个点光源,参数设置如下:

Photoshop制作3D立体金属字教程71

Photoshop制作3D立体金属字教程72

(7)灯光设置完毕后,选择中间文字的千米那材质面板,改变“Specular(镜像)”颜色为#7d7d7d

Photoshop制作3D立体金属字教程73

(8)再次选择点光源,移动它到椭圆的右侧

Photoshop制作3D立体金属字教程74

(9)完成后,即可开始渲染。(Alt+Shift+Ctrl+R)

Photoshop制作3D立体金属字教程75

17、创建背景

(1)渲染完后,保存一个副本,然后栅格化3D层

Photoshop制作3D立体金属字教程76

(2)在栅格化后的3D模型下面新建一个图层,用黑色画笔涂抹上方,效果如下所示

Photoshop制作3D立体金属字教程77

(3)置入“Concrete”图像,放置在Black下方,得到下图效果

Photoshop制作3D立体金属字教程78

18、修改背景

(1)隐藏3D物体和Black层

Photoshop制作3D立体金属字教程79

(2)使用磁性套索工具,选择下方区域

Photoshop制作3D立体金属字教程80

(3)“Ctrl+J”复制选中的区域到新层,同样的方法,复制出其他的部分

Photoshop制作3D立体金属字教程81

(4)使用橡皮工具,去掉不需要的部分,并制作出下图效果

Photoshop制作3D立体金属字教程82

(5)修改其中的一个砖块的图层样式,参数如下

Photoshop制作3D立体金属字教程83

(6)同样运用给其他砖块,得到下图效果

Photoshop制作3D立体金属字教程84

19、阴影和裂缝

(1)设置前景色为#564a2e,创建新层,命名为“Color Overlay”,改变图层模式为“正片叠底”,透明度为75%,使用画笔工具,涂抹出下图效果

Photoshop制作3D立体金属字教程85

(2)改变前景色#020202,创建新层在所有图层之上,命名为“Shadow”,改变图层模式为“颜色加深”,使用小尺寸画笔画出下图效果

Photoshop制作3D立体金属字教程86

(3)新建图层“Brush”,改变图层模式为“颜色加深”,透明度80,使用下面两个画笔(画笔在素材包里有),绘制一些裂缝效果

Photoshop制作3D立体金属字教程87

20、修改颜色,增加破旧感

(1)复制3D物体,并选择副本

Photoshop制作3D立体金属字教程88

(2)执行“Filter Forge 3”滤镜,选择下图预设,改变设置如下

Photoshop制作3D立体金属字教程89

(3)效果如下

Photoshop制作3D立体金属字教程90

(4)继续添加下面的预设,并修改参数如下

Photoshop制作3D立体金属字教程91

(5)得到效果如下

Photoshop制作3D立体金属字教程92

(6)改变3D图层副本的图层模式为叠加,透明度为30%

Photoshop制作3D立体金属字教程93

(7)添加色相饱和度调整层,修改参数如下

Photoshop制作3D立体金属字教程94

Photoshop制作3D立体金属字教程95

21、最终效果

(1)创建新层“Corners”,改变图层模式为正片叠底,透明度60%,设置前景色#020202,使用大号软笔刷,绘制下图暗角效果

Photoshop制作3D立体金属字教程96

(2)保存文件,并另存一张为jpg文件,然后打开jpg文件,修改前景色为#cccccc,使用画笔工具,改变画笔模式为“亮光”,透明度为80%,绘制3D物体高光

Photoshop制作3D立体金属字教程97

(3)可以适当调整笔刷大小,尽量多些变化

Photoshop制作3D立体金属字教程98

(4)继续添加“Filter”滤镜预设,并修改下面参数

Photoshop制作3D立体金属字教程99

(5)得到效果如下

Photoshop制作3D立体金属字教程100

至此,这个教程就完成了!效果还是相当不错的!学完这个,估计大家能对PS里的3D功能有比较深的认识啦!至于还有一个用的多的就是“Filter Forge 3”滤镜,确实挺不错的滤镜,可惜不是完全免费的,只能下载30天免费试用版本!好了,再来看看最终的效果吧!

Photoshop制作3D立体金属字教程101

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类