按钮教程,设计一个分贝检测仪按钮图标教程(6)插图

按钮教程,设计一个分贝检测仪按钮图标教程(6)

今天的教程是教大家设计一个分贝检测仪按钮图标,图标的质感主要还是运用图层样式来制作,教程里还多次运用到布尔运算,知识点比较多,推荐大家学习一下。 先看看效果: 我们从背景的创建开始,我用的尺寸是1000*80

按钮教程,设计一个分贝检测仪按钮图标教程(2)插图

按钮教程,设计一个分贝检测仪按钮图标教程(2)

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

广告位
按钮教程,设计一个分贝检测仪按钮图标教程(5)插图

按钮教程,设计一个分贝检测仪按钮图标教程(5)

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

按钮教程,设计一个分贝检测仪按钮图标教程(4)插图

按钮教程,设计一个分贝检测仪按钮图标教程(4)

刚开始,想用一个斜面浮雕搞定这个效果,调节了好几次等高线,效果不佳,于是放弃,改用了3个斜面浮雕配合蒙版来叠加效果,有大神能搞定的,请告之。 接下来,我们开始添加刻度,这个没什么好说的,大家应该都会,

按钮教程,设计一个分贝检测仪按钮图标教程(3)插图

按钮教程,设计一个分贝检测仪按钮图标教程(3)

用椭圆工具画一个330*330像素的正圆,添加一个图层样式。 接下来,我们返回到刚才那个命名为主体的圆那里,复制一层,命名为浮雕1清除图层样式,设置填充为0,添加一个斜面浮雕。 接着复制一层浮雕1图层,在图层样

按钮教程,设计调速开关按钮教程(6)插图

按钮教程,设计调速开关按钮教程(6)

类似风扇的调速开关,步骤虽然多,但主要还是运用图层样式,所以难度不大,推荐一起练习一下。做完交作业。 先看看效果: 1、新建文件 2、选择背景颜色 3、alt+delete键填充前景色。 4、椭圆工具新建一个正圆(椭圆

按钮教程,设计调速开关按钮教程(2)插图

按钮教程,设计调速开关按钮教程(2)

5、再新建椭圆2,大小如图。 5.1、双击图层调节图层样式:颜色叠加、描边、投影。 6、得到效果,再新建椭圆3. 6.1双击椭圆3图层调节图层样式:颜色叠加、投影。 6.2、椭圆3图层填充调为0. 6.3、椭圆3效果。

按钮教程,设计调速开关按钮教程(5)插图

按钮教程,设计调速开关按钮教程(5)

9.3、新建几个小椭圆位置如图。 10、选择大椭圆所对应的小圆图层调整图层样式。 10.1、效果图 11、打上文字然后调节图层样式。 最终效果

按钮教程,设计调速开关按钮教程(4)插图

按钮教程,设计调速开关按钮教程(4)

8.1、双击矩形图层调节图层样式:颜色叠加、投影。 8.2、效果如图 8.3、ctrl+T复制出4个矩形图层,分别调整好位置如图 9、新建小椭圆位置如图。 9.1、双击图层调节图层样式:颜色叠加 9.2、效果如图

按钮教程,设计调速开关按钮教程(3)插图

按钮教程,设计调速开关按钮教程(3)

7、新建椭圆4图层大小如图。 7.1、双击图层调节图层样式:斜面和浮雕、颜色叠加、外发光、投影。 7.2、效果。 7.3、ctrl+J复制椭圆3图层得到椭圆4,调节如图 8、用矩形工具新建矩形。

正在加载中...

已加载全部内容

已经没有更多文章了