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