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

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

最终效果
1、新建文档600×700像素,背景白色,我们先绘制镜面,新建图层,画一个黑色正圆。
2、添加图层样式。
3、把图层不透明度改为35%,效果如下。
4、新建图层用钢笔画下图路径,颜色白色,图层不透明度改为80%,作为高光。
5、再新建一层,减法模式画一个黑色圆环。
6、新建图层,减法模式画出月牙形状。
7、添加图层样式。
8、填充归零,不透明度改为75%,效果如下,这是另一个高光。
9、新建图层减法模式画一个圆环,为了让童鞋们看清楚位置,我选择红色。
10、添加图层样式。
11、镜面我们做完了,下面制作镜柄。新建图层画一个半径5像素的圆角矩形。
12、添加图层样式。
13、新建图层画一半径10像素的圆角矩形。
14、Ctrl+T把底端拉大些。
15、添加图层样式。
16、新建图层画一红色圆角矩形。
17、添加图层样式。
18、新建图层减法模式画下图所示红色形状。
19、图层样式就是渐变叠加,和以前步骤基本都一样,不截图了,类似下图效果。
20、剩下的就是新建图层画一圆角矩形,添加渐变叠加样式,然后复制一层,填充归零,往下挪一段距离。
再添加一些阴影,完成最终效果。

作者:一起ps吧

文章来源:

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!

APP截图站:app.xueui.cn海量APP截图,让你灵感爆发!

Photoshop
(0)

相关推荐

  • 晶格化icon的制作方法(ps教程+psd免费下载)

    哇~休息日又到了,大家想好去哪里玩了吗?嘻嘻~~玩得同时也别忘了坚持每日一练哦!今天小编给大家到来了晶格化icon的ps制作方法(内含psd免费下载),是不是心动了呢?那就赶紧行动吧o(≧v≦)o~~ ...

  • 金属框的制作技巧(PS教程)

    关于质感的UI设计,无非就这么几种:金属,水晶玻璃,橡胶,塑料,磨砂,纸质,皮革,棉麻毛线等. 今天要来学的是金属框的设计方法,虽然简单,但是对于新人来说这也算是宝贵的财富吧. 作者:饺子 Photo ...

  • 折纸效果字体制作分享~(PS教程)

    在扁平风格大行其道的当下,我们时常可以见到折纸类的设计效果.而要如何做出漂亮的折纸字体那大家一定得看看这篇文章了~! 原文作者:mayuaner Photoshop

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

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

  • WPS怎样制作圆形放大镜效果

    WPS演示制作圆形放大镜的教程: 一般来说,放大镜效果就是将缩略图局部放大突显出来的效果.看看下面这个图就明白了. 如果借助Photoshop等专业工具,制作这个效果非常容易--在Photoshop中 ...

  • 拨动的按钮临摹【PS教程】

    小编:大家还记得上次的<loading-gif制作方法[PS教程]>?细心的童鞋会发现我们这次的教程也是我们之前的作业--是的,因为很多童鞋反映说关于gif的不会做!因此解答团就准备出一系 ...

  • 放大镜动效制作解析!(PS教程)

    小编:15年UI设计作品中少不了动效的展示,今天带大家学习一种很酷的放大镜效果.就是模拟放大镜移动过的地方放大清晰的效果. 本文通过一个放大镜动画的实例(简单模拟放大镜, 重点探讨挖空样式)来讲解剪切 ...

  • 如何制作电商视觉海报(ps教程)

    今天小编给大家带来的事电商海报的制作教程,包括设计前的构思,设计中的操作,和设计稿的美化,可以说是广大电商设计师的福音,文章结尾还放了源文件哦,大家可以下载下来研究一下. 站酷 原文作者:巧匠视觉 其 ...

  • 制作精致的绿色水晶按钮(ps教程)

    Hello,大家好,今天小编呢给大家带来一例按钮的制作教程,制作之前我们首先要了解他的结构,整个按钮分四部分,并且每部分的制作难度不大,喜欢的小伙伴赶紧打开ps来尝试一下吧~等着大家交作业哦, 桂桂博 ...