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

SZpc1992

SZpc1992

2016-02-15 20:26

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

本教程主要使用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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

展开更多 50%)
分享

猜你喜欢

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

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

PS教你绘制一个精致的分贝检测仪

PS
PS教你绘制一个精致的分贝检测仪

s8lol主宰符文怎么配

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

PS教程!手把手教你绘制一个精致的分贝检测仪

PS PS教程
PS教程!手把手教你绘制一个精致的分贝检测仪

Photoshop绘制高质感的金属舞台灯图标

电脑网络
Photoshop绘制高质感的金属舞台灯图标

lol偷钱流符文搭配推荐

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

PS绘制超强金属质感图标

电脑网络
PS绘制超强金属质感图标

Photoshop绘制高质感的金属舞台灯图标教程

PS PS教程
Photoshop绘制高质感的金属舞台灯图标教程

lolAD刺客新符文搭配推荐

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

Photoshop快速的给偏色的人像照片校色

Photoshop快速的给偏色的人像照片校色

Photoshop合成创意风格的动物舞台场景

Photoshop合成创意风格的动物舞台场景
下拉加载更多内容 ↓