![52f2a9aeb8f74cde7d72632946b08499.png](https://img-blog.csdnimg.cn/img_convert/52f2a9aeb8f74cde7d72632946b08499.png)
真相只有一个!那就是:
把它按下去就完事了啊!不用做!!!
欸,别动手!别动手。。。
![11a71662b9e687ac48fa6182dfdca6e2.png](https://img-blog.csdnimg.cn/img_convert/11a71662b9e687ac48fa6182dfdca6e2.png)
我说!我说还不行吗!!!
这种凹陷效果在小图标和按钮最经常遇到的,这种效果该用PS该如何做出来呢?
下面就给大家演示一遍。
我们先来看一下效果图:
![112783f69b73b46ed167d719febc94ea.png](https://img-blog.csdnimg.cn/img_convert/112783f69b73b46ed167d719febc94ea.png)
第1步:
打开PS,新建文档,尺寸为600×500px。
![706b678b530847f78018615016e6d71c.png](https://img-blog.csdnimg.cn/img_convert/706b678b530847f78018615016e6d71c.png)
第2步:
新建图层,双击图层,图层样式——渐变叠加——径向渐变。
![b96925f8d18bb1ac767959e05df0e682.png](https://img-blog.csdnimg.cn/img_convert/b96925f8d18bb1ac767959e05df0e682.png)
第3步:
用圆角矩形工具在画布中央创建圆角矩形,半径为50px。
![3d90bfff68ef781923cd92f4b70798c6.png](https://img-blog.csdnimg.cn/img_convert/3d90bfff68ef781923cd92f4b70798c6.png)
第4步:
双击圆角矩形图层,添加图层样式,数值参考如下:
![41519ec7b3e9474be7b90c22cb52b93f.png](https://img-blog.csdnimg.cn/img_convert/41519ec7b3e9474be7b90c22cb52b93f.png)
![a0a3a0292229b1eef88941f920cd150c.png](https://img-blog.csdnimg.cn/img_convert/a0a3a0292229b1eef88941f920cd150c.png)
![cfef7a45b48421ce22972b79139a6252.png](https://img-blog.csdnimg.cn/img_convert/cfef7a45b48421ce22972b79139a6252.png)
![ce3326ea46f7b9b4ddc5a4331cae45e2.png](https://img-blog.csdnimg.cn/img_convert/ce3326ea46f7b9b4ddc5a4331cae45e2.png)
第5步:
用椭圆工具,按住Shift+Alt在圆角矩形右侧创建出一个正圆,然后双击正圆图层,添加图层样式,数值参考如下:
![19b93e450703a9c5f2e6e943e81ace45.png](https://img-blog.csdnimg.cn/img_convert/19b93e450703a9c5f2e6e943e81ace45.png)
![b783fb5190930ae30d636922929a0375.png](https://img-blog.csdnimg.cn/img_convert/b783fb5190930ae30d636922929a0375.png)
![10b9709d99d4bd151971796b4af072df.png](https://img-blog.csdnimg.cn/img_convert/10b9709d99d4bd151971796b4af072df.png)
![95ebad4345d66c8acdea252d106a740c.png](https://img-blog.csdnimg.cn/img_convert/95ebad4345d66c8acdea252d106a740c.png)
![ba809623faa098b79cdf358c93957b8b.png](https://img-blog.csdnimg.cn/img_convert/ba809623faa098b79cdf358c93957b8b.png)
第6步:
把正圆图层隐藏,在正圆图层下方新建一个图层,用黑色柔边画笔绘制出阴影,画完把正圆显示出来。
![8fa520984bbb1bf8c1d950ac9f428b0e.png](https://img-blog.csdnimg.cn/img_convert/8fa520984bbb1bf8c1d950ac9f428b0e.png)
![ba67baf6cfadd67bc10cb7791f310cdf.png](https://img-blog.csdnimg.cn/img_convert/ba67baf6cfadd67bc10cb7791f310cdf.png)
第7步:
在圆形按钮上方再创建一个圆形,双击图层添加图层样式,数值参考如下:
![b54da8ff5ad6f3c4711ccdd042d6267f.png](https://img-blog.csdnimg.cn/img_convert/b54da8ff5ad6f3c4711ccdd042d6267f.png)
![84b8715124774ffc82d21800f9aa9039.png](https://img-blog.csdnimg.cn/img_convert/84b8715124774ffc82d21800f9aa9039.png)
![0bfd211522c8831e6369248b116277b2.png](https://img-blog.csdnimg.cn/img_convert/0bfd211522c8831e6369248b116277b2.png)
第8步:
利用文字工具在滑动凹槽键输入ON,图层混合模式设置为亮光,给文字添加投影。
![add7b72919f3ec1a068183b095f2e14b.png](https://img-blog.csdnimg.cn/img_convert/add7b72919f3ec1a068183b095f2e14b.png)
![7d5d2d89c5ccaec2d55024dc3cf68d56.png](https://img-blog.csdnimg.cn/img_convert/7d5d2d89c5ccaec2d55024dc3cf68d56.png)
![977d3396c6f97ec4f296300e3c0112fc.png](https://img-blog.csdnimg.cn/img_convert/977d3396c6f97ec4f296300e3c0112fc.png)
按钮开关的OFF也是同样的步骤,简单的开关按钮就做好啦~
![b05c6bb51e0c5437dfc54438dede6bda.png](https://img-blog.csdnimg.cn/img_convert/b05c6bb51e0c5437dfc54438dede6bda.png)
制作的方法非常简单,只是在制作过程中,
需要耐心调整适合的参数以及颜色,你就能得到一个满意的按钮啦~
再送大家三个神操作哦!超好用哒!!!
一.祛除白雾
![36024b93b85791ff260d1051287a3213.png](https://img-blog.csdnimg.cn/img_convert/36024b93b85791ff260d1051287a3213.png)
二.瓶子上画画
![798077c28c4999a811ece74be9d5ce24.png](https://img-blog.csdnimg.cn/img_convert/798077c28c4999a811ece74be9d5ce24.png)
三.快速去除白边
![2432c5593553dbbaccddd55be19d9f18.png](https://img-blog.csdnimg.cn/img_convert/2432c5593553dbbaccddd55be19d9f18.png)
更多PS干货类回答请看这里~我的干货,是星辰和大海!!!赶紧PICK起来吧!!!
如何在一星期之内让自己成为 Photoshop 高手?www.zhihu.com![adbe4fb90f8fe698a7d7db75691aca85.png](https://img-blog.csdnimg.cn/img_convert/adbe4fb90f8fe698a7d7db75691aca85.png)
![d45d178f512367157d0d67b311413d09.png](https://img-blog.csdnimg.cn/img_convert/d45d178f512367157d0d67b311413d09.png)
![069f35fb8ff4f951f26c8dae46983942.png](https://img-blog.csdnimg.cn/img_convert/069f35fb8ff4f951f26c8dae46983942.png)
看完想请你帮小天一个忙哦!♡
点个赞,让更多小伙伴看到小天的分享
点个关注,让小天可以持续给你出更多的PS教程
点个收藏,让小伙伴们在想要学PS的时候不用翻
再偷偷告诉你一件事哦!
关注公众号 【平面设计自习室】
回复 【一元课】,领取四节教你月入6000的一元神课
回复 【福利】,领取2万款精品设计福利,软件、素材、教程······一网打尽
回复 【安装包】,领取PS安装包
![dfeae0604657e0922e73bc8b3ff7e267.png](https://img-blog.csdnimg.cn/img_convert/dfeae0604657e0922e73bc8b3ff7e267.png)