如何在photoshop中为图像添加一个渐变效果
-
打开图片
文件 → 打开(或直接把文件拖入工作区)。
-
复制背景图层(
Ctrl + J)
复制后得到 “背景拷贝” 图层,保证原始图像不被破坏,后续可以随时删除或隐藏。
-
新建渐变填充图层(推荐)
路径:图层 → 新建填充图层 → 渐变…(在 在线ps 与 Photoshop 中完全相同)。
在弹出的 渐变编辑器 中:
- 选择预设渐变或点击颜色停点自行添加/修改颜色。
- 通过 类型(线性、径向、角度、菱形)以及 角度/比例 控制渐变的走向和形状。
该图层是 非破坏性 的,随时双击图层图标即可重新编辑渐变。
-
调整混合模式与不透明度(可选)
在图层面板的 混合模式 下拉框中尝试 Overlay、Soft Light、Screen 等,能够让渐变与底层图像产生更自然的光感交互。
使用 不透明度 滑块微调渐变强度,通常 30%~70% 之间效果较佳。
-
添加图层蒙版(局部控制)
选中渐变填充图层 → 图层 → 添加蒙版(或点击图层面板底部的 蒙版图标)。
蒙版默认全白(完全显示),使用 画笔工具 (B):
- 前景色 黑 → 隐藏对应区域;
- 前景色 白 → 恢复显示;
- 前景色 灰 → 半透明过渡。
通过画笔的硬度、流量、大小可以细致控制渐变的可见范围。
-
进一步微调(可选)
- 编辑渐变属性:双击渐变填充图层的缩略图即可再次打开渐变编辑器,随时修改颜色、角度、类型。
- 栅格化后自由变换(若需要对渐变形状进行非线性变形):右键渐变填充图层 → 栅格化图层,随后使用
Ctrl + T(自由变换)或 编辑 → 变换 → 变形 对栅格化后的像素进行旋转、缩放、扭曲。
- 图层样式:在图层面板下方点击 fx →
颜色叠加、渐变叠加,可以在不破坏原始渐变的前提下再叠加一次颜色或渐变。
-
保存 / 导出
保留图层:
- Photoshop →
文件 → 保存为 → PSD(或 文件 → 另存为 → PSD)。
- 在线ps →
文件 → 导出为 → PSD,下载后仍可在两款软件中继续编辑。
仅输出最终图像:
文件 → 导出为 → PNG(保留透明通道)或 文件 → 导出为 → JPG(可调节质量)。
- 导出时可在弹窗中选择 颜色空间(sRGB)、分辨率 与 压缩质量。
小贴士
在线ps 与本地 Photoshop 的快捷键几乎完全一致:Ctrl + J(复制图层)、G(渐变工具)、B(画笔)、Ctrl + T(自由变换)等。唯一例外是 保存:在线ps 必须走 “导出为” 才能把文件下载到本地。
使用 渐变填充图层 而非直接在像素图层上绘制渐变,是保持编辑弹性的最佳实践。
若想让渐变只影响图像的局部颜色而不改变整体亮度,可先创建 选区(如 选择 → 色彩范围),再在选区内新建渐变填充图层,省去蒙版的繁琐操作。
参考资料
- Adobe Photoshop官方文档
- HTML5与现代前端图片处理原理
- 在线ps