Photoshop绘制金属质感的分贝检测仪图标

2016-02-15 20:26 21 1 收藏

下面图老师小编要向大家介绍下Photoshop绘制金属质感的分贝检测仪图标,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - PS 】

本教程主要使用Photoshop绘制金属质感的分贝检测仪图标,重点依然是图层样式的运用,而且会多次用到布尔运算,这是PS课程中特别重要的一个知识点,不熟悉的同学建议来练个手。

先看看效果图

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

我们从背景的创建开始,我用的尺寸是1000*800像素。创建一个渐变填充调整层,设置如下:

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环。这个不多赘述,不懂的可以百度下。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

为这个圆环添加一个图层样式。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

设置前景色为黑色#000000,跟刚才一样的操作方法,利用布尔运算,画出下图中的这个小的圆环出来,添加一个图层样式。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

设置前景色为#aba9a8,画一个350*350像素的圆,命名为主体,并添加一个图层样式。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

用椭圆工具画一个330*330像素的正圆,添加一个图层样式。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

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

接下来,我们返回到刚才那个命名为主体的圆那里,复制一层,命名为浮雕1清除图层样式,设置填充为0,添加一个斜面浮雕。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

接着复制一层浮雕1图层,在图层样式中,勾选将内部效果混合成组,并更改斜面浮雕参数,添加一个图层蒙版,擦拭一下。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

复制浮雕2图层,在图层样式中更改斜面浮雕的阴影角度,同时调整蒙版。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

刚开始,想用一个斜面浮雕搞定这个效果,调节了好几次等高线,效果不佳,于是放弃,改用了3个斜面浮雕配合蒙版来叠加效果,有大神能搞定的,请告之。

接下来,我们开始添加刻度,这个没什么好说的,大家应该都会,画个矩形,变换中心点,旋转3度,CTRL+SHIFT+ALT+T,轻松搞定。这里我设置的颜色为白色,不透明度7%。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

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

一样的方法做出那橙色的刻度,颜色为#f6a303。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

下面,我们来添加那个类似雷达扫描的渐变,从我们的截图中,你可以清楚的看到,我们的形状是利用布尔运算得到的,一个圆和一个旋转了15度的矩形相交,将这个形状的颜色设置为#171826,图层填充设置为0,添加一个渐变叠加,并添加蒙版擦拭下方。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

接着我们来添加高光,用椭圆工具画一个圆,设置颜色为#bbaffd,图层混合模式为柔光,不透明度81%,在属性面板中,将这个形状羽化35.6像素,并载入主体那个圆的选区,为这个高光添加一个蒙版。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

接下来,我们完善一下高光,复制这个蓝色高光图层,左移上移一定像素,更改形状颜色为#e9e5fe,羽化不修改,图层混合模式依旧为柔光,图层不透明度更改为56%。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

复制一个刚才那个主体图层,移到最顶层,设置图层填充为0,添加一个内阴影。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

打上文字和添加那三个形状,形状图标的话,利用布尔运算来画。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

最后,我们添加左侧的那个按纽,设置前景色为#a09e9f,画个圆,添加个图层样式。

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

最终效果:

Photoshop绘制金属质感的分贝检测仪图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1563576.html

延伸阅读
标签: PS教程 PS基础
本教程为大家介绍如何使用photoshop制作金属质感图形方法。思路:先使用滤镜效果制作出金属质感的大图。使用到的滤镜效果比较多。然后把自己想要的图形画出选区,然后把多余的部分删除,再整体调整下,效果就出来了! 最终效果 1、在Photoshop中新建一个文件,然后新建一个图层“图层1”,按D...
先看看效果图 1.首先我们来坐下背景,这个背景我是先画了个圆做了些效果(投影,内阴阳)定义成图案, 2.用圆角矩形工具,画最底部的渐变,在这一步我先画个半径为47的大圆角矩形,在用剪切画个35的小圆角矩形,最后填充投影和渐变叠加。 3.这一步我们在画个半径为35的小圆角矩形和上面镂空的一样大小就可以了。做图层样式:内...
标签: PS PS基础
生化奇兵:无限 是今年最令人期待的视频游戏之一。它是如此的具有艺术性以至于从一开始就引起了我们的注意。在这篇文章中,我们将制作一个蒸汽朋克标志,看起来就和游戏中的那个一样。请记住,我们不是再次制作一个和游戏中一模一样的蒸汽朋克标志。因此,我们变换了主要的字体,并做了一些小的调整。 先下载教程全部素材: 颓废背景、划痕背...
标签: PS PS基础
先看效果图: 新建512px X 512px 文件 用圆角矩形工具 画圆角100px的 470X470px 的框 填充由白到黑渐变 如图 ctrl+j 复制图层 ctrl+t 将 宽、高缩小为98%如图 填充色#5d5d5d 设置该图层混合模式 内阴影 渐变叠加 结果如图: 新建个渐变图层在它上方(我直ctrl+接点底层框做出选取 新建图层 直接渐变,还有其他方法...

经验教程

587

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部