ps 阴影效果最主流的制作方式就是使用图层样式里面的投影选项,这个是软件自带原生功能,可以给文字图片图形添加向外投射的阴影,除此之外还可以制作内阴影,也就是图层内部凹陷的阴影,两种阴影适用场景不一样,投影适合让元素脱离背景产生悬浮感,内阴影适合做凹槽凹陷立体效果,不需要额外插件,文字图层形状图层普通像素图层都可以调用,调整角度距离大小扩展不透明度这些参数,就能控制阴影柔和度和真实感,是海报电商图 UI 设计最基础的立体表现手段。
做阴影效果经常出现不自然的问题,核心原因一般是光源方向混乱,整张图多个元素阴影角度不一致,还有就是阴影距离太大或者扩展数值过高,阴影边缘生硬像黑边,不透明度设置太高阴影发黑厚重,没有考虑环境光衰减,真实的阴影离物体越远应该越淡,另外还有部分新手直接复制原图层填充黑色手动偏移做阴影,但是这种方式不能动态跟随图层修改,后续改动图形之后阴影不会同步更新。
详细操作步骤
1 在 ps 里面打开文件,在图层面板选中需要添加阴影效果的目标图层,可以是文字层形状层或者图片图层。
2 双击这个图层空白位置,打开图层样式窗口,在左侧列表勾选投影,进入投影参数设置页面。
3 调整核心参数,混合模式默认正片叠底,颜色一般选择黑色,不透明度控制阴影深浅,角度决定光源照射方向,距离控制阴影和原图层的偏移远近,扩展控制阴影边缘收缩程度,大小控制阴影模糊柔化程度,等高线可以修改阴影衰减曲线。
4 如果需要做内部凹陷阴影,就在左侧勾选内阴影,内阴影是在图层轮廓内侧生成阴影,参数逻辑和投影类似,同样可以调整距离大小阻塞角度。
5 参数调整的时候可以实时预览画面效果,确认满意之后点击确定,阴影就绑定在图层上,后续修改图层内容,阴影会自动同步更新,也可以右键图层样式创建图层,把阴影单独拆分成独立像素图层进行二次编辑。
投影和内阴影参数对比表格
| 项目 | 投影 | 内阴影 |
|---|---|---|
| 生成位置 | 图层轮廓外侧 | 图层轮廓内侧 |
| 视觉效果 | 悬浮向外投射阴影 | 凹陷凹槽效果 |
| 常用场景 | 产品图标题按钮 | 按钮凹陷边框立体凹槽 |
| 核心参数 | 角度距离扩展大小 | 角度距离阻塞大小 |
进阶补充要点
如果想要更真实的写实阴影,单纯图层样式投影还不够,可以把投影拆分成独立图层,添加高斯模糊,再配合蒙版做渐变减淡,模拟近实远虚的光影变化,多元素设计的时候所有阴影角度必须统一,保持同一个光源逻辑,做透明底 PNG 导出的时候,图层样式阴影会一并保留。
总结,ps 阴影效果首选图层样式投影,需要凹陷效果就使用内阴影,重点把控光源角度,柔化大小和不透明度,追求写实效果可以拆分阴影图层做二次优化,保证整张作品光影统一。
【常见问题】
问题 1 ps 阴影效果做完之后可以单独修改吗
回答 1 ps 阴影效果默认是绑定在图层样式内,双击图层样式就能重新打开面板修改参数,如果需要独立编辑,可以右键图层样式选择创建图层,把 ps 阴影效果拆成单独图层,单独调整模糊和透明度。
问题 2 ps 阴影效果边缘太生硬怎么调
回答 1 ps 阴影效果边缘生硬,是大小数值太低,打开投影面板增大大小参数提升模糊度,同时适当降低扩展数值,就能让 ps 阴影效果边缘过渡柔和自然。
问题 3 ps 阴影效果为什么导出之后看不到
回答 1 ps 阴影效果导出看不到,一般是导出设置没有包含图层样式,导出 PNG 或者 JPG 的时候确认图层样式没有被隐藏,同时检查背景层和阴影层是否被蒙版遮挡,重新导出即可保留 ps 阴影效果。
【免责申明】
本文基于 Photoshop 常规正式版本操作讲解,不同版本 ps 图层样式界面参数名称基本一致,部分精简版软件可能存在功能异常,本文仅作为操作参考,不保证所有版本都能复现完全相同效果。


