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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:AverageJoseph

关键词

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

最终效果

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

一、创建背景

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

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

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

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

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

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

颜色:#212121位置:0

颜色:#656667位置:72

颜色:#646565位置:100

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

第4步:设置图案叠加。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 收藏