这种凹陷在 Photoshop 里一般是怎么做出来的？

有关回应 · 2021-5-25 14:14:54

目测下来有一点内发光、一点内阴影、一点外浮雕、一点向下的 1 像素白色投影

有关回应 · 2021-5-25 14:14:53

首先泻药~
把它按下去就完事了啊！不用做！！！
欸，别动手！别动手。。。

我说！我说还不行吗！！！
这种凹陷效果在小图标和按钮最经常遇到的，这种效果该用PS该如何做出来呢？
下面就给大家演示一遍。
我们先来看一下效果图：

第1步：
打开PS，新建文档，尺寸为600×500px。

第2步：
新建图层，双击图层，图层样式——渐变叠加——径向渐变。

第3步：
用圆角矩形工具在画布中央创建圆角矩形，半径为50px。

第4步：
双击圆角矩形图层，添加图层样式，数值参考如下：

第5步：
用椭圆工具，按住Shift+Alt在圆角矩形右侧创建出一个正圆，然后双击正圆图层，添加图层样式，数值参考如下：

第6步：
把正圆图层隐藏，在正圆图层下方新建一个图层，用黑色柔边画笔绘制出阴影，画完把正圆显示出来。

第7步：
在圆形按钮上方再创建一个圆形，双击图层添加图层样式，数值参考如下：

第8步：
利用文字工具在滑动凹槽键输入ON，图层混合模式设置为亮光，给文字添加投影。

按钮开关的OFF也是同样的步骤，简单的开关按钮就做好啦~

制作的方法非常简单，只是在制作过程中，
需要耐心调整适合的参数以及颜色，你就能得到一个满意的按钮啦~
更多PS干货类回答请看这里~我的干货，是星辰和大海！！！赶紧PICK起来吧！！！
如何在一星期之内让自己成为 Photoshop 高手？你用 Photoshop 做过哪些有意思的事？怎么用 Photoshop 把图片变清晰？[h1]看完想请你帮小天一个忙哦！[/h1]

点个赞，让更多小伙伴看到小天的分享
点个关注，让小天可以持续给你出更多的PS教程
点个收藏，让小伙伴们在想要学PS的时候不用翻

再偷偷告诉你一件事哦！

关注公众号【平面设计自习室】
回复【一元课】，领取四节教你月入6000的一元神课
回复【福利】，领取2万款精品设计福利，软件、素材、教程······一网打尽
回复【安装包】，领取PS安装包

有关回应 · 2021-5-25 14:14:52

题主所问的这种凹陷效果在Photoshop中一般可以通过图层样式来实现，首先放一张已经完成的效果图。

接下来康石石将进行分布讲解。
[h1]一、绘制凹陷的按钮[/h1]首先，填充背景色

绘制圆角矩形，在属性栏中设置如下

接下来为圆角矩形添加图层样式——内阴影，设置如下

可以看出，内阴影可以产生凹陷的效果
为了让凹陷效果更加真实，我们为下边缘添加高光效果

这里添加斜面与浮雕

凹陷的按钮完成

[h1]二、绘制滑动开关[/h1]绘制圆角矩形，设置如下

添加斜面与浮雕

添加投影

按加号再添加一个投影

绘制三个矩形，分布间距，设置如下

添加内阴影和斜面与浮雕

滑动开关完成

[h1]三、添加文字[/h1]
添加内阴影，斜面与浮雕及渐变叠加

文字添加完成

[h1]四、添加斜线图案[/h1]先新建图案
新建6*6像素的画布，放大后，使用钢笔绘制斜线

编辑——定义图案，将绘制的线定义为图案

之后填充该图案

调整缩放及图层透明度即可完成

综上，在PS中，图层样式是制作凹陷和立体感最常用的方法，其中内阴影一般可用于制作凹陷效果，斜面与浮雕和投影一般可用于产生立体或凸起的效果。

以上，望有帮助。

——————————————————

有关回应 · 2021-5-25 14:14:51

我也做了一个~
这种立体凹陷的效果用很多种方法都能表现出来，
但首先要明确的是光照的方向、强弱、所产生的高光、阴影、反光和环境光都在什么位置。
有了这个概念，这个效果就好做了。

有关回应 · 2021-5-25 14:14:50

任何模拟立体效果都是光影的作用。

一般在 Photoshop 中做这类凹陷效果，都会用到内阴影和投影，要进一步扣细节的话，内外发光、斜面和浮雕、渐变描边、图案叠加等都可以用上。

我按照你提供的样图重做了一次：

这里就是所有的图层和样式：

然后 PSD 在此：http://d.pr/f/N3hi

这种凹陷在 Photoshop 里一般是怎么做出来的？

5 个回复