放大镜图标UI设计教程(ps教程)

今天小编给大家带来土豪金放大镜的教程,炒鸡详细,教程难点是镜框及手柄部分的制作。需要细心和耐心,大家跟着教程一步一步来,肯定会学到不少东西的。记得交作业哦,每天都会有解答团为大家点评作业哦。(ps:最好用形状做哦)

最终效果

1、新建一个1000 * 700像素,分辨率为72的画布,背景填充黄褐色:#C1AE84。
新建一个组,先来制作玻璃镜框部分。在组里新建一个图层,按Ctrl + R 调出标尺,在左侧位置拉两条相交的参照线。然后以参照线的焦点为圆心,用椭圆选框工具,按住Alt + Shift拉出下图所示的正圆选区。

2、用油漆桶把选区填充任意颜色,取消选区后效果如下图。

3、再用椭圆选框工具,同上的方法拉出图3所示的选区,然后按Delete键删除,取消选区后效果如图4。

4、选择菜单:图层 > 图层样式 > 内发光,参数设置如图5,点选渐变色,颜色设置如图6。

再来设置斜面和浮雕,参数设置如下图。

5、加好图层样式后的效果如下图。

6、在背景图层上面新建一个组,用椭圆选框工具拉出下图所示的正圆选区,给组添加图层蒙版,如下图。

7、在组里新建一个图层,用钢笔勾出顶部的暗部选区,羽化30个像素后填充暗褐色。

8、新建一个图层,用钢笔勾出顶部高光选区,羽化10个像素后填充淡黄色:#FFF2BB,如下图。

9、新建一个图层,用钢笔勾出底部的高光选区,填充同上的颜色,适当降低图层不透明度,效果如下图。

10、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化5个像素后填充淡黄色。

11、取消选区后把混合模式改为“滤色”,添加图层蒙版,用黑色画笔擦掉底部区域,效果如图15。

12、在背景图层上面新建一个组,在组里新建一个图层,用矩形选框工具拉出下图所示的矩形选区。

13、选择渐变工具,颜色设置如图17,然后由底部向上拉出图18所示的线性渐变。

14、新建一个图层,用钢笔勾出下图所示的选区,同上的方法加上渐变色,然后锁定图层像素区域,用矩形选框选取前面局部,再加上渐变色,效果如图20。

15、局部增加一点暗部,效果如下图。

16、现在来制作木柄部分,需要完成的效果如下图。

17、新建一个组,用钢笔勾出手柄的轮廓,转为选区后给组添加图层蒙版,然后在组里新建一个图层,填充黑色,再按字母键“D”,把前,背景颜色恢复到默认的黑白,选择菜单:滤镜 > 渲染 > 纤维,如图23,确定后按Ctrl + T 把纹理调水平,效果如图24。

18、按Ctrl + J 把纹理图层复制一层,选择菜单:滤镜 > 模糊 > 高斯模糊,数值为2,确定后把不透明度改为:50%,效果如下图。

19、按Ctrl + J 把当前图层复制一层,混合模式改为“正片叠底”,不透明度改为:100%,效果如下图。

20、这一步需要自己发挥,调整一下纹理的颜色,调成木板颜色。

21、新建一个图层,给木柄的边缘增加暗部。

22、局部增加一点高光,效果如下图。

最后调整一下细节,增加一点投影,完成最终效果。

68ps
原文作者:Sener

其他文章推荐:

制作精致放大镜(PS教程)

童趣玩具水枪(AI教程)

Photoshop
(0)

相关推荐

  • twitter图标的画法【PS教程】

    小编:作为一名UI设计师,布尔运算是必会的神技.只用一些圆形啊.矩形啊.三角形啊等等通过布尔运算中的减法.加法等等就能拼接出一个个鲜活的图案,是不是很神奇很酷炫?如果你还不懂什么是布尔运算,那我们就一 ...

  • 岩石效果字体设计【PS教程】

    小编:字体应用得好,整个画风都会改变.可哪有那么多免费的字体可用呐?没事,就自己动手做一做吧,省的天天提心吊胆的担心是否侵权问题,还能有与众不同的特效,一举两得,何乐不为?@山岩视觉教大家做一个粗糙的 ...

  • AI+PS打造老灯ICON!(AI教程+PS教程)

    之前和大家分享过用AI+PS制作3DICON的几个教程,今天也以此为题继续为大家推荐一个非常不错的3D老灯ICON的制作过程.当你初看图标的时候真的很难想像这居然是用AI和PS制作而成的,但当你跟随教 ...

  • VIP勋章拆解教程 [ps教程]

    好久没有动PS了,有段时间项目缺一个设计人力,就随手做了个勋章,顺便拆解下步骤,或许可以帮助到新人.使用基本的圆形和圆角矩形搭建基础图形,用渐变来表现光影关系.相信只要带上细心耐心每个人都可以做到. ...

  • PS简单绘制相机镜头(ps教程)

    一转眼周末又来了,大家可以好好的休息一下,不过还是要记得给自己充电哦,今天给大家带来一个镜头icon的教程,很详细哦,小伙伴儿们跟着一步步来做,肯定会学到不少东西,包括各种图层样式的叠加,路径文字的制 ...

  • UI设计之色彩搭配

    小编:今天分享一篇关于UI设计的色彩搭配教程,@梦画诗音同学总结自己多年来色彩搭配方面的知识和,在UI设计中,配色一直是关键点,同样也是难点.一个好的配色是一个设计的点睛之笔.今天我们来看一下同色系是 ...

  • 小课堂第三弹!使用ILLUSTRATOR做UI设计系列教程

    @张泊宁研究所:Adobe Illustrator 诞生在 1986 年,运行在 Macintosh 机上.在当时,Adobe Illustrator 是 Adobe 公司的早期产品之一,甚至早于 P ...

  • 制作精致放大镜(PS教程)

    放大镜是质感非常强的实物,制作之前最好找一些金属放大镜的实物图,了解表面金属质感的高光及暗部构成.然后用渐变工具把这些高光及暗部设置出来,这样就可以做出非常逼真的质感效果. 最终效果 1.新建文档60 ...

  • 制作精致的小汽车图标(ps教程)

    绘制较为复杂的实物图是非常繁琐的.首先要找真实的图片作为参考,然后画线稿,确定好透视关系.后期再逐步上色及刻画细节. 最终效果 1.先打透视线.我的透视是弱项,每次都会有小问题.这次为了让透视完美点, ...