Photoshop制作蓝色质感的立体字教程(2)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:shejipai

关键词

第6步:

现在颜色只有黑色和白色,这一步我们来添加一些颜色。打开图层样式面板,进行颜色叠加。这里我们选择的颜色为#5288a4,将不透明度设置为70%。

Photoshop制作蓝色质感的立体字教程

看一下整体效果。

Photoshop制作蓝色质感的立体字教程

这样我们有了一个基本的色调。默认的斜面和浮雕中的阴影和高光仍然达不到我们想要的效果,我们来调整一下高光和阴影的颜色。将色值分别设置为#13fffc和#005780。

Photoshop制作蓝色质感的立体字教程

第7步:

现在整体看起来还是比较扁平,没有非常强烈的立体感。我们需要再创建一层斜面和浮雕效果来增强这种感觉。选中文字层,Ctrl+J复制一层,删掉复制层的图层样式效果。并将其填充度设置为0。

Photoshop制作蓝色质感的立体字教程

由于我们下一步要将颜色叠加的不透明度修改为100%,因此要将下面一层的图案叠加效果拖动到复制的层上,不然颜色会遮盖图案的效果。

Photoshop制作蓝色质感的立体字教程

调整图层样式后的效果:

Photoshop制作蓝色质感的立体字教程

第8步:

将下面图层的颜色叠加不透明度修改为100%。

Photoshop制作蓝色质感的立体字教程

第9步:

为上面的文字图层添加斜面和浮雕的纹理。这样会使纹理有略微凸起的效果。

Photoshop制作蓝色质感的立体字教程

然后调整斜面和浮雕。这样使得文字的立体感更加突出。

Photoshop制作蓝色质感的立体字教程

第10步:

为了增加文字上下部分的明暗对比,我们为其添加渐变叠加,将混合模式设置为正片叠底。

Photoshop制作蓝色质感的立体字教程

此时的文字效果。

Photoshop制作蓝色质感的立体字教程

 收藏