教你绘制一个精致的分贝检测仪【ps教程】

今天,我们带给大家一个分贝检测仪的ICON,重点依旧还是一些图层样式的添加,教程非常详细,适合初学者哦!不懂的小伙伴记得要耐心、细心的看教程,因为这也是设计师的必修课哦!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

P大点S

转载地址:优设

(0)

相关推荐

  • 手把手教你绘制一个写实USB图标(PS教程)

    小编:分享一个写实的USB图标给大家,在制作这个图标的过程中,主要是图层样式的运用!作者cua_cq手把手教,快速上手,包学会. 首先,我们来绘制背景.设置前景色为#c0c0c0,背景色为#a7a7a ...

  • 教你绘制扁平风火箭图标【PS教程】

    绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以在Photoshop中创建图形的时候直接 ...

  • 教你绘制一个逼真的仪表盘【AI教程】

    小编:仪表盘的重要性在现在的智能时代已经不可或缺了,作为UI设计师学会画仪表盘是非常有必要的.今天的教程传授的都是基础工具及技巧,且有快捷键提示,新手可以很方便地熟练起来,每个步骤详细的写明了具体操作 ...

  • 手把手教你绘制可口的粽子文字【PS教程】

    小编:端午节将至,假期又到咯!让我们跟随@DearSalt童鞋先预热下节日的氛围吧! 哈喽!大家好,我是桂桂!端午节就要到了,想必大家都吃了粽子吧,但对一个设计师而言,怎么能仅仅光想着吃呢!所以桂桂一 ...

  • 教你绘制文字人像效果!【PS教程】

    小编:这个超赞的,小编很喜欢这样的.这类效果常用在选举海报上,当然大家也可以随心玩.教程不难,关键是置换滤镜和最后的技巧,效果绝对让你惊喜~ PS:教程效果不同的,尝试下换个字体,缩小上下间距. 在这 ...

  • 10分钟绘制一个中国风灯笼icon(ps教程+psd下载)

    小编:对于UI设计初学者来讲,ps中特别难以理解的其中一项就有图层混合.高效.正确.合理的使用图层混合模式会让你有意想不到的效果.在学习之前我们要记住其原理为:"白色叠加可以提亮,黑色叠加可 ...

  • 教你制作一个精致的大众汽车LOGO(附PSD)

    这个教程将向你展示,如何运用图层样式.径向渐变工具和多边形套索工具,来描摹传说中的大众形象标志. 我们的教程被分为两个简要的阶段: 1. 创建圆形球面 2. 绘制 "VW"徽标(大 ...

  • 教你打造一枚专属印章(PS教程)

    前面小编给大家带来的PS绘制爱心教程大家都学会了吧,今天给大家带来稍微复杂一点的印章教程,原作者是@小林Design,教程很详细,跟着教程做下来应该没问题的,大家赶紧打开PS,一起来打造一枚属于自己的 ...

  • 教你绘制一个蜂巢背景【PS教程】

    有同学问这类效果怎么做,今天@P大点S微博手把手教同学们完成它,过程不难,主要是图案的基础运用,最终效果特别适合做背景,格调高有气氛. 最终效果图: 首先,我们执行"编辑-首选项-参考线.网 ...