PS 渐变色设置核心就是打开渐变编辑器,通过底部色标修改颜色、添加中间色、调整色标位置,还可以增加透明色标制作透明渐变,设置完成保存预设,之后绘制渐变就可以直接调用。新手容易混淆两个概念,一个是渐变工具拖拽绘制像素渐变,另一个是渐变填充调整层,两种方式都可以进入渐变编辑器修改渐变色,优先推荐渐变填充调整层,属于非破坏性,后期可以随时重新改色,不用重新绘制。设置的时候要理解色标、不透明度色标、色标中点这几个控件,色标控制颜色,上方小滑块控制透明度,中间菱形点是两种颜色过渡的中点位置。
一 前期准备
1 快捷键 G 选中渐变工具,或者创建渐变填充调整层
2 确认文档色彩模式为 RGB 或者 CMYK,索引颜色模式下渐变编辑功能会受限
3 建议新建独立图层,或者使用调整层,避免直接在原图绘制,方便后期修改
二 方法一 渐变工具 自定义渐变色详细步骤
第一步 按快捷键 G,选中渐变工具,长按油漆桶工具组切换到渐变工具。
第二步 点击顶部选项栏里面的渐变预览长条,弹出渐变编辑器窗口。
第三步 窗口下半部分就是渐变颜色条,底部小方块就是颜色色标,点击左侧色标,再点击下方颜色框,挑选你想要的起始颜色。
第四步 点击右侧色标,设置末尾的结束颜色。
第五步 如果需要三色渐变,在颜色条下方空白位置点击,就可以新增一个中间色标,拖动色标可以调整颜色出现的位置。
第六步 拖动两个色标中间的菱形中点,调整两种颜色过渡的均衡位置。
第七步 如果需要透明渐变,在颜色条上方的小滑块是不透明度色标,点击新增,修改不透明度数值,实现半透明渐变。
第八步 调整满意之后,可以点击新建,把这个渐变保存到预设列表,下次直接选用。
第九步 点击确定,回到画布,按住鼠标拖拽,就可以应用刚刚设置好的渐变色。
三 方法二 渐变填充调整层设置渐变色(推荐,非破坏性)
第一步 点击图层面板底部,创建调整层按钮,选择渐变。
第二步 弹出渐变设置窗口,点击渐变预览条,同样打开渐变编辑器。
第三步 和上面操作一致,修改色标颜色、增加色标、调整透明度。
第四步 还可以在这个窗口选择渐变类型:线性、径向、角度、对称、菱形,修改角度、缩放数值。
第五步 确定之后生成渐变填充调整层,后续双击这个调整层缩略图,可以再次打开窗口修改渐变色,不会破坏原图。
四 渐变编辑器控件说明表
| 控件 | 位置 | 作用 |
|---|---|---|
| 颜色色标 | 颜色条底部小方块 | 控制渐变各个节点的颜色 |
| 不透明度色标 | 颜色条上方小滑块 | 控制节点透明度,制作透明渐变 |
| 菱形中点 | 两个色标中间 | 调整两种颜色过渡的平衡点 |
| 预设区 | 上半部分 | 软件自带渐变模板,可以直接调用 |
| 新建按钮 | 右侧 | 保存自定义渐变到预设 |
| 删除 | 选中色标按 Delete | 删除多余色标 |
五 常用进阶设置技巧
1 多色渐变:连续在颜色条下方点击,增加多个色标,制作彩虹、品牌多色渐变
2 反向渐变:顶部选项栏勾选反向,渐变颜色顺序翻转,不用重新编辑色标
3 仿色:勾选仿色,改善渐变断层色带,长渐变背景必备
4 配合蒙版:渐变填充调整层自带蒙版,可以用黑白画笔控制渐变显示范围,做光影过渡、压暗角效果
六 常见错误排查
错误 1 找不到渐变编辑器,没有点击顶部渐变预览长条,只是点了预设缩略图,必须点预览条才能进入编辑界面
错误 2 新增色标点到上方,变成透明度滑块,不是颜色色标,颜色色标要点颜色条下方
错误 3 渐变出现明显色阶断层,开启仿色,或者降低色彩对比
错误 4 设置完渐变,下次打开预设不见了,没有点击新建保存自定义渐变
错误 5 直接在原图绘制渐变,后期想改颜色很麻烦,优先选择渐变填充调整层方案
问题 1 PS 渐变色设置,怎么增加中间颜色
回答 1 PS 渐变色设置步骤里面,打开渐变编辑器,在颜色条下方空白位置点击,即可新增中间颜色色标,拖动色标调整颜色位置,实现多色渐变。
问题 2 PS 渐变色设置可以做透明渐变吗
回答 1 可以,PS 渐变色设置的时候,颜色条上方的滑块就是不透明度色标,添加之后修改不透明度,就能做出半透明渐变,常用于蒙版过渡。
问题 3 PS 渐变色设置,渐变填充调整层和渐变工具哪个更好
回答 1 PS 渐变色设置优先推荐渐变填充调整层,属于非破坏性,双击调整层就能再次修改颜色,渐变工具绘制是像素渐变,修改不方便。
问题 4 PS 自定义渐变色怎么保存,下次继续使用
回答 1 PS 渐变色设置完成之后,在渐变编辑器里面点击新建,这个渐变就会存入预设列表,后续打开渐变编辑器可以直接调用。
问题 5 PS 渐变色设置之后有颜色断层怎么办
回答 1 PS 渐变色设置出现色带断层,在选项栏勾选仿色,拉长渐变拖拽距离,降低颜色对比,就可以改善渐变过渡生硬的问题。
本文基于 Photoshop 常规版本渐变编辑器功能编写,不同 PS 版本界面布局基本一致,部分新版选项名称会有细微差别,本文仅作为学习参考,实际操作请以当前软件界面为准。


