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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:daxiachica

关键词

首先,这个uimaker.com/uimakerhtml/uistudy/">教程需要的两款素材已经上传到附件里;然后,英文原版讲的比较细,在这我省略了一部分个人认为不影响理解的部分,因为那样弄起来实在是太长了。最后,如果有哪位同学看不懂或者觉得比较跳跃,可以留言或者私信哈。下面就开始啦。

教程地址:绿色金属质感的立体字PS教程素材

先看看效果图

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

1.制作背景

①首先把附件里的图案文件、字体文件安装到电脑里。

②创建一个600*500px的文件,分辨率72即可。

③复制背景图层,命名为“Background Pattern”。

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

④给这个图层填充图案,打开图层样式-图案叠加,选择刚才添加的图案,其他参数如下图。每次使用这个图案,不要忘记点一下贴紧原点哦。

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

⑤为了让中央部分显得比较亮,需要调节图层样式-内阴影,参数如下,其中的色值为#0e323b。

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

⑥接下来加一圈反射光,调整图层样式-斜面和浮雕,参数如下。高光色值为#e59804,阴影色值为#333333。

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

光泽等高线参数如下:①输入:25,输出:30,边角不勾选;②输入:50,输出:100,边角勾选;③输入:75,输出:30,边角不勾选。

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

效果如下:

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

 收藏