![中文版Photoshop CS6经典自学教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/959/25916959/b_25916959.jpg)
3.7 渐变工具
渐变工具用来在整个文档或选区内填充渐变颜色。渐变在Photoshop中的应用非常广泛,它不仅可以填充图像,还可以用来填充图层蒙版、快速蒙版和通道。此外,调整图层和填充图层也会用到渐变。
3.7.1 渐变工具概览
渐变工具选项
选择渐变工具后,需要先在工具选项栏选择一种渐变类型,并设置渐变颜色和混合模式等选项,如图3-99所示,然后再来创建渐变。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-2.jpg?sign=1739250751-VNUBDwKhNkcpvqFQWaBcEjtSF59NXeH5-0-e4abc9069c4655d295d2437656dd2f1d)
图3-99
● 渐变颜色条:渐变色条中显示了当前的渐变颜色,单击它右侧的
按钮,可以在打开的下拉面板中选择一个预设的渐变,如图3-100所示。如果直接单击渐变颜色条,则会弹出“渐变编辑器”,在“渐变编辑器”中可以编辑渐变颜色,或者保存渐变。
● 渐变类型:单击线性渐变按钮,可创建以直线从起点到终点的渐变;单击径向渐变按钮
,可创建以圆形图案从起点到终点的渐变;单击角度渐变按钮
,可创建围绕起点以逆时针扫描方式的渐变;单击对称渐变按钮
,可创建使用均衡的线性渐变在起点的任意一侧渐变;单击菱形渐变按钮
,则会以菱形方式从起点向外渐变,终点定义菱形的一个角。图3-101~图3-105所示为不同类型的渐变效果。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-10.jpg?sign=1739250751-8IEbRYrg2f1k2Le6EQ26XEjGftuSqkSz-0-ec8fb4f28aa3f75f892707bf55e7caf8)
渐变下拉面板
图3-100
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-11.jpg?sign=1739250751-hCsnJMQNMYVZsQC8MmJPzAfr8nfca9BN-0-9c81bfd2ae77cb0d0fc6d36f41ec20df)
线性渐变
图3-101
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-12.jpg?sign=1739250751-jxne5UKH7cKS3Zn9FHxJVewXA0DreVvq-0-d936a16dc2e2d0a153c2ed09f9541352)
径向渐变
图3-102
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-13.jpg?sign=1739250751-2XYHgr4Em2Ysm7mgkKcxo36Rd3YBJD3o-0-6ad37812ad3e9f472467069bb0bb0042)
角度渐变
图3-103
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-14.jpg?sign=1739250751-2KwvyU7y4bBmPYbG4t3LK3EFm9FX2Ufr-0-b0e12829abebcd27c1441a971ffc94ef)
对称渐变
图3-104
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-15.jpg?sign=1739250751-GZRdJIZbgkl7cm43fRmuaDWoFN7GH8gA-0-68903de8f67ff378ecdd2f6453105a11)
菱形渐变
图3-105
● 模式:用来设置应用渐变时的混合模式。
● 不透明度:用来设置渐变效果的不透明度。
● 反向:可转换渐变中的颜色顺序,得到反方向的渐变结果。
● 仿色:勾选该项,可以使渐变效果更加平滑。它主要用于防止打印时出现条带化现象,在屏幕上不能明显地体现出作用。
● 透明区域:勾选该项,可以创建包含透明像素的渐变,如图3-106所示;取消勾选则创建实色渐变,如图3-107所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-16.jpg?sign=1739250751-4LASHm5Ll2WMP93TOsDUF0FoCFlMqIk8-0-1f2a1fb4adfcf136638ad32473e52825)
图3-106
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-17.jpg?sign=1739250751-PrcGOmTtEvPXsjPONiat66EzNO33MJtm-0-fd915690f1aaac6aadf73f9c540d8985)
图3-107
3.7.2 杂色渐变
杂色渐变包含了在指定范围内随机分布的颜色,它的颜色变化效果更加丰富。在“渐变编辑器”的“渐变类型”下拉列表中选择“杂色”,在对话框中就会显示杂色渐变选项,如图3-108所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-18.jpg?sign=1739250751-BBSw6F585LRl5fnD3pN9qBChu4PV0bhF-0-8bbb50d78f5001c6439c84be593a8e8a)
图3-108
● 粗糙度:用来设置渐变的粗糙度,该值越高,颜色的层次越丰富,但颜色间的过渡会变得更加粗糙,如图3-109、图3-110所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-1.jpg?sign=1739250751-uwh3V1eFrGDh5XuirFzXJPPrlpmWtuGM-0-ab98918d7f87babc968f816c5b67c2cf)
图3-109
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-2.jpg?sign=1739250751-4KqNemFvSOh4pvnmShCDvkQdofoVEdRd-0-df68b0c4a30ea18d97f864a18796f0ee)
图3-110
● 颜色模型:在下拉列表中可以选择一种颜色模型来设置渐变,包括RGB、HSB和LAB。每一种颜色模型都有对应的颜色滑块,拖动滑块即可调整渐变颜色,如图3-111所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-3.jpg?sign=1739250751-j5gphylFeyXi7Ej51PIboUbwe0uTlLST-0-333751372912a38bb5f977c0bf8ba5e1)
图3-111
● 限制颜色:将颜色限制在可以打印的范围内,防止颜色过于饱和。
● 增加透明度:可以向渐变中添加透明像素,如图3-112所示。
● 随机化:每单击一次该按钮,就会随机生成一个新的渐变颜色,如图3-113所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-4.jpg?sign=1739250751-I4MDGh0CPliht12hyixMp3RK4djEVJt1-0-9a7c0c705296d051b962413531df6834)
图3-112
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-5.jpg?sign=1739250751-5CBxzlQD0mugYoU5Wjm8CY6r5cL1wPlU-0-a1540dc25e26b887c21b68707eed6945)
图3-113
3.7.3 透明渐变
透明渐变是指包含透明像素的渐变。打开“渐变编辑器”,选择一个预设的实色渐变。选择渐变条上方的不透明度色标,如图3-114所示;调整它的“不透明度”值,即可使色标所在位置的渐变颜色呈现透明效果,如图3-115所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-6.jpg?sign=1739250751-HJSrotj5UtUaTN2UE7DekTtryy9Zfotq-0-d57ef765969d04a63ba37c7853d5917a)
图3-114
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-7.jpg?sign=1739250751-yycCQnszrOsfEzQk8EzJTKiBGwRGEfVn-0-4eb9c13760594cffd4d4e4d6ff6e07df)
图3-115
拖动不透明度色标,或者在“位置”文本框中输入数值,可以调整色标的位置,如图3-116所示。拖动中点(菱形图标),则可以调整该图标一侧颜色与另一侧透明色的混合位置,如图3-117所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-8.jpg?sign=1739250751-h0RSMLuBCSStuoPyX8epaHMgFwFC5IPd-0-0255141ca46e2bb0c6a0fc39b46b94f1)
图3-116
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-9.jpg?sign=1739250751-Po31nNBYx59p8qDgNiaSy7V4e7FklysQ-0-ac66832f253a17c62ef791b6ff022a98)
图3-117
提示
在渐变条上方单击,可以添加不透明度色标;将色标拖出对话框外,可删除色标。
3.7.4 存储与载入渐变
在“渐变编辑器”中调整好一个渐变以后,在“名称”选项中输入渐变的名称,如图3-118所示,单击“新建”按钮,可将其保存到渐变列表中,如图3-119所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-10.jpg?sign=1739250751-CsusBOUUq1eGoCUHPTSh8UUC8TvNjd2e-0-7fc7118d5f62a6cf4a796a89bd349375)
图3-118
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-11.jpg?sign=1739250751-RkmDWU9rNbepoqErCkDV613iaRr3wksl-0-5461f1b7fe100b3dfbbffd4d376adabf)
图3-119
提示
单击“存储”按钮,可在打开的“存储”对话框中将渐变列表内所有的渐变保存为一个渐变库。
载入Photoshop渐变库
在“渐变编辑器”中,单击渐变列表右上角的按钮,可以打开一个下拉菜单,如图3-120所示,菜单底部包含了Photoshop提供的预设渐变库。选择一个渐变库,会弹出一个提示对话框,单击对话框中的“确定”按钮,可载入渐变并替换列表中原有的渐变,如图3-121所示;单击对话框中的“追加”按钮,可在原有渐变的基础上添加载入的渐变;单击“取消”按钮,则取消操作。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-1.jpg?sign=1739250751-MaVMnYS6gX3J8oEVFfiiZmMkKbf2gsnX-0-90199b4ad8c761e16cd23b301890a24c)
图3-120
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-2.jpg?sign=1739250751-qotPNpi9t46BwrxngaOGCwBLtIChInKs-0-dbca890d1b397409a7a22815f5da53b2)
图3-121
载入外部渐变库
单击“渐变编辑器”对话框中的“载入”按钮,可以打开“载入”对话框,选择学习资源中的渐变库,如图3-122所示,单击“载入”按钮可将其载入使用,如图3-123所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-3.jpg?sign=1739250751-vXyCGr3TvGTbMJH4EUklyLSPbIzRTznX-0-0f8c47af139503a88389f947db5d4606)
图3-122
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-4.jpg?sign=1739250751-Xu4DqfdYL9uMUBvrWM508e8jOiBr9d19-0-c6341b89e098cfc709ce399868d32fb3)
图3-123
复位渐变
在“渐变编辑器”中载入渐变或删除渐变后,如果想要恢复为默认的渐变,可执行该对话框菜单中的“复位渐变”命令,如图3-124所示,此时会弹出一个提示,如图3-125所示,单击“确定”按钮,即可恢复为默认的渐变;单击“追加”按钮,则可将默认的渐变添加到当前列表中。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-5.jpg?sign=1739250751-Kw27HMXxWx3Uzty0qeSPX4SXoBDy6yGb-0-565b24f26deac434fde5b4e71af45c13)
图3-124
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-6.jpg?sign=1739250751-Cksyxjh3dEWnwfcUNAqEYv5UFrFCJTFQ-0-fb3561170fe1c128a466874f03ba2f74)
图3-125
相关链接
❶关于创建图层的内容,可参阅第13章 图层菜单命令。❷椭圆选框工具的使用方法,可参阅2.2 椭圆选框工具(实战纽扣图标)。
3.7.5 制作水晶按钮(实战)
■实例类型:软件功能+特效 ■实例应用:用各种渐变表现水晶的透明质感
01 按下Ctrl+N快捷键打开“新建”对话框,在“预设”下拉列表中选择Web,在“大小”下拉列表中选择1024×768,单击“确定”按钮新建一个文档。
02 将前景色设置为白色,背景色设置为浅绿色(R132、G204、B202)。选择渐变工具,单击径向渐变按钮
,在渐变下拉面板中选择“前景色到背景色渐变”,如图3-126所示。由画面中心向底边拖动鼠标,创建径向渐变,如图3-127所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-9.jpg?sign=1739250751-nukatU5CVS8w0o5z12Yr9kpLsHSvhE5V-0-4a66d9d80583be52360765e60b8cace4)
图3-126
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-10.jpg?sign=1739250751-chnQgBKN4jqAOX0MuAmwgmm3X0tHytle-0-9e1286d47d0adfedbc99035e47aa41b6)
图3-127
03 单击“图层”面板底部的按钮,新建一个图层❶,如图3-128所示。使用椭圆选框工具
❷,按住Shift键创建一个圆形选区,如图3-129所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-13.jpg?sign=1739250751-TqbMXK0nK2Gbvn43QvrS2L12KpYGuEXj-0-acd85f1c17ee7829df40101a35b8e8c6)
图3-128
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-14.jpg?sign=1739250751-JycLPh9Wk8ly6dkJcpy7hTlaeUbTgVXa-0-5799eb7b4e6bb12afb561322901535de)
图3-129
提示
使用渐变工具时,按住Shift拖动鼠标可以创建水平、垂直或以45°角为增量的渐变。在创建径向渐变时无须使用该方法,但是其他渐变则会经常用到。
04 将前景色设置为深蓝色(R0、G75、B192),按下Alt+Delete快捷键在选区内填充蓝色,按下Ctrl+D快捷键取消选择,如图3-130所示。再创建一个椭圆形的选区,如图3-131所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-1.jpg?sign=1739250751-FX8MoZD29qwMXnEhPeNaxH8Rbtkcca3c-0-0b7b4aa0f381d8a78ed2577bfe81b383)
图3-130
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-2.jpg?sign=1739250751-pwWwW7SKemh0AavEJsK23QQ1jOKVGIov-0-628fed2f02a6f1410bec1b8c3519d701)
图3-131
05 新建一个图层。将前景色设置为白色,选择渐变工具,在工具选项栏中按下线性渐变按钮
,选择“前景色到透明渐变”,将渐变的不透明度设置为50%,如图3-132所示。在选区内由上至下填充渐变,如图3-133所示,按下Ctrl+D快捷键取消选择,如图3-134所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-5.jpg?sign=1739250751-stBoxySioVvf6HWeZe2zaqmCv9u37wfw-0-95c54edf951f0d563a6ee2f90c3119f1)
图3-132
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-6.jpg?sign=1739250751-ka4InfApwZMxWejsuW00A6nrFPK07NmX-0-735dcfb93d4d18bfa9385a5271e760dc)
图3-133
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-7.jpg?sign=1739250751-GQUh9bDJZuCMYelY62nuiKTYf3VHm69Z-0-380d3e8225ab9800b814b7efbb4011cf)
图3-134
06 新建一个图层。选择椭圆选框工具,在工具选项栏中设置羽化参数为10像素,在按钮的下半部分创建一个椭圆选区,如图3-135所示;将前景色设置为蓝色(R0、G173、B234),用渐变工具
由下至上填充“前景色到透明渐变”,按下Ctrl+D快捷键取消选择,如图3-136所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-10.jpg?sign=1739250751-q529r48dYYIDWvgXYOtUrSoiR0MjXFm6-0-9bef6276a7383b145faf5f8015f3de6a)
图3-135
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-11.jpg?sign=1739250751-vx1JoemBtktffocwVTZnKHxeGbW8aweM-0-d1f2af4c6bfa5fc8e20fd45c07270e49)
图3-136
07 新建一个图层。将前景色设置为深灰色(R12、G86、B153),在工具选项栏中单击径向渐变按钮,用渐变工具
由按钮中心向外创建渐变,范围不要超出按钮,如图3-137所示。按下Ctrl+T快捷键显示定界框,如图3-138所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-14.jpg?sign=1739250751-Fw92sjAdrcGFhynrxF7dd2XhPlNKu66J-0-1dd1f677bd5130f6cbb2879dd30506c0)
图3-137
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-15.jpg?sign=1739250751-DfCYK1Gg7TR6zuH2HnFqMn843CETpEKp-0-2903215e4b39ac994cc9621f95c089f9)
图3-138
08 将光标放在定界框的上边,向下拖动鼠标,将圆形压扁(将光标放在定界框内拖动可移动图形位置),如图3-139所示,按下回车键确认操作。按下Shift+Ctrl+[快捷键将该图层移至底层,使其位于按钮后面,作为投影出现,如图3-140所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-16.jpg?sign=1739250751-IP90Fxa0vVBXw0cNIGemOLIUshQeQSeY-0-5ca9314d6f2eef264678dd5417c4c2b9)
图3-139
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-17.jpg?sign=1739250751-xsJYtmNUAmbjTYnxLBsZIvbpwpXBWZBo-0-e64883d965576f29273026123801ead9)
图3-140
09 打开学习资源中的素材文件,使用移动工具将图标素材拖入按钮文档中,设置混合模式为“滤色”❶,如图3-141、图3-142所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-19.jpg?sign=1739250751-4Je0Q8xRIGiLC9yuVgObLMKUTOoKMtAI-0-eb627d79061fa950f8a5b98f80eb968a)
图3-141
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-20.jpg?sign=1739250751-k6E74HAc4dVt7dyLQV6WNrc4ZG1UTUWJ-0-582e08fdc98251d956359e8a0533ed5e)
图3-142
提示
在按钮制作完成后,可以按住Shift键单击“图层1”,选取除“背景”以外的所有图层,当前状态为移动工具的情况下,工具选项栏中有相应的对齐按钮,可以单击水平居中对齐按钮
对齐各个图形。
相关链接
关于混合模式的更多内容,可参阅9.8.6 设置图层的混合模式。