渐变可以在对象中创建平滑的颜色过渡效果，在表现深度、空间感、光影，以及材质、质感和特效时经常使用。下面介绍Illustrator中渐变的创建和编辑方法。

AI技术/设计讲堂：渐变的种类及样式

什么是渐变

在我们的生活中，渐变颜色十分常见。例如，彩虹的7种颜色就是以渐变方式过渡的；再如晚霞，美丽的橙红色与深邃的蓝色交相辉映，二者之间也是以渐变色融合的。

具体来说，渐变是单一颜色的明度或饱和度逐渐变化，或者两种及多种颜色组成的平滑过渡效果。渐变具有规则特点，能使人感觉到秩序和统一，是连接色彩的桥梁。例如，明度较大的两种颜色相邻时会产生冲突，在其间以渐变色连接，就能抵消冲突。渐变也是丰富画面内容的要素，即使是很简洁的设计，用渐变作底色，就不会显得平淡和单调。图2-283所示为渐变在平面设计、海报和插画上的应用。

图2-283

渐变样式

在Illustrator中，渐变颜色可以通过“渐变”面板、“控制”面板、“色板”面板、渐变工具、工具栏等进行添加和修改。渐变样式可在“渐变”面板中选取，共3种。第1种是线性渐变。它能让颜色从一点到另一点进行直线形混合，如图2-284所示。第2种是径向渐变，可以使颜色从一点到另一点进行环形混合，如图2-285所示。第3种是任意形状渐变，即不规则渐变——色标可以不规则分布，在形状内形成逐渐过渡的随意混合（也可以是有序混合）。相比前两种渐变，它的颜色变化更加丰富，颜色的位置也可以调整。任意形状渐变包含两种模式，如图2-286和图2-287所示。点模式可以在色标周围区域添加阴影；线模式可以在线条周围区域添加阴影。

图2-284

图2-285

图2-286

图2-287

2.7.1 “渐变”面板

选取图形，单击工具栏底部的按钮，可为其填充默认的黑白线性渐变，如图2-288所示，同时弹出“渐变”面板，如图2-289所示。也可直接单击“色板”面板中的渐变色板或“渐变”面板中的色板来进行填充。

图2-288

图2-289

• 现用渐变或以前使用的渐变：显示了当前使用渐变的颜色或上一次使用的渐变。单击它，可以用渐变填充所选对象。

• 下拉按钮：单击按钮打开下拉列表，其中包含了预设的渐变供使用，如图2-290所示。

图2-290

• 填色/描边：单击填色或描边图标后，可在面板中对其填充的渐变进行编辑。

• 编辑渐变：选取对象后，单击该按钮，便可编辑色标、颜色、角度、不透明度和位置。

• 反向渐变：反转色标顺序，也即反转渐变中的颜色顺序，如图2-291所示。

图2-291

• 描边：将渐变应用于描边时设置描边类型（参考此处）。

• 角度：用来设置线性渐变的角度。

• 长宽比：填充径向渐变时，如图2-292所示，可在该选项中输入数值创建椭圆渐变，如图2-293所示。也可以修改椭圆渐变的角度来使其倾斜。

图2-292

图2-293

• 渐变批注者/色标/删除色标：渐变批注者显示了渐变颜色；色标用来修改渐变颜色及颜色位置。如果要删除一个色标，可单击它，之后单击删除色标按钮，或者直接将其拖出面板外。

• 中点：拖曳中点滑块，可以调整滑块两侧色标的位置。

• 位置：可以调整中点滑块或色标的位置。

• 拾色器：可拾取图稿中的颜色作为色标颜色。

• 不透明度：单击一个色标，调整它的不透明度值，可以使颜色呈现透明效果，如图2-294所示。

图2-294

2.7.2 实战：设置和修改渐变颜色

01 打开素材。选择选择工具，单击小丑，将其选取，如图2-295所示。在工具栏中将填色设置为当前编辑状态；然后单击按钮，填充渐变，如图2-296所示。

图2-295

图2-296

02 单击一个色标，将它选择，如图2-297所示。此时可通过两种方法调整颜色，即拖曳“颜色”面板中的滑块，如图2-298～图2-300所示；或者按住Alt键单击“色板”面板中的一个色板，如图2-301和图2-302所示。未选择滑块时，则将一个色板拖曳到滑块上，便可修改其颜色。

图2-297

2-298

2-290

图2-300

图2-301

图2-302

03 双击一个色标，如图2-303所示，会弹出下拉的“颜色”面板。单击下拉面板中的按钮，则可切换为“色板”面板。在这两个面板中也可以修改颜色，如图2-304～图2-306所示。

图2-303

图2-304

图2-305

图2-306

04“渐变”面板及下拉面板中都包含拾色器工具。单击该工具，之后在图稿上单击，可以拾取其颜色作为渐变中的颜色，如图2-307和图2-308所示。

图2-307

图2-308

2.7.3 实战：编辑色标

色标用来控制颜色的混合位置，也决定了渐变中的颜色数量。

01 在渐变批注者下方单击，可以添加色标，如图2-309所示。将一个色板直接拖曳到渐变批注者下方，也可添加色标，如图2-310所示。

图2-309

图2-310

提示

如果色标较多，在选取的时候，很容易造成其移动。遇到这种情况，可以拖曳面板右下角，将面板拉宽，增大色标的间距。

02 如果要减少颜色，可单击一个色标，如图2-311所示，然后单击按钮，如图2-312所示；或者直接将其拖曳到面板外，进行删除。

图2-311

图2-312

03 按住Alt键拖曳一个色标，可以复制它，如图2-313所示。如果按住Alt键并将一个色标拖曳到另一个色标上，则可交换它们的位置，如图2-314所示。

图2-313

图2-314

04 拖曳色标可以调整颜色的混合位置，如图2-315所示。拖曳色标上方的中点滑块，则可改变它两侧色标颜色的混合位置，如图2-316所示。

图2-315

图2-316

技术看板　将渐变存储为色板

单击“色板”面板中的按钮，可以将渐变保存到“色板”面板中。以后需要使用它时，可通过该面板来直接应用。

2.7.4 实战：线性渐变

要点

填充线性渐变和径向渐变后，当我们选取渐变工具时，对象中会显示渐变批注者。它的组件包含滑块（用来定义渐变的起点和终点）和中点，在起点和终点处各有一个色标。通过渐变批注者可以修改渐变的角度、位置和范围，如图2-317所示。

图2-317

01 打开素材，选择选择工具，单击圆形，将其选取，如图2-318所示。在“渐变”面板中将填色设置为编辑状态，如图2-319所示。

图2-318

图2-319

02 选择渐变工具，在图形上拖曳鼠标，可以调整渐变的位置、起止点和方向，如图2-320所示。按住Shift键操作，可以将渐变方向设置为水平、垂直或45°的整数倍方向。

图2-320

03 在渐变批注者中，圆形图标是渐变的原点，拖曳它可以水平移动渐变，如图2-321所示。拖曳方形（终点）图标，可以调整渐变的范围，如图2-322所示。

图2-321

图2-322

04 在终点图标旁边，当鼠标指针变为状时进行拖曳，可以旋转渐变，如图2-323所示。

图2-323

05 双击色标，可以打开下拉面板，对颜色和不透明度进行修改，如图2-324所示。在渐变批注者下方（鼠标指针变为状）单击，可以添加色标，如图2-325所示。拖曳色标和中点，可以调整颜色位置，如图2-326所示。如果要删除色标，将其拖出渐变批注者便可。

图2-324

图2-325

图2-326

提示

执行“视图”菜单中的“显示渐变批注者”或“隐藏渐变批注者”命令，可以显示或隐藏渐变批注者。

2.7.5 实战：径向渐变

要点

在径向渐变中，最左侧的色标定义了颜色填充的中心点，它呈辐射状向外逐渐过渡，直至最右侧的色标颜色。通过渐变批注者，可以修改径向渐变的焦点、原点和扩展范围，如图2-327所示。

图2-327

01 打开素材。选择渐变工具，按住Ctrl键单击圆形，将其选取。放开Ctrl键，图形上会显示渐变批注者，如图2-328所示。将鼠标指针放在渐变批注者上，进行拖曳，可将其移动，如图2-329所示。

图2-328

图2-329

02 如果想旋转渐变，可以将鼠标指针移动到终点图标旁边，当鼠标指针变为状时进行拖曳，如图2-330所示。还有一种方法，就是将鼠标指针移动到图形边缘，当显示一个虚线环时进行拖曳，如图2-331所示。

图2-330

图2-331

03 如果要调整渐变范围，可以拖曳虚线环上的双圆图标，如图2-332所示；或者拖曳终点图标，如图2-333所示。

图2-332

图2-333

04 拖曳虚线环上的圆形图标，则可调整渐变的长宽比，得到椭圆形渐变，如图2-334所示。拖曳左侧的原点图标，可同时调整渐变的角度和范围，如图2-335所示。

图2-334

图2-335

2.7.6 实战：制作郁金香花

01 打开素材。选择选择工具，拖出一个选框，选取花瓣，如图2-336所示。单击渐变色板，为花瓣填充该渐变，如图2-337和图2-338所示。

图2-336

图2-337

图2-338

02 在“渐变”面板中设置角度为80°，如图2-339所示。在“透明度”面板中设置混合模式为“正片叠底”，如图2-340和图2-341所示。

图2-339

图2-340

图2-341

03 分别选择叶子和花茎，填充渐变，如图2-342～图2-344所示。

图2-342

图2-343

图2-344

技术看板　多图形渐变填充技巧

选取多个图形后，单击“色板”面板中的渐变色板，可以为每一个图形填充此渐变。如果再选择渐变工具，在这些图形上方拖曳鼠标，则这些图形将作为一个整体应用渐变，即它们共用一个渐变批注者。

每个图形都被填充渐变

用渐变工具修改后的效果

2.7.7 实战：用渐变库修改郁金香颜色

01 打开素材，如图2-345所示。按Ctrl+A快捷键全选。单击“色板”面板底部的色板库菜单按钮，如图2-346所示，打开菜单，其中的“渐变”子菜单中是各种渐变库。选择“色谱”渐变库，会在一个单独的面板中打开它。

图2-345

图2-346

02 单击“亮色色谱”渐变，如图2-347所示，在“渐变”面板中设置角度为90°，效果如图2-348所示。可以尝试使用渐变库中的其他渐变为图形填色，如图2-349所示。

图2-347

图2-348

图2-349

2.7.8 实战：任意形状渐变（点模式）

要点

任意形状渐变没有渐变批注者。这意味着色标的位置不受约束，是可以放在对象中的任何位置的。但要注意前提条件：色标不能离开对象，否则会被删除。

01 打开素材。选择渐变工具，按住Ctrl键单击烧杯圆形，将其选取，如图2-350所示。单击“渐变”面板中的按钮，填充任意形状渐变。在“绘制”选项中选取“点”选项。图形上会被自动添加色标，如图2-351所示。

图2-350

图2-351

02 单击左上角的色标，将其选取，如图2-352所示。之后可以单击“色板”面板中的色板，修改它的颜色；或者通过“颜色”面板调色，如图2-353和图2-354所示。

图2-352

图2-353

图2-354

03 在烧杯右下方单击，添加一个色标，如图2-355所示，之后调整颜色，如图2-356和图2-357所示。

图2-355

图2-356

图2-357

04 单击右下角的色标并调色，如图2-358和图2-359所示。拖曳色标，调一调位置，但不要拖曳到图形外，如图2-360所示。

图2-358

图2-359

图2-360

05 将鼠标指针放在色标上方，停留片刻便会显示虚线环，如图2-361所示；拖曳其中的双圆图标，可以调整颜色范围，如图2-362所示。

图2-361

图2-362

2.7.9 实战：超炫背景（线模式任意形状渐变）

要点

线模式有一条类似于路径（参考此处）的曲线将色标连接起来。它的优点在于：颜色的“走向”更加流畅，过渡效果也非常顺滑。缺点是不能调整渐变的扩展范围，在这方面不如点模式灵活。但总体来说，应该是瑕不掩瑜。下面我们来发挥它的特长，制作一个颜色绚丽、光感十足的背景画面，如图2-363所示。

图2-363

01 打开素材。选择选择工具，单击背景，将其选取，如图2-364所示。单击“渐变”面板中的按钮，填充任意形状渐变，并选取“线”模式，如图2-365所示。

图2-364

图2-365

02 单击右下角的色标，如图2-366所示；向左侧移动鼠标指针，再单击鼠标，添加第2个色标，此时会有一条直线将它们连接，如图2-367所示；移动鼠标指针并单击，创建第3个色标，这时直线会变为曲线，如图2-368所示；单击左下角的色标，用曲线将它也连接起来，如图2-369所示；之后再添加一个色标，如图2-370所示。拖曳色标，调一调位置，如图2-371所示。

图2-366

图2-367

图2-368

图2-369

图2-370

图2-371

03 下面调整色标颜色。单击一个色标，将其选取，如图2-372所示；通过“颜色”面板调色，如图2-373和图2-374所示。采用同样的方法，调整其他几个色标，如图2-375所示。按Esc键结束操作。

图2-372

图2-373

图2-374

图2-375

04 单击右上角的色标，移动鼠标指针并单击，添加第2组色标并调色，如图2-376所示。

图2-376

05 画面左上角还有一个单独的色标，选取它并调色，如图2-377所示。按Esc键结束操作。在图2-378所示的位置单击，也添加一个色标。

图2-377

图2-378

06 单击“图层”面板中的按钮，创建一个图层。将它拖曳到顶层，如图2-379和图2-380所示。选择椭圆工具，按住Shift键创建一个圆形，填充黄色，如图2-381和图2-382所示。在“透明度”面板中设置混合模式为“颜色减淡”，不透明度为20%，如图2-383和图2-384所示。

图2-379

图2-380

图2-381

图2-382

图2-383

图2-384

07 选择选择工具，按住Alt键拖曳圆形进行复制，排布在画面右上角，使它们成为一组闪亮的光斑，如图2-385所示。

图2-385

08 选择椭圆工具，按住Shift键创建圆形，填充径向渐变。渐变颜色都使用白色，右侧色标的不透明度为0%，如图2-386和图2-387所示。选择选择工具，按住Alt键拖曳圆形进行复制，放在图2-388所示的两处位置上，对色调进行提亮，让光影变化更加丰富。

图2-386

图2-387

图2-388

2.7.10 将渐变应用于描边

任意形状渐变只能用于填色，线性渐变和径向渐变则可以填色和描边。操作时，先选取对象，然后将描边设置为当前编辑状态，之后添加渐变即可，如图2-389所示。此外，还可单击“渐变”面板中的按钮，调整描边位置，包括在描边中应用渐变、沿描边应用渐变、跨描边应用渐变。图2-390为线性渐变的不同描边效果；图2-391所示为径向渐变效果。

图2-389

图2-390

图2-391

2.7.11 将渐变扩展为图形

使用“扩展”命令，可以将渐变扩展为数量不等的图形。在操作时，首先选取对象，如图2-392所示；然后执行“对象>扩展”命令，打开“扩展”对话框；勾选“填充”选项，并在“指定”文本框中输入数值。例如，想要扩展出3个图形，就输入“3”，如图2-393和图2-394所示。一般情况下，不能少于色标的数量，想要多一些图形，可提高数值；然后单击“确定”按钮即可。扩展出的图形会被编为一组，并通过剪切蒙版（参考此处）控制显示范围，如图2-395所示。

图2-392

图2-393

图2-394

图2-395