PS教程 绘制一枚清新优雅的调节旋钮图标

2016-09-20 11:38 48 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐PS教程:绘制一枚清新优雅的调节旋钮图标,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PhotoShop 】

PS教程:绘制一枚清新优雅的调节旋钮图标

   今天给大家带来一个调节旋纽的图标教程,与往常一样,依旧是图层样式的应用为主,源文件已打包,一起来练个手!

  源文件打包:http://pan.baidu.com/s/1tulaoshiboARCGf

  我们的最终效果:

PS教程:绘制一枚清新优雅的调节旋钮图标 图老师

  新建一个渐变调整层,做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。

sx201607032

  光是渐变背景,感觉差了点什么,添加点质感吧。复制一层渐变图层,转智能对象,添加一个杂色。

sx201607033

  执行滤镜风格化浮雕效果,添加一个浮雕效果。

sx201607034

  将这个图层的图层混合模式更改为叠加,我们的背景就完成了。

sx201607035

  画一个圆角矩形,并添加图层样式。

sx201607036
sx201607037
sx201607038
sx201607039
sx2016070310

  复制一层这个圆角矩形,移到tulAOshI下层,将图层填充修改为0,添加一个投影图层样式,我们来增加阴影的层次感。

sx2016070311
sx2016070312

  载入圆角矩形的选区,在主体阴影下层新建一层,填充黑色,执行一个动感模糊,配合蒙版,我们做了一个长投影,更改图层混合模式为正片叠底,图层不透明度为33%。

sx2016070313
sx2016070314

  接下来,我们来做那个中框,这里需要注意的是圆角矩形的圆度需要对齐一下,不然看上去很难看。将图层的填充修改为0,添加一个图层样式。

sx2016070315
sx2016070316
sx2016070317
sx2016070318
sx2016070319

  用椭圆工具画出旋纽的主体来,添加图层样式。

sx2016070320
sx2016070321
sx2016070322
sx2016070323

  跟刚才给圆角矩形做阴影一样,复制一层,移到下层,将图层填充修改为0,添加一个投影图层样式。

sx2016070324
sx2016070325

  同样的,跟刚才一样,利用动感模糊做个长投影,适当调整不透明度。

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

  接下来,用椭圆工具画出中间的小圆,tulAOshI添加图层样式。

sx2016070327
sx2016070328
sx2016070329

  添加我们P大点S的LOGO,同时添加一个图层样式,黑色内阴影,白色投影。

sx2016070330
sx2016070331
sx2016070332

  下面,我们画刻度。画个矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想这个不用解释吧),依照我们的设定,刻度应该位于旋纽的下层,因为我们给旋纽设置了投影,而阴影也应该对刻度起作用,所以我将刻度置于旋纽投影的下层,刻度颜色为#cececf,添加一个跟刚才我们给LOGO设置的图层样式一样的样式,黑色的内阴影,白色的投影,透明度自己把握下,我们的效果如下:

sx2016070333

  用椭圆工具画一个小圆,做旋纽的指示位置的标记。颜色随大家喜欢了,我自己用的颜色是#77e4ff,同样的添加一个黑色的内阴影,白色的投影。

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

  接下来,添加文字,这个没什么好说的,我的建议是一个文字一层,因为受旋纽阴影的影响,在阴影位置的文字,它看起来,相应的应该深一些,比如图中的MIN、0、1应该比其它的深一些。

sx2016070335

  我们的最终效果:

sx2016070336

来源:https://www.tulaoshi.com/n/20160920/2594344.html

延伸阅读
标签: PS
PS手把手教你绘制一枚日历图标   最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一...
标签: PS PS教程
今天教同学们临摹一个QQ旋风图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。 这个是原图标 这个是我们的临摹成果 背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐...
标签: PS
PS绘制设计一枚写实的小鸡蛋图标效果   绘制设计一枚写实的小鸡蛋图标效果!鸡蛋造型的设计、蛋黄以及www.Tulaoshi.com蛋壳的质感体现!
标签: PS
PS绘制设计一枚淡雅的播放器图标 &tulaoShi.comnbsp; 绘制设计一枚淡雅的播放器图标,简洁、淡雅的设计思路及方法
PS+AI教你绘制一枚APPLE WATCH奖章图标   来教大家画一枚Apple Watch成绩奖章绘制教程,数字和色彩的巧妙结合加上强烈的3D质感,一见倾心,而且适合PS零基础www.tulaoshi.com的原生菜鸟呦

经验教程

829

收藏

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