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

情窦初开的me

情窦初开的me

2016-02-15 21:37

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop制作金属质感的3D立体字教程,一起来学习了解下吧!

本教程主要使用Photoshop制作金属质感的3D立体字教程,以及用图层样式绘制这类高冷的金属效果。教程参数清晰,过程细致,素材已打包下载,需要学习的朋友自己下载素材练习即可。有什么问题可以在论坛问题交流区提问。

最终效果

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

一、创建背景

第1步:新建文件,大小:1260x 850像素,复制背景图层。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:双击复制的背景图层,设置图层样式。

添加渐变叠加。勾选:仿色,混合模式:柔光,不透明度:85%,样式:径向,缩放:150%,勾选:反向。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:点击渐变条,设置起止颜色。从左到右,颜色及位置设置数值如下:

颜色:#212121位置:0

颜色:#656667位置:72

颜色:#646565位置:100

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第4步:设置图案叠加。

用图案:webtreats_black_leather.jpg(在02压缩包里放着)

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

这样皮革纹理的背景层做好了。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

二、创建文字及3D效果图层

第1步:新建文字图层,使用字体:SansSerif Exb FLF(在01压缩包里放着),输入全大写字母:GREAT,大小:300像素,颜色:#504d4a,水平缩放比例:90%。详细参数设置见下图。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:复制文字图层,填充值设置为0,再复制一层。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:复制最初的文字图层,将其拖至原文字图层的下一层。

编辑自由变换,快捷键Command+T(或者Ctrl+T),按向右箭头及向下箭头各一次,使该复制层向右向下各移1像素,按回车键完成。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第4步:按Option+Command+Shift+T 9次(即Windows系统下的Alt+Ctrl+Shift+T,此快捷键可以重复上一次ctrl+T的操作,并且可以累积效果),从而达到3D效果。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第5步:选中原文字图层下的所有文字图层,点击滤镜转换为智能滤镜,将此智能对象重新命名为3D,然后再复制一层,名为:3D拷贝,填充值设置为0。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

三、设置3D图层效果

第1步:双击3D图层,设置图层样式。

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

斜面和浮雕效果设置如图,方法:雕刻清晰,大小10像素,光泽等高线:内凹-深,点击:消除锯齿,高光模式:线性光。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:等高线设置。

点击:消除锯齿。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:内阴影设置。

距离:0像素,阻塞:10%,大小:5像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第4步:渐变叠加设置。

载入渐变填充:CSPTrue Sky Blue (在05压缩包里放着)

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第5步:投影设置。

距离:20像素,大小:20像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

3D图层的渐变效果完成。

如果乐意,待剩余部分完成也可返回此图层,再试试看其他渐变效果。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

四、设置3D拷贝图层效果

第1步:双击3D拷贝图层,设置图层样式。

斜面及浮雕效果设置如图,方法:雕刻清晰,大小:15像素,取消勾选:使用全局光,角度:30度,高度:50度,勾选:消除锯齿,高光模式下的不透明度:0%,阴影模式下的不透明度:50%。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:等高线设置。

等高线:锥形,点击:消除锯齿。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:内阴影设置。

距离:0像素,阻塞:10%,大小:5像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第4步:渐变叠加设置。

混合模式:叠加,样式:对称的,角度:60度,使用faucet30渐变填充(在05压缩包里放着,名为:CHROMES的渐变文件中可以找到名为faucet30的渐变)。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

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

第5步:图案叠加设置。

混合模式:叠加,不透明度:90%,图案:metal_2-512px.jpg(在03压缩包里放着),缩放:75%。此步让3D效果细节更逼真。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

五、原始文字图层效果

第1步:双击最开始的文字图层,设置图层样式。

斜面及浮雕效果设置。大小:14像素,取消勾选:使用全局光,角度:76度,高度:69度,勾选:消除锯齿,高光模式:亮光,颜色:#ffe1c9

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:等高线设置。使用默认数值即可。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:纹理设置。

图案:metal_2-512px.jpg(在03压缩包里放着),深度:50%。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第4步:描边设置。

大小:2像素,位置:内部,混合模式:线性光,填充类型:渐变,样式:对称的,角度:90度,使用stovepipe 50渐变填充(在05压缩包里放着,名为:RS_Chrome的渐变文件中可以找到名为stovepipe 50的渐变)。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第5步:内阴影设置。

混合模式:颜色加深,颜色:#123c6b,不透明度:55%,距离:0像素,大小:60像素,等高线:内凹-深,勾选:消除锯齿。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第6步:内发光设置。

混合模式:亮光,杂色:15%,颜色:#f4d9c0,大小:14像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第7步:光泽设置。

混合模式:颜色减淡,颜色:#9a9a9a,距离:48像素,大小:39像素,等高线:锥形-非对称。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第8步:渐变叠加设置。

混合模式:变亮,使用stovepipe 100渐变填充。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第9步:外发光设置。

混合模式:亮光,杂色:10%,颜色:#c6ab6a,大小:35像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第10步:投影设置。

颜色:#8d5411,距离:10像素,大小:10像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

至此,文字效果如下图:

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

六、文字拷贝图层效果

第1步:双击第一次拷贝的文字图层,设置图层样式。

斜面及浮雕效果设置。大小:1像素,勾选:消除锯齿,高光模式:亮光,阴影模式:颜色加深,颜色:#74460f

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:等高线设置。等高线:画圆步骤,勾选:消除锯齿。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:内发光设置。

混合模式:亮光,杂色:30%,颜色:#f3d8aa 源:居中,大小:62像素

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

此步骤加强了文字中间的光效,效果如图:

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

七、第二层文字拷贝图层效果

双击第二层文字拷贝图层,添加内发光图层样式。

混合模式:亮光,不透明度:55%,杂色:30%,颜色:#d5ad89,大小:14像素。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

此步骤加强了文字边缘的光效,效果如图

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

八、添加背景纹理图片,调整最终效果图颜色

第1步:将名为:TextureStainless Steel With Light-deviant 的图片放置在背景拷贝图层之上,适当调整大小,混合模式调整为:柔光

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第2步:点击图层最下方一排功能键创建新的填充或调整图层,选择色彩平衡

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

第3步:色调:中间调,颜色值依次为:-35,-1,+10,勾选:保留明度

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

至此,大功告成!本期课程,我们创建了一个简单的皮革背景,复制文字图层,变形创建3D效果,转为智能对象。接着,对各图层进行图层样式的添加调整,设置数值,以达精致纹理,发光特效。最后,对背景层添加简单的纹理,再对整体进行色彩平衡的调整。

Photoshop制作金属质感的3D立体字教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

PS PS基础
Photoshop制作金属质感的3D立体字教程

Photoshop制作绿色金属质感的3D立体字

PS PS基础
Photoshop制作绿色金属质感的3D立体字

s8lol主宰符文怎么配

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

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

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作简单的金属立体3D字教程

Photoshop制作银色质感的3D立体字教程

PS PS基础
Photoshop制作银色质感的3D立体字教程

lol偷钱流符文搭配推荐

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

Photoshop制作质感的的3D金属字

PS PS基础
Photoshop制作质感的的3D金属字

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

PS PS基础
Photoshop制作3D立体效果的金属字教程

lolAD刺客新符文搭配推荐

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

Photoshop合成创意无限的人像曝光效果图

Photoshop合成创意无限的人像曝光效果图

Photoshop绘制质感的播放器音量开关

Photoshop绘制质感的播放器音量开关
下拉加载更多内容 ↓