
3.7 渐变工具
渐变工具用来在整个文档或选区内填充渐变颜色。渐变在Photoshop中的应用非常广泛,它不仅可以填充图像,还可以用来填充图层蒙版、快速蒙版和通道。此外,调整图层和填充图层也会用到渐变。
3.7.1 渐变工具概览
渐变工具选项
选择渐变工具后,需要先在工具选项栏选择一种渐变类型,并设置渐变颜色和混合模式等选项,如图3-99所示,然后再来创建渐变。

图3-99
● 渐变颜色条:渐变色条中显示了当前的渐变颜色,单击它右侧的
按钮,可以在打开的下拉面板中选择一个预设的渐变,如图3-100所示。如果直接单击渐变颜色条,则会弹出“渐变编辑器”,在“渐变编辑器”中可以编辑渐变颜色,或者保存渐变。
● 渐变类型:单击线性渐变按钮,可创建以直线从起点到终点的渐变;单击径向渐变按钮
,可创建以圆形图案从起点到终点的渐变;单击角度渐变按钮
,可创建围绕起点以逆时针扫描方式的渐变;单击对称渐变按钮
,可创建使用均衡的线性渐变在起点的任意一侧渐变;单击菱形渐变按钮
,则会以菱形方式从起点向外渐变,终点定义菱形的一个角。图3-101~图3-105所示为不同类型的渐变效果。

渐变下拉面板
图3-100

线性渐变
图3-101

径向渐变
图3-102

角度渐变
图3-103

对称渐变
图3-104

菱形渐变
图3-105
● 模式:用来设置应用渐变时的混合模式。
● 不透明度:用来设置渐变效果的不透明度。
● 反向:可转换渐变中的颜色顺序,得到反方向的渐变结果。
● 仿色:勾选该项,可以使渐变效果更加平滑。它主要用于防止打印时出现条带化现象,在屏幕上不能明显地体现出作用。
● 透明区域:勾选该项,可以创建包含透明像素的渐变,如图3-106所示;取消勾选则创建实色渐变,如图3-107所示。

图3-106

图3-107
3.7.2 杂色渐变
杂色渐变包含了在指定范围内随机分布的颜色,它的颜色变化效果更加丰富。在“渐变编辑器”的“渐变类型”下拉列表中选择“杂色”,在对话框中就会显示杂色渐变选项,如图3-108所示。

图3-108
● 粗糙度:用来设置渐变的粗糙度,该值越高,颜色的层次越丰富,但颜色间的过渡会变得更加粗糙,如图3-109、图3-110所示。

图3-109

图3-110
● 颜色模型:在下拉列表中可以选择一种颜色模型来设置渐变,包括RGB、HSB和LAB。每一种颜色模型都有对应的颜色滑块,拖动滑块即可调整渐变颜色,如图3-111所示。

图3-111
● 限制颜色:将颜色限制在可以打印的范围内,防止颜色过于饱和。
● 增加透明度:可以向渐变中添加透明像素,如图3-112所示。
● 随机化:每单击一次该按钮,就会随机生成一个新的渐变颜色,如图3-113所示。

图3-112

图3-113
3.7.3 透明渐变
透明渐变是指包含透明像素的渐变。打开“渐变编辑器”,选择一个预设的实色渐变。选择渐变条上方的不透明度色标,如图3-114所示;调整它的“不透明度”值,即可使色标所在位置的渐变颜色呈现透明效果,如图3-115所示。

图3-114

图3-115
拖动不透明度色标,或者在“位置”文本框中输入数值,可以调整色标的位置,如图3-116所示。拖动中点(菱形图标),则可以调整该图标一侧颜色与另一侧透明色的混合位置,如图3-117所示。

图3-116

图3-117
提示
在渐变条上方单击,可以添加不透明度色标;将色标拖出对话框外,可删除色标。
3.7.4 存储与载入渐变
在“渐变编辑器”中调整好一个渐变以后,在“名称”选项中输入渐变的名称,如图3-118所示,单击“新建”按钮,可将其保存到渐变列表中,如图3-119所示。

图3-118

图3-119
提示
单击“存储”按钮,可在打开的“存储”对话框中将渐变列表内所有的渐变保存为一个渐变库。
载入Photoshop渐变库
在“渐变编辑器”中,单击渐变列表右上角的按钮,可以打开一个下拉菜单,如图3-120所示,菜单底部包含了Photoshop提供的预设渐变库。选择一个渐变库,会弹出一个提示对话框,单击对话框中的“确定”按钮,可载入渐变并替换列表中原有的渐变,如图3-121所示;单击对话框中的“追加”按钮,可在原有渐变的基础上添加载入的渐变;单击“取消”按钮,则取消操作。

图3-120

图3-121
载入外部渐变库
单击“渐变编辑器”对话框中的“载入”按钮,可以打开“载入”对话框,选择学习资源中的渐变库,如图3-122所示,单击“载入”按钮可将其载入使用,如图3-123所示。

图3-122

图3-123
复位渐变
在“渐变编辑器”中载入渐变或删除渐变后,如果想要恢复为默认的渐变,可执行该对话框菜单中的“复位渐变”命令,如图3-124所示,此时会弹出一个提示,如图3-125所示,单击“确定”按钮,即可恢复为默认的渐变;单击“追加”按钮,则可将默认的渐变添加到当前列表中。

图3-124

图3-125
相关链接
❶关于创建图层的内容,可参阅第13章 图层菜单命令。❷椭圆选框工具的使用方法,可参阅2.2 椭圆选框工具(实战纽扣图标)。
3.7.5 制作水晶按钮(实战)
■实例类型:软件功能+特效 ■实例应用:用各种渐变表现水晶的透明质感
01 按下Ctrl+N快捷键打开“新建”对话框,在“预设”下拉列表中选择Web,在“大小”下拉列表中选择1024×768,单击“确定”按钮新建一个文档。
02 将前景色设置为白色,背景色设置为浅绿色(R132、G204、B202)。选择渐变工具,单击径向渐变按钮
,在渐变下拉面板中选择“前景色到背景色渐变”,如图3-126所示。由画面中心向底边拖动鼠标,创建径向渐变,如图3-127所示。

图3-126

图3-127
03 单击“图层”面板底部的按钮,新建一个图层❶,如图3-128所示。使用椭圆选框工具
❷,按住Shift键创建一个圆形选区,如图3-129所示。

图3-128

图3-129
提示
使用渐变工具时,按住Shift拖动鼠标可以创建水平、垂直或以45°角为增量的渐变。在创建径向渐变时无须使用该方法,但是其他渐变则会经常用到。
04 将前景色设置为深蓝色(R0、G75、B192),按下Alt+Delete快捷键在选区内填充蓝色,按下Ctrl+D快捷键取消选择,如图3-130所示。再创建一个椭圆形的选区,如图3-131所示。

图3-130

图3-131
05 新建一个图层。将前景色设置为白色,选择渐变工具,在工具选项栏中按下线性渐变按钮
,选择“前景色到透明渐变”,将渐变的不透明度设置为50%,如图3-132所示。在选区内由上至下填充渐变,如图3-133所示,按下Ctrl+D快捷键取消选择,如图3-134所示。

图3-132

图3-133

图3-134
06 新建一个图层。选择椭圆选框工具,在工具选项栏中设置羽化参数为10像素,在按钮的下半部分创建一个椭圆选区,如图3-135所示;将前景色设置为蓝色(R0、G173、B234),用渐变工具
由下至上填充“前景色到透明渐变”,按下Ctrl+D快捷键取消选择,如图3-136所示。

图3-135

图3-136
07 新建一个图层。将前景色设置为深灰色(R12、G86、B153),在工具选项栏中单击径向渐变按钮,用渐变工具
由按钮中心向外创建渐变,范围不要超出按钮,如图3-137所示。按下Ctrl+T快捷键显示定界框,如图3-138所示。

图3-137

图3-138
08 将光标放在定界框的上边,向下拖动鼠标,将圆形压扁(将光标放在定界框内拖动可移动图形位置),如图3-139所示,按下回车键确认操作。按下Shift+Ctrl+[快捷键将该图层移至底层,使其位于按钮后面,作为投影出现,如图3-140所示。

图3-139

图3-140
09 打开学习资源中的素材文件,使用移动工具将图标素材拖入按钮文档中,设置混合模式为“滤色”❶,如图3-141、图3-142所示。

图3-141

图3-142
提示
在按钮制作完成后,可以按住Shift键单击“图层1”,选取除“背景”以外的所有图层,当前状态为移动工具的情况下,工具选项栏中有相应的对齐按钮,可以单击水平居中对齐按钮
对齐各个图形。
相关链接
关于混合模式的更多内容,可参阅9.8.6 设置图层的混合模式。