Photoshop设计一个分贝检测仪按钮图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计一个分贝检测仪按钮图标的制作教程。

教程分享:

效果:

 


我们从背景的创建开始,我用的尺寸是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,画个圆,添加个图层样式。

 


 


 


 


 


最终效果:

 


好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的设计一个分贝检测仪按钮图标的制作教程解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚了制作方法了吧,那么各位就快去按照小编分享的教程自己去制作吧。

时间: 2024-09-17 04:48:53

Photoshop设计一个分贝检测仪按钮图标制作教程的相关文章

Illustrator设计漂亮的布料按钮图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计漂亮的布料按钮图标的制作教程. 教程分享:             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计漂亮的布料按钮图标的制作教程解析分享的全部内容了,各位使用者们看到这里了小编相信大家现在是非常的清楚了制作方法了吧,那么各位就去按照教程自己去尝试着绘制一下吧.

photoshop设计一个简单的母亲节Banner制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个简单的母亲节Banner制作的教程. 教程分享:   好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计一个简单的母亲节Banner制作的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在那是非常的清楚了制作方法了吧,那么各位就快去按照小编上面的教程自己去制作下母亲节Banner吧.

Photoshop设计一枚时钟主题图标制作教程

给各位Photoshop软件的使用者们来说说设计一枚时钟主题图标的制作教程. 教程分享: 最终效果:   背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体.   为圆角矩形添加一个图层样式.友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想.         下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层混合模式更改为正片叠底

photoshop设计扁平化风格UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计扁平化风格UI图标的制作教程. 教程分享: 最终效果   1.新建大小自定的画布,用形状工具制作圆角矩形. 2.添加图层样式:渐变叠加和投影,参数及效果如下图.       3.分三个图层做中间的形状绘制,其对应图层如下图.   4.首先看红点标注的2个图层,参数是一样的.       5.正圆形图层样式:内阴影和内发光.       6.将刚才的三个形状选中,然后成组. 7.在组上添加图层样式:投影,如下图.     最终效果及其它

PhotoShop绘制一个质感网页按钮图标教程

其实这个图标的构思并不是很好,说白了也是我个人做质感练习用的.光学镜头和金属边框的诡异搭配,大家也就不用追究这个图标是什么了. 可是后来挺多酷友留言求教程,让我很窘...因为其实这个图标的细节不是很到位,经不起推敲,以下的教程只是和大家分享一下我的步骤和思路,大家有选择的学习吧 >3< 分类: PS鼠绘教程 ps图标制作教程

PhotoShop绘制黑色质感安培仪表盘图标制作教程

教大家用PhotoShop绘制一个黑色质感安培仪表盘图标,其实一个图标一点都不复杂,总共也就3个文件夹. PS:这里的形状都是先用AI画出来的,然后放在PS里做的效果,当然也可以直接在PS里画,根据个人习惯吧! photoshop教程最终效果图: 第一步:仪表盘底托的制作如下: 分类: PS鼠绘教程 ps图标制作教程

Illustrator设计一个精致的雷达图标绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一个精致的雷达图标的绘制教程. 教程分享: 1.在Ai软件中,新建一个800*800的文档,选择椭圆工具,按住shift画一个正圆图形,并添加渐变颜色,如图所示   2.然后选中圆形到对象-路径-偏移路径,并添加渐变颜色,如图所示       3.接着选择直线工具,画两条直线,描边改为2pt,如图所示   4.再选择椭圆工具,画两个正圆图形,描边改为2pt,如图所示   5.接下来选择椭圆工具,画一个正圆和椭圆,并填充白色,并选中

PhotoShop绘制一只七星瓢虫小图标制作教程

介绍用PhotoShop绘制一只七星瓢虫小图标,我一直很奇怪为神马很多软件到BUG提交都用瓢虫做标识,后来在一本书上无意中看到ladybug才恍然大悟. 教程效果图: 绘制流程如图: 分类: PS鼠绘教程 ps图标制作教程

Illustrator设计一个毕业季学士帽图标绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一个毕业季学士帽图标的绘制教程. 教程分享: 1.在Ai软件中,新建一个800*800的文档,选择钢笔工具,勾出如下的图形,并填充颜色,如图所示   2.然后再选择钢笔工具,勾出如下的图形,并填充颜色,如图所示   3.接着选择椭圆工具,画一个椭圆图形,并填充颜色,如图所示   4.接下来选择矩形工具,画3个矩形图形,并填充颜色,再选择椭圆工具,按住shift画一个正圆图形,并填充颜色,如图所示     5.最后再选择钢笔工具,勾