PS 渐变工具一共包含五种渐变类型,分别是线性渐变径向渐变角度渐变对称渐变菱形渐变,快捷键是 G,这五种渐变按照颜色扩散的方向和形态区分,线性渐变是沿着一条直线方向做颜色过渡,径向渐变是从中心点向外圆形扩散,角度渐变是围绕中心点环形旋转渐变,对称渐变是中轴线两侧对称反向渐变,菱形渐变是以中心点向外形成菱形放射渐变,五种渐变都可以在渐变工具顶部属性栏直接切换,做背景填充文字渐变光影效果的时候经常搭配使用,很多新手只熟悉线性渐变,不清楚另外四种渐变的特点,做出来的背景效果比较单一,理解每一种渐变的扩散逻辑之后,就可以根据设计需求选择对应的渐变类型,不用重复手动绘制多层颜色过渡。设计这五种渐变类型的原因,就是平面设计里面颜色过渡需要不同的空间形态,直线过渡适合横幅背景,圆形扩散适合光晕,环形旋转适合彩虹环,对称渐变适合对称光影,菱形渐变适合特殊几何质感,一套工具覆盖绝大多数渐变填充场景,不需要额外滤镜,操作门槛低,还可以自定义渐变颜色色标,修改透明度,实现半透明渐变。
五种渐变类型对照表
| 渐变类型 | 扩散形态 | 典型适用场景 |
|---|---|---|
| 线性渐变 | 沿拖拽直线方向单向过渡 | 海报背景,文字渐变,长条光影 |
| 径向渐变 | 中心点向外圆形扩散 | 光晕,聚光效果,球体明暗 |
| 角度渐变 | 围绕中心点环形旋转过渡 | 彩虹圆环,旋转色彩特效 |
| 对称渐变 | 中轴线左右两侧对称渐变 | 对称背景,镜面光影 |
| 菱形渐变 | 中心点向外菱形放射 | 几何风格背景,钻石质感 |
详细操作步骤
第一步,打开 PS 新建画布或者打开已有图片,按下 G 调出渐变工具,如果当前显示油漆桶,右键或者长按工具栏图标,切换成渐变工具。
第二步,看顶部属性栏,第一排就是五个渐变类型图标,从左到右依次就是线性径向角度对称菱形,点击选中你需要的 ps 五种渐变类型里面对应的一种。
第三步,点击渐变预览条,打开渐变编辑器,在这里可以添加色标,修改渐变颜色,调整色标位置,还能调整上方不透明度色标,制作透明渐变,设置完成点击确定。
第四步,回到画布,在画布上按住鼠标拖拽,拖拽的起点就是渐变起始位置,拖拽终点决定渐变的长度和方向,松开鼠标就生成渐变填充,如果提前绘制选区,渐变只会填充选区内部,没有选区就填充整个图层。
第五步,拖拽的时候按住 Shift 键,可以锁定水平垂直或者 45 度方向,适合线性渐变做规整水平垂直渐变,避免拖拽倾斜。
第六步,如果效果不满意,按 Ctrl 加 Z 撤销,重新选择 ps 五种渐变类型里面其他样式,或者重新打开渐变编辑器修改色标颜色,再次拖拽生成渐变。
进阶设置与注意事项
渐变编辑器里面色标可以自由增加删除,点击渐变条下方空白位置就能新增色标,拖动色标调整过渡位置,还可以保存自定义渐变预设,方便下次直接调用。
属性栏里面还有反向选项,勾选之后渐变起始颜色和结束颜色互换,仿色选项可以减少渐变出现色阶断层,做大面积渐变背景建议开启仿色,平滑度控制颜色过渡柔和程度,数值越高过渡越顺滑。
渐变填充属于像素填充,如果直接在原图图层拖拽会覆盖原有画面,推荐新建空白图层填充渐变,再修改图层混合模式,或者使用渐变填充调整层,属于非破坏性编辑,后续可以随时双击修改渐变颜色和 ps 五种渐变类型。
中文输入法状态下 G 快捷键会失效,切换英文输入法就可以恢复,Mac 系统 G 快捷键同样可用,操作逻辑和 Windows 一致。
角度渐变拖拽距离会影响环形旋转的视觉效果,中心点就是拖拽起点,旋转一圈完成色彩循环,不要和径向渐变混淆,径向是向外扩散,角度是环绕旋转。
如果渐变出现明显色带断层,一般是图片位深太低,或者平滑度数值过低,开启仿色,适当提高平滑度,大面积深色渐变最容易出现色阶问题。
总结,ps 五种渐变类型分别是线性径向角度对称菱形,调用渐变工具 G,顶部属性栏切换类型,在渐变编辑器自定义颜色,画布拖拽生成渐变,配合 Shift 锁定方向,仿色解决色阶,优先使用渐变填充调整层方便后期修改,根据背景光影几何需求挑选对应的渐变类型。
【常见问题】
问题 1 ps 五种渐变类型里面径向渐变和角度渐变怎么区分
回答 1 ps 五种渐变类型里面径向渐变是中心点向外圆形扩散,角度渐变是围绕中心点环形旋转过渡,径向是向外发散,角度是环绕旋转,做光晕选径向渐变,做彩虹圆环选角度渐变。
问题 2 ps 五种渐变类型填充之后出现色阶断层怎么办
回答 1 使用 ps 五种渐变类型填充出现色阶断层,打开渐变工具属性栏勾选仿色,提高平滑度,也可以使用渐变填充调整层,减少像素压缩带来的色带,大面积深色渐变更容易出现 ps 五种渐变类型色阶问题。
问题 3 ps 五种渐变类型能不能保存自定义渐变样式
回答 1 ps 五种渐变类型都支持保存自定义渐变,打开渐变编辑器调好色标之后,点击新建,就可以把当前渐变预设保存,后续使用 ps 五种渐变类型的时候直接调用,不用重复调颜色。
【免责申明】
本内容基于 Photoshop 常规版本操作编写,不同 PS 版本渐变编辑器界面和选项可能存在细微差异,软件更新之后实际操作效果会和本文描述有区别,操作前请以你本机软件实际设置为准。


