- 中文版Photoshop CS6经典自学教程
- 李金明 李金蓉
- 2788字
- 2020-06-27 22:03:23
3.7 渐变工具
渐变工具用来在整个文档或选区内填充渐变颜色。渐变在Photoshop中的应用非常广泛,它不仅可以填充图像,还可以用来填充图层蒙版、快速蒙版和通道。此外,调整图层和填充图层也会用到渐变。
3.7.1 渐变工具概览
渐变工具选项
选择渐变工具后,需要先在工具选项栏选择一种渐变类型,并设置渐变颜色和混合模式等选项,如图3-99所示,然后再来创建渐变。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-2.jpg?sign=1739224864-B4pjoBMWUDnNoeyMRn2bsHq9fHxr1K2p-0-b90900b6873724b2170d22cfd551bb86)
图3-99
● 渐变颜色条:渐变色条中显示了当前的渐变颜色,单击它右侧的
按钮,可以在打开的下拉面板中选择一个预设的渐变,如图3-100所示。如果直接单击渐变颜色条,则会弹出“渐变编辑器”,在“渐变编辑器”中可以编辑渐变颜色,或者保存渐变。
● 渐变类型:单击线性渐变按钮,可创建以直线从起点到终点的渐变;单击径向渐变按钮
,可创建以圆形图案从起点到终点的渐变;单击角度渐变按钮
,可创建围绕起点以逆时针扫描方式的渐变;单击对称渐变按钮
,可创建使用均衡的线性渐变在起点的任意一侧渐变;单击菱形渐变按钮
,则会以菱形方式从起点向外渐变,终点定义菱形的一个角。图3-101~图3-105所示为不同类型的渐变效果。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-10.jpg?sign=1739224864-Cc1r2ospfvL1ywqhbeNVnw01wRhCX8f8-0-71d43f980e629de3db34757f4ac95904)
渐变下拉面板
图3-100
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-11.jpg?sign=1739224864-AZaAk5Ltax8FoTgU2O4qnWoFnOfcUPYz-0-12923607fbeae26bda6daf15c02d9440)
线性渐变
图3-101
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-12.jpg?sign=1739224864-4Qa4OVlQMLXaHDHF8f4yzKQoTcWcmTFJ-0-f2dca641dafd4b54450b33599a3de1ad)
径向渐变
图3-102
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-13.jpg?sign=1739224864-6a5CsSj5X5IK0HddVfH6tznFv28whLcp-0-5e03cb55cbaea0c2d7cc53453638dd45)
角度渐变
图3-103
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-14.jpg?sign=1739224864-2T04iwjQdgp3yWtwlvmgZ27iWNvqdlq0-0-bf1f465859765c79a8935478747167e3)
对称渐变
图3-104
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-15.jpg?sign=1739224864-0isDQQKPCMIAZT1HCx5YTqMUoo5efRUh-0-72a6bc73e60dd04ae30eab483ddd86be)
菱形渐变
图3-105
● 模式:用来设置应用渐变时的混合模式。
● 不透明度:用来设置渐变效果的不透明度。
● 反向:可转换渐变中的颜色顺序,得到反方向的渐变结果。
● 仿色:勾选该项,可以使渐变效果更加平滑。它主要用于防止打印时出现条带化现象,在屏幕上不能明显地体现出作用。
● 透明区域:勾选该项,可以创建包含透明像素的渐变,如图3-106所示;取消勾选则创建实色渐变,如图3-107所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-16.jpg?sign=1739224864-V2Wgi806sk5GINOHym3heqcOB1fPFbjg-0-4cd921c4f59b2ede96a5e46234516391)
图3-106
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-17.jpg?sign=1739224864-IM7qu6xsY3PzBwjt2rR5E2VYEdoLuoOK-0-6d0bd6a6870be3074eb98201a73efae9)
图3-107
3.7.2 杂色渐变
杂色渐变包含了在指定范围内随机分布的颜色,它的颜色变化效果更加丰富。在“渐变编辑器”的“渐变类型”下拉列表中选择“杂色”,在对话框中就会显示杂色渐变选项,如图3-108所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-58-18.jpg?sign=1739224864-3NmADOC1GwvrvZ7xHcHjKxJSDgxtCV73-0-4fd626800e6fb6ea4380fbf305f44c92)
图3-108
● 粗糙度:用来设置渐变的粗糙度,该值越高,颜色的层次越丰富,但颜色间的过渡会变得更加粗糙,如图3-109、图3-110所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-1.jpg?sign=1739224864-3xWMbtHy029pEpzPxe1qEYfjzHm4wsV1-0-4ddc4b5ca963ab2e23564a51bd913950)
图3-109
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-2.jpg?sign=1739224864-fnpHxG4NR2RJ7eAZ9ZODlnGwQ1K6PT2t-0-6bfd471a2f74a23a80c0109e6232fc29)
图3-110
● 颜色模型:在下拉列表中可以选择一种颜色模型来设置渐变,包括RGB、HSB和LAB。每一种颜色模型都有对应的颜色滑块,拖动滑块即可调整渐变颜色,如图3-111所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-3.jpg?sign=1739224864-C8o4np9i9mXOiaHLztAwtyLez6CsR1pj-0-eaeaaf0fae722e5721b343df8e426fc9)
图3-111
● 限制颜色:将颜色限制在可以打印的范围内,防止颜色过于饱和。
● 增加透明度:可以向渐变中添加透明像素,如图3-112所示。
● 随机化:每单击一次该按钮,就会随机生成一个新的渐变颜色,如图3-113所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-4.jpg?sign=1739224864-ts7npOFwaDbV1adnXweY2C0NpydfS8uD-0-4b6604c5b736fb8f4a0c71f53a11fd48)
图3-112
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-5.jpg?sign=1739224864-OjTvb210gWf1INKI2pNx30wcnk70ll6C-0-d89e7280461a8fca6b4be417c3bdd77c)
图3-113
3.7.3 透明渐变
透明渐变是指包含透明像素的渐变。打开“渐变编辑器”,选择一个预设的实色渐变。选择渐变条上方的不透明度色标,如图3-114所示;调整它的“不透明度”值,即可使色标所在位置的渐变颜色呈现透明效果,如图3-115所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-6.jpg?sign=1739224864-73Taj5ALLaCHD5Fn16ATwkh4KRd5HqXG-0-320ac43b7be999035147cda6ea9cbff9)
图3-114
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-7.jpg?sign=1739224864-iFd7jpSHxlDBM9KYoZfaPfc9XwTvUQni-0-325801c800f2b51882541b41649681b5)
图3-115
拖动不透明度色标,或者在“位置”文本框中输入数值,可以调整色标的位置,如图3-116所示。拖动中点(菱形图标),则可以调整该图标一侧颜色与另一侧透明色的混合位置,如图3-117所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-8.jpg?sign=1739224864-OgThqEDlZce72EU0zmDGo57YHWpQRaig-0-0ac58e0bcafe1e718e5aedbbd52568c2)
图3-116
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-9.jpg?sign=1739224864-0YdsTkEr1a6JwlXpOmgpPKqdrjxGjgki-0-323fb84cbd0e29ef497ea234c7319841)
图3-117
提示
在渐变条上方单击,可以添加不透明度色标;将色标拖出对话框外,可删除色标。
3.7.4 存储与载入渐变
在“渐变编辑器”中调整好一个渐变以后,在“名称”选项中输入渐变的名称,如图3-118所示,单击“新建”按钮,可将其保存到渐变列表中,如图3-119所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-10.jpg?sign=1739224864-B8sLWCu2m3Z6i2htn1g2qAUK7pCyxTVi-0-dcb9601344703358ab2e09d76bfd98b7)
图3-118
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-59-11.jpg?sign=1739224864-fRNJzsCuXIFdUV8J8XRVnD3SZoujGKfM-0-fd01a36ec9c94371f6ddea66fee48343)
图3-119
提示
单击“存储”按钮,可在打开的“存储”对话框中将渐变列表内所有的渐变保存为一个渐变库。
载入Photoshop渐变库
在“渐变编辑器”中,单击渐变列表右上角的按钮,可以打开一个下拉菜单,如图3-120所示,菜单底部包含了Photoshop提供的预设渐变库。选择一个渐变库,会弹出一个提示对话框,单击对话框中的“确定”按钮,可载入渐变并替换列表中原有的渐变,如图3-121所示;单击对话框中的“追加”按钮,可在原有渐变的基础上添加载入的渐变;单击“取消”按钮,则取消操作。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-1.jpg?sign=1739224864-mQ9U7sv8hyOPNg6rWY5YtLj6XhuVM8cC-0-6e71bb47a7edb352bbdc521db4145264)
图3-120
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-2.jpg?sign=1739224864-XU4jDOoOWbU52HN3MrDJ2OempcDFLvpm-0-b0db91e6835ac09aa98d3a2e9601abf0)
图3-121
载入外部渐变库
单击“渐变编辑器”对话框中的“载入”按钮,可以打开“载入”对话框,选择学习资源中的渐变库,如图3-122所示,单击“载入”按钮可将其载入使用,如图3-123所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-3.jpg?sign=1739224864-krmtTOXGM9268d55zL7t7OQcBTHgA76i-0-9f469e85bdb1e68b24ff51e98f1a36bc)
图3-122
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-4.jpg?sign=1739224864-ubEqQufRN4VOT9mWc4YgVnRBVdJ24cbO-0-f44599bf52606aba1d47da7485f439e8)
图3-123
复位渐变
在“渐变编辑器”中载入渐变或删除渐变后,如果想要恢复为默认的渐变,可执行该对话框菜单中的“复位渐变”命令,如图3-124所示,此时会弹出一个提示,如图3-125所示,单击“确定”按钮,即可恢复为默认的渐变;单击“追加”按钮,则可将默认的渐变添加到当前列表中。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-5.jpg?sign=1739224864-YcRATAvWCPs5sxxqOFxgIPz8CQUyalLF-0-db4cdc06c790bac6a66caedefa84e9f9)
图3-124
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-6.jpg?sign=1739224864-PcKOBrdZ7UauePa2DCydXT3cf49cTJeu-0-f0404019b979196cb2829dacae5668bc)
图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=1739224864-eoJeIicmkfxZBvp0zvrLtxoSN5uEJbR2-0-d781bd064f282d37a37cd49f7e880e5c)
图3-126
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-10.jpg?sign=1739224864-jIo3bsOBtje4Ckfn9rqu1LVl4rJqPJt7-0-5d72c63425208f4c92df69851c1cf5fa)
图3-127
03 单击“图层”面板底部的按钮,新建一个图层❶,如图3-128所示。使用椭圆选框工具
❷,按住Shift键创建一个圆形选区,如图3-129所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-13.jpg?sign=1739224864-4TIGUYxTPZEZ1XEknb7PWXLTW3zXdhJ7-0-0a729e1b2275a278ca4b56144ac7ee17)
图3-128
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-60-14.jpg?sign=1739224864-cb8xFB4Tlm3Xe8WX01sjJSSk1XPbm79m-0-279752a4180c6c85d5a2330672c358d6)
图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=1739224864-TU5J81HXXbZl5CF1KLBEhfauuWlT7I8m-0-5d97c5d12c5f04e44d7b84a5ac39a751)
图3-130
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-2.jpg?sign=1739224864-cU8E2P5hiHoTrhIWc0ExuXaoaeaPUbuZ-0-a65027ba872cf08118d80685e6342fba)
图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=1739224864-5iPFD56vPsJ0j2ssZXALczoVqk25jTl9-0-7888cd18dfbb0a3a7ae68918322e464d)
图3-132
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-6.jpg?sign=1739224864-yjBudexID3WtgF0VBCBzf0WlbhMTVxwI-0-08a4c8d2b97c34d7504fb92eb6fb19eb)
图3-133
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-7.jpg?sign=1739224864-ZZfRS9puYejtX2UwzvNgTSarMAFJnwro-0-3f99dd83fd3ca67e67f15ecb81262519)
图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=1739224864-rgeHOKiTQaQWgwqHq51S8NTJIKGa6CAA-0-1167a81baf7ba1d81f9764175d21e966)
图3-135
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-11.jpg?sign=1739224864-0p7BYnmeC4XR0y6ouFLAl15nb862df4v-0-ec479722f4969deb125997df5170a301)
图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=1739224864-WCBSeU8e0fkiIB7a08oSvSJRbLe7G1uT-0-2e4fbde48dac008caea7375fe82bd36f)
图3-137
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-15.jpg?sign=1739224864-4iUx3cOZ9ChbWY7aWpyPSyQwvNpuyZsX-0-e26c0f74e37eeba41403801abdcf033f)
图3-138
08 将光标放在定界框的上边,向下拖动鼠标,将圆形压扁(将光标放在定界框内拖动可移动图形位置),如图3-139所示,按下回车键确认操作。按下Shift+Ctrl+[快捷键将该图层移至底层,使其位于按钮后面,作为投影出现,如图3-140所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-16.jpg?sign=1739224864-i0Iziv158ZQnNVGKuDRSa9BlPiJhlxwM-0-12924ae23e3ec062dceef29f2075bd5e)
图3-139
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-17.jpg?sign=1739224864-413uZsgAdJjXlMG35xLR0lvys0x2BE8J-0-aabcb27aa44170a31dbc97658cba273d)
图3-140
09 打开学习资源中的素材文件,使用移动工具将图标素材拖入按钮文档中,设置混合模式为“滤色”❶,如图3-141、图3-142所示。
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-19.jpg?sign=1739224864-I9dCwm55KvpdTDaCDTav4DTFPHFwVBdQ-0-f54577284c193308422ed4b00efb6a71)
图3-141
![](https://epubservercos.yuewen.com/5B44D1/14373748605401606/epubprivate/OEBPS/Images/49577-00-61-20.jpg?sign=1739224864-U2UzHr8gfVQUxiHNfTDrySlF3Gz9eDy5-0-fefdab2ed52fb26a69f60f99684c67df)
图3-142
提示
在按钮制作完成后,可以按住Shift键单击“图层1”,选取除“背景”以外的所有图层,当前状态为移动工具的情况下,工具选项栏中有相应的对齐按钮,可以单击水平居中对齐按钮
对齐各个图形。
相关链接
关于混合模式的更多内容,可参阅9.8.6 设置图层的混合模式。