在 Photoshop 设计中，渐变工具与油漆桶工具是基础且常用的色彩填充工具，尤其在网页设计、海报制作、UI 界面设计等场景中频繁使用。本文将详细讲解这两个工具的功能、操作步骤、核心选项及实用技巧，帮助新手快速掌握并灵活应用。

一、渐变工具（Photoshop 设计核心工具）

渐变工具的核心作用是生成逐渐变化的色彩效果，实现从一种颜色到另一种（或多种）颜色的平滑过渡。在实际设计中，渐变效果既可以通过渐变工具直接创建，也能在图层样式中设置（后者在后期修改时更便捷，使用频率更高）。

1.1 Photoshop 默认渐变设定与基础操作

Photoshop 内置了多种预设渐变方案，无需手动调配即可直接使用，具体操作步骤如下：

1. 在左侧工具栏中选择「渐变工具」（快捷键：G）；
2. 顶部公共栏会显示渐变工具的相关设置，点击渐变缩览图（左侧红色箭头指向处，原文图示位置），即可弹出「渐变预设列表」；
3. 在列表中选择所需渐变（例如 “红色、绿色” 渐变），若未找到目标渐变，可点击列表右上角的「设置图标」，选择「复位渐变」恢复默认预设；
4. 选择渐变后，在公共栏的 “渐变样式” 中点击第一种「线形渐变」；
5. 新建空白图像（快捷键：Ctrl+N），在画布上按住鼠标左键拖拉，松开后即可生成线形渐变效果。

此时公共栏的默认参数为：

• 模式：正常
• 不透明度：100%
• 未勾选「反向」「透明区域」
• 勾选「仿色」

1.2 渐变线的关键特性（范围、方向与色彩分布）

很多新手会疑惑：“拖拉的渐变线未充满画面，为何最终渐变能覆盖全画布？” 这需要理解渐变线的核心作用 ——定义色彩变化范围，而非填充范围，具体规则如下：

1.2.1 渐变填充范围：全画面覆盖的前提

注意：除非画布中存在选区或蒙版，否则渐变效果一定会充满整个画面。无论拖拉的渐变线长度是否覆盖画布，最终渐变都会自动扩展至全画布。

1.2.2 渐变线的 “色彩变化范围” 作用

渐变线的长度仅决定「颜色从起点到终点的过渡区间」，区间外的区域将以单色填充：

• 渐变线的「起点」（鼠标按下处，显示为实线十字标）：对应 “起点色”，起点之外的区域填充起点色；
• 渐变线的「终点」（鼠标松开处，显示为虚线十字标）：对应 “终点色”，终点之外的区域填充终点色；
• 起点与终点之间的区域：呈现从起点色到终点色的平滑过渡色。

实操验证方法：

1. 新建图像，按 Shift 键（保持水平 / 垂直等 45° 整数倍角度）拖拉一小段渐变线；
2. 打开「信息调板」（快捷键：F8），用鼠标在画布上横向移动；
3. 观察信息调板的颜色读数：
   • 渐变线范围内：颜色读数持续变化（过渡色）；
   • 渐变线范围外：颜色读数固定（起点色或终点色）。

1.2.3 渐变方向对色彩分布的影响

渐变线的拖拉方向直接决定色彩的分布顺序：

• 从左往右拖拉：生成 “左起点色、右终点色” 的渐变（如左红右绿）；
• 从右往左拖拉：生成 “左终点色、右起点色” 的渐变（如左绿右红）。

1.3 5 种常用渐变样式及效果详解

Photoshop 提供 5 种核心渐变样式，不同样式的色彩分布规律和适用场景不同，以下为详细说明：

1. 线形渐变（最基础样式）

• 特点：沿渐变线方向（可任意角度）呈直线型色彩过渡；
• 色彩分布：起点到终点沿直线渐变，两端外部分别填充起点色、终点色；
• 适用场景：背景渐变、文字渐变、图形明暗过渡（如按钮高光）。

2. 径向渐变

• 特点：以渐变起点为圆心，起点到终点的距离为半径，呈圆形向外扩散渐变；
• 色彩分布：
  • 半径范围内：沿每条半径方向从起点色过渡到终点色；
  • 半径范围外：全画面填充终点色；
  • 关键规律：同心圆弧上的颜色相同（如黄色圆弧各点颜色一致，蓝色圆弧各点颜色一致），蓝色圆弧更接近起点色，黄色圆弧更接近终点色；
• 适用场景：圆形图标渐变、光斑效果、太阳 / 月亮等圆形物体的色彩表现。

3. 角度渐变

• 特点：以渐变起点为中心，起点与终点的连线为 “起始角”，沿顺时针方向环形渐变；
• 关键区别：所有渐变样式中唯一 “不受起点 - 终点距离影响” 的样式，仅由角度决定渐变范围；
• 色彩分布：从起点出发的每条射线上颜色相同（如黄色射线各点颜色一致，蓝色射线各点颜色一致），蓝色射线接近起点色，黄色射线接近终点色；
• 适用场景：雷达图、表盘渐变、旋转光效（如霓虹环）。

4. 对称渐变

• 特点：可理解为 “两个方向相反的径向渐变合并”，从起点向相反两个方向同时渐变；
• 色彩分布：
  • 起点到两个相反方向的终点：分别呈现从起点色到终点色的过渡；
  • 两个终点之外的区域：填充终点色；
  • 关键规律：距离起点相同的位置，无论方向如何，颜色均一致；
• 使用注意：若渐变线充满画布，会遮挡一侧渐变效果，需预留足够空间展示双向渐变；
• 适用场景：对称图形渐变（如蝴蝶翅膀）、倒影效果、对称光效。

5. 菱形渐变

• 特点：从起点向周围扩散的 “菱形范围渐变”，类似径向渐变但形状为菱形；
• 菱形生成规则：以起点到终点的线段为菱形的一条棱，其余三条棱由该线段以起点为中心分别旋转 90°、180°、270° 形成；
• 色彩分布：
  • 菱形范围内：沿棱的方向从起点色过渡到终点色；
  • 菱形范围外：填充终点色；
  • 关键规律：距离起点相同的位置，仅菱形 4 条棱上的颜色一致，棱之间区域颜色不同；
• 适用场景：方形图标渐变、钻石光效、菱形装饰元素。

1.4 渐变工具核心选项功能（反向、仿色、透明区域）

在渐变工具公共栏中，「反向」「仿色」「透明区域」三个选项可进一步优化渐变效果，具体功能如下：

1.4.1 反向选项

• 作用：颠倒渐变的 “色彩顺序”，包括起点色、终点色及中间所有过渡色；
• 示例：若原渐变顺序为 “红→绿→黄→蓝”，勾选「反向」后变为 “蓝→黄→绿→红”；
• 适用场景：快速切换渐变的主次色，无需重新编辑渐变预设。

1.4.2 仿色选项

• 作用：在色彩数量较少的情况下，通过算法生成中间过渡色，减少 “渐变断层”（色彩过渡不连贯的条纹），让渐变更平滑；
• 注意：该功能的详细操作和进阶应用将在后续渐变编辑章节中进一步说明，新手建议默认勾选以保证渐变质量。

1.4.3 透明区域选项

• 作用：控制渐变是否保留预设中的透明度设置；
• 两种效果对比（以 “透明彩虹” 渐变 + 黑色背景为例）：
  • 勾选「透明区域」：渐变的起点和终点区域呈现透明，可看到下方黑色背景；
  • 取消勾选「透明区域」：透明部分被单色填充，无法看到黑色背景；
• 注意：若渐变预设本身不含透明度设置，该选项勾选与否无差异；透明度的自定义编辑将在后续章节讲解。

二、油漆桶工具（Photoshop 快速填充工具）

油漆桶工具的核心作用是「为指定区域快速填充色彩或图案」，本质相当于 “用魔棒工具创建选区后立即填充”，但操作更简洁，适合简单的色彩填充场景。

2.1 油漆桶工具的核心功能与操作

• 填充内容：支持两种模式 ——
  1. 前景色填充：填充当前设置的前景色（快捷键填充：ALT DELETE/ALT BackSpace）；
  2. 图案填充：填充预设或自定义图案，若填充区域大于图案，会自动平铺（与图案图章工具效果一致）；
• 操作步骤：
  1. 选择「油漆桶工具」（与渐变工具同组，快捷键：G，按 Shift+G 切换）；
  2. 在顶部公共栏设置参数（模式、容差、不透明度等）；
  3. 点击画布中需要填充的区域，即可完成填充。

2.2 油漆桶工具关键选项说明

油漆桶工具的选项与魔棒工具类似，新增了 “图案填充” 和 “所有图层” 选项，具体如下：

2.3 油漆桶工具的替代方案（更高效的填充方式）

由于油漆桶工具的可编辑性较差（修改颜色 / 图案需重新填充），目前在专业设计中已较少使用，更推荐以下 3 种替代方法，灵活性更高：

1. 快捷键填充前景色 / 背景色：
   • 填充前景色：ALT DELETE/ALT BackSpace；
   • 填充背景色：Ctrl DELETE/Ctrl BackSpace；
   • 优势：无需选择工具，一步完成填充，适合简单纯色填充。
2. 建立填充图层（纯色 / 图案）：
   • 操作路径：图层 → 新建填充图层 → 纯色 / 图案；
   • 优势：可编辑性极强，后期修改颜色 / 图案时，只需双击填充图层的缩略图即可调整，且支持图层蒙版控制填充范围。
3. 图层样式填充：
   • 操作路径：双击图层缩略图右侧空白处 → 选择 “颜色叠加”（纯色）或 “图案叠加”（图案）；
   • 优势：可与其他图层样式（如投影、发光）结合使用，且不破坏原图层内容，适合图层效果的叠加设计。