![中文版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=1739139080-RC3Vpvkx2eH3SBOi0kLCvLUj8jOFVr8Y-0-722090a52c045bc91363d93ec3dd386f)
图3-99
● 渐变颜色条:渐变色条中显示了当前的渐变颜色,单击它右侧的
按钮,可以在打开的下拉面板中选择一个预设的渐变,如图3-100所示。如果直接单击渐变颜色条,则会弹出“渐变编辑器”,在“渐变编辑器”中可以编辑渐变颜色,或者保存渐变。
● 渐变类型:单击线性渐变按钮,可创建以直线从起点到终点的渐变;单击径向渐变按钮
,可创建以圆形图案从起点到终点的渐变;单击角度渐变按钮
,可创建围绕起点以逆时针扫描方式的渐变;单击对称渐变按钮
,可创建使用均衡的线性渐变在起点的任意一侧渐变;单击菱形渐变按钮
,则会以菱形方式从起点向外渐变,终点定义菱形的一个角。图3-101~图3-105所示为不同类型的渐变效果。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-10.jpg?sign=1739139080-9lYyJpFHpHTsJ8xwb1furMRFZiC1rlkQ-0-5853b6c8553a045ded11c270590b7f60)
渐变下拉面板
图3-100
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-11.jpg?sign=1739139080-twZA8I2RqN24e0aIrf79jL4iWsEW6kEH-0-e372b0cabf83dad25d4192b841b22745)
线性渐变
图3-101
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-12.jpg?sign=1739139080-RBhNGucNfIpkKdVU7bZtXP5z81gzXHj8-0-fcbb6ad482b4d2344ccc461f7a071508)
径向渐变
图3-102
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-13.jpg?sign=1739139080-ejDWUMWtUfdCYe5diDRkz8SXeQPbQZsk-0-46f889be408f1d2e3be47a0e026316b6)
角度渐变
图3-103
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-14.jpg?sign=1739139080-UpsvWE2hg9SYKnJbGVyH9Uuhdjf246aa-0-def27efbf0ad38bdca7cfaec003c6343)
对称渐变
图3-104
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-15.jpg?sign=1739139080-KnmhDVN1VA0T4AncacW9xAbCcpdOMwMY-0-864cd5dfd49f238597e76ac2c1802c32)
菱形渐变
图3-105
● 模式:用来设置应用渐变时的混合模式。
● 不透明度:用来设置渐变效果的不透明度。
● 反向:可转换渐变中的颜色顺序,得到反方向的渐变结果。
● 仿色:勾选该项,可以使渐变效果更加平滑。它主要用于防止打印时出现条带化现象,在屏幕上不能明显地体现出作用。
● 透明区域:勾选该项,可以创建包含透明像素的渐变,如图3-106所示;取消勾选则创建实色渐变,如图3-107所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-16.jpg?sign=1739139080-D5NiegHZHJ8dHmQYs3TuSOso4EIZdsAA-0-22c2125549d5d4a38969af2c17e67f42)
图3-106
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-17.jpg?sign=1739139080-Z6fOYJnDDtJPPkPStMoRZnKPutk8T2tE-0-dee19f4aa6ef454e0699b8474172288f)
图3-107
3.7.2 杂色渐变
杂色渐变包含了在指定范围内随机分布的颜色,它的颜色变化效果更加丰富。在“渐变编辑器”的“渐变类型”下拉列表中选择“杂色”,在对话框中就会显示杂色渐变选项,如图3-108所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-18.jpg?sign=1739139080-rwP6P7i62Yu5PRM5MyFxR1B4SSzQB2qd-0-f342842fe7d5b9f3afd6aa09c547e2d8)
图3-108
● 粗糙度:用来设置渐变的粗糙度,该值越高,颜色的层次越丰富,但颜色间的过渡会变得更加粗糙,如图3-109、图3-110所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-1.jpg?sign=1739139080-W45BDuABkT0dGjCuvpmZWWORcncRtQ8k-0-e953203af6737aad3d15cbd333706451)
图3-109
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-2.jpg?sign=1739139080-akilNmNn35ipSRQtxYEDt34kA4ixNsQt-0-046791861dbe98acaac4de7a1f7f714f)
图3-110
● 颜色模型:在下拉列表中可以选择一种颜色模型来设置渐变,包括RGB、HSB和LAB。每一种颜色模型都有对应的颜色滑块,拖动滑块即可调整渐变颜色,如图3-111所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-3.jpg?sign=1739139080-USodzBOfRp45EzB7p067iK0AAlahtLFs-0-7d6c912ca849b5c3c54492811c8d65c3)
图3-111
● 限制颜色:将颜色限制在可以打印的范围内,防止颜色过于饱和。
● 增加透明度:可以向渐变中添加透明像素,如图3-112所示。
● 随机化:每单击一次该按钮,就会随机生成一个新的渐变颜色,如图3-113所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-4.jpg?sign=1739139080-JmdPUvlxVehlefKbgqr3ulRQKWkkmk2c-0-91a719a3918a336cd90bd0151e0c9724)
图3-112
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-5.jpg?sign=1739139080-t1nXZel4jsFekbHlCbzkSuiBhNSxip1l-0-9e2a3dbc389f28ccb60cca887cad5563)
图3-113
3.7.3 透明渐变
透明渐变是指包含透明像素的渐变。打开“渐变编辑器”,选择一个预设的实色渐变。选择渐变条上方的不透明度色标,如图3-114所示;调整它的“不透明度”值,即可使色标所在位置的渐变颜色呈现透明效果,如图3-115所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-6.jpg?sign=1739139080-2CmBn82e5nvIH85yMcwg2xl4uEFMYrMl-0-9c37de9ae585213323e6bd568d285599)
图3-114
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-7.jpg?sign=1739139080-yUW5ykYknQGHeBEsIKWHQVe4g41pL1ci-0-38cbc0f5103a77a901c3ff3c22017810)
图3-115
拖动不透明度色标,或者在“位置”文本框中输入数值,可以调整色标的位置,如图3-116所示。拖动中点(菱形图标),则可以调整该图标一侧颜色与另一侧透明色的混合位置,如图3-117所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-8.jpg?sign=1739139080-fetKRJGYwUzccuwM4CL4KSr9bU5aIXQP-0-41934c9856afc88352cee0548e46f540)
图3-116
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-9.jpg?sign=1739139080-AmSLTaMHZPeTe1tfdlo4SZ09Wr9Jgtnt-0-4eab2e9319187eec164eb7cfc04eab6b)
图3-117
提示
在渐变条上方单击,可以添加不透明度色标;将色标拖出对话框外,可删除色标。
3.7.4 存储与载入渐变
在“渐变编辑器”中调整好一个渐变以后,在“名称”选项中输入渐变的名称,如图3-118所示,单击“新建”按钮,可将其保存到渐变列表中,如图3-119所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-10.jpg?sign=1739139080-rxoYyXM9onMVSfrT6Js1LnzS4kIQIaXK-0-523f92349ebebfd60fdc4df850e36cbd)
图3-118
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-11.jpg?sign=1739139080-JZshpVFWg8jwpA9Fi0rzzfD5JssS7phF-0-cec8e5cdc163aa0cb78de11fc05732df)
图3-119
提示
单击“存储”按钮,可在打开的“存储”对话框中将渐变列表内所有的渐变保存为一个渐变库。
载入Photoshop渐变库
在“渐变编辑器”中,单击渐变列表右上角的按钮,可以打开一个下拉菜单,如图3-120所示,菜单底部包含了Photoshop提供的预设渐变库。选择一个渐变库,会弹出一个提示对话框,单击对话框中的“确定”按钮,可载入渐变并替换列表中原有的渐变,如图3-121所示;单击对话框中的“追加”按钮,可在原有渐变的基础上添加载入的渐变;单击“取消”按钮,则取消操作。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-1.jpg?sign=1739139080-4PC08oWh0nnOEJsSE8rfnJaH4sPGhcip-0-370b530387643453a3b9f3ffa6005db7)
图3-120
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-2.jpg?sign=1739139080-TCmZ0jhxprg86d2LkuKSmrIGuphnglhK-0-ec25c4a4d177cd2b22aa6b96be883df8)
图3-121
载入外部渐变库
单击“渐变编辑器”对话框中的“载入”按钮,可以打开“载入”对话框,选择学习资源中的渐变库,如图3-122所示,单击“载入”按钮可将其载入使用,如图3-123所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-3.jpg?sign=1739139080-zbUq3BjPIso3FAZw7hgeYeetkSJphozs-0-4ac96438ecea65b2ec7c7c3c58dc1d96)
图3-122
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-4.jpg?sign=1739139080-eu2tY4AK2IPrrzBGlyQyJ4Hhm4AUC8cl-0-277e60e9a9cbd0f8e039d630dbdb7a13)
图3-123
复位渐变
在“渐变编辑器”中载入渐变或删除渐变后,如果想要恢复为默认的渐变,可执行该对话框菜单中的“复位渐变”命令,如图3-124所示,此时会弹出一个提示,如图3-125所示,单击“确定”按钮,即可恢复为默认的渐变;单击“追加”按钮,则可将默认的渐变添加到当前列表中。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-5.jpg?sign=1739139080-qA8uNfjMCeC9islO4A4kVOii4KgAS66S-0-dae8afee84816d56517a3a206bfedda9)
图3-124
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-6.jpg?sign=1739139080-fLF2R4N5jkErGpDu23nQu57DpKgNDtnq-0-778ea9e49838c992b225c910ee700a06)
图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=1739139080-fIwd5eCpfJvPAlq7HsbOGZ1a8hnoRVcd-0-be02c25d0e1b7ba1c7e446b41e677306)
图3-126
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-10.jpg?sign=1739139080-SV9eGxrBQkTtBJfajZ4GxDYgFmIgfycH-0-c165f5ae087605d2897ba1795eaf08ab)
图3-127
03 单击“图层”面板底部的按钮,新建一个图层❶,如图3-128所示。使用椭圆选框工具
❷,按住Shift键创建一个圆形选区,如图3-129所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-13.jpg?sign=1739139080-BXmy8Dl5m3J7fSrl0JNOL6L0iLpdrHvo-0-48150b2fa98641d0f25b89071d608bc6)
图3-128
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-14.jpg?sign=1739139080-10wpA9c5FFpNwrniMHagsl3wTeGfM8ku-0-48232f0bc39906ff7fb3486e93aa9f2c)
图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=1739139080-75efVaPcRNEjWvRBCdz759hE29kzaaXQ-0-4cbbdf19c1617ebfc097dc81bb7ecd0a)
图3-130
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-2.jpg?sign=1739139080-jB1WmWSFr0U8EyZJUnfnnWs9COvjNRCv-0-cd24f3e36c99617d7ad4da4eef889473)
图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=1739139080-41leqAZaUMSlPMHHFK7HrBZT8Offkvgw-0-a2a91e94b103fc8748205a13932698ab)
图3-132
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-6.jpg?sign=1739139080-cQ8oMigOfGEaONkZhBT3xRrfkjZiCtlR-0-a7d91bd000d2196e38e0734846e593c6)
图3-133
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-7.jpg?sign=1739139080-yrjcWRT7BReyDmNcjqKE0n6AupkrV8yQ-0-e4181736f8a566b974ac7c1eb1e1697c)
图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=1739139080-dINbFttmYKYr8P1DkfK89DdkQzMh3TMA-0-fd48c62be2bd7bbcd76773544f02acac)
图3-135
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-11.jpg?sign=1739139080-8cgbpVMRhIcTrq4ZqNI2VhRhhxj5ifzn-0-74c6239eda8dc43a77c28e8c63d8c53b)
图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=1739139080-ojmwa9ZbWFblM57MdbX4WsWswZg6vMG8-0-e146f4fad454a930bc3b8da29432d13e)
图3-137
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-15.jpg?sign=1739139080-KB4EA97LFLKo0FuVheTx5bPiG3PZwXeq-0-f90e59f55eca56b2cc217da089337cf2)
图3-138
08 将光标放在定界框的上边,向下拖动鼠标,将圆形压扁(将光标放在定界框内拖动可移动图形位置),如图3-139所示,按下回车键确认操作。按下Shift+Ctrl+[快捷键将该图层移至底层,使其位于按钮后面,作为投影出现,如图3-140所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-16.jpg?sign=1739139080-1nx1XdCUimDPiaLWZgkoimyTf2X7CVMM-0-3b21c082f15573a2c77a808ce8af315d)
图3-139
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-17.jpg?sign=1739139080-I6N0tog5bqRXacYxXBErIXUPdk7icyLj-0-1b72c01b461d8bd2bbc38316fc1be950)
图3-140
09 打开学习资源中的素材文件,使用移动工具将图标素材拖入按钮文档中,设置混合模式为“滤色”❶,如图3-141、图3-142所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-19.jpg?sign=1739139080-pbVj3OHpCSFIHDGMylWm94yQjN4d1RrZ-0-b891eec6001652c7a67c8bf3d2b94b7f)
图3-141
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-20.jpg?sign=1739139080-8ivQKaeWi7LeLCrIQraoi4paCIfJf1l5-0-0dabc3c4c5968c6a9dc90ca4422d3e6a)
图3-142
提示
在按钮制作完成后,可以按住Shift键单击“图层1”,选取除“背景”以外的所有图层,当前状态为移动工具的情况下,工具选项栏中有相应的对齐按钮,可以单击水平居中对齐按钮
对齐各个图形。
相关链接
关于混合模式的更多内容,可参阅9.8.6 设置图层的混合模式。