![零基础学Photoshop CC 2018(全视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/474/25916474/b_25916474.jpg)
3.2 设置渐变颜色
“渐变工具”可以创建多种颜色的逐渐混合效果。选择“渐变工具”
后,在选项栏中设置需要的渐变样式和颜色,然后在画布中按住鼠标拖动,就可以填充渐变颜色。“渐变工具”
选项栏如图3.9所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/063-4.jpg?sign=1739683276-FUSrz5YPOwttArbGMuONaxgpPuXhU74u-0-eef59874ab5a5df8d55a886b695da56a)
图3-9 “渐变工具”选项栏
3.2.1 “渐变”拾色器的设置 重点
在工具箱中选择“渐变工具”后单击工具选项栏中
右侧的“点按可打开‘渐变’拾色器”三角形按钮
,将弹出“‘渐变’拾色器”。从中可以看到现有的一些渐变,如果想使用某个渐变,直接单击该渐变即可。
单击“‘渐变’拾色器”的右上角的菜单按钮,将打开“‘渐变’拾色器”菜单,如图3.10所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/063-9.jpg?sign=1739683276-rqdR2CYzWvxuM47orpM9GKT6dKEr6GbH-0-2418a75735d91850eb8eca8159610a3a)
图3-10 “‘渐变’拾色器”及菜单
“‘渐变’拾色器”菜单各命令的含义说明如下。
• “新建渐变”:选择该命令,将打开“渐变名称”对话框,可以将当前渐变保存到“‘渐变’拾色器”中,以创建新的渐变。
• “重命名渐变”:为渐变重新命名。在“‘渐变’拾色器”中,单击选择一个渐变,然后选择该命令,在打开的“渐变名称”对话框中,输入新的渐变名称即可。如果没有选择渐变,该命令将处于灰色的不可用状态。
• “删除渐变”:用来删除不需要的渐变。在“‘渐变’拾色器”中,单击选择一个渐变,然后选择该命令,可以将选择的渐变删除。“纯文本”“小缩览图”“大缩览图”“小列表”和“大列表”:用来改变“‘渐变’拾色器”中渐变的显示方式。
• 预设管理器:选取该命令,将打开“预设管理器”对话框,对渐变预设进行管理。
• “复位渐变”:将“‘渐变’拾色器”中的渐变恢复到默认状态。
• “载入渐变”:可以将其他的渐变添加到当前的“‘渐变’拾色器”中。
• “存储渐变”:将设置好的渐变保存起来,供以后调用。
• “替换渐变”:与“载入渐变”相似,将其他的渐变添加到当前“‘渐变’拾色器”中,不同的是,“替换渐变”将替换掉原有的渐变。
• “协调色1”“协调色2”“杂色样本”……:选取不同的命令,在“‘渐变’拾色器”中,将显示与其对应的渐变。
3.2.2 渐变样式的设置 重点
Photoshop中包括5种渐变样式,分别为“线性渐变”、“径向渐变”
、“角度渐变”
、“对称渐变”
和“菱形渐变”
。5种渐变样式具体的效果和应用方法介绍如下。
• “线性渐变”:单击该按钮,在图像或选区中拖动指针,将从起点到终点产生直线形渐变效果,拖动线及渐变效果,如图3.11所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-2.jpg?sign=1739683276-t14fcgVFdz1HYLJecNF5q81a911i1q2f-0-45f47d9f16316bf86116cf717a23eb99)
图3.11 线性渐变
• “径向渐变”:单击该按钮,在图像或选区中拖动指针,将以圆形方式从起点到终点产生环形渐变效果,拖动线及渐变效果如图3.12所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-3.jpg?sign=1739683276-qs5ZkTKeLc5g66IKkJctRCStOnCKMdpp-0-b5a1217446e5dd1753485d029f18d622)
图3.12 径向渐变
• “角度渐变”:单击该按钮,在图像或选区中拖动指针,将以逆时针扫过的方式围绕起点产生渐变效果,拖动线及渐变效果如图3.13所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-6.jpg?sign=1739683276-98fdc0rRhkTwif64lV0elEBILfT4MyPX-0-3ed517cd8077969c6adaa2b14d6a8955)
图3.13 角度渐变
• “对称渐变”:单击该按钮,在图像或选区中拖动指针,将从起点的两侧产生镜向渐变效果,拖动线及渐变效果,如图3.14所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-7.jpg?sign=1739683276-maAb3tTa91Yq04U9EdKJK2glyrYSTUSg-0-9b6c1a41b3ba43ae57301acdc4e97b6a)
图3.14 对称渐变
提示
如果“对称渐变”的对称点设置在画布外,将产生与“线性渐变”一样的渐变效果。所以在某些时候,“对称渐变”可以代替“线性渐变”来使用。
• “菱形渐变”:单击该按钮,在图像或选区中拖动指针,将从起点向外形成菱形的渐变效果,拖动线及渐变效果如图3.15所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-9.jpg?sign=1739683276-eiVrbZyovoGRZCNSL1oLEv1vV5bi9OPp-0-d19f7f0f40952b0f2afb7110dc0a7369)
图3.15 菱形渐变
提示
在进行渐变填充时,按住Shift键并拖动填充,可以将线条的角度限定为45°的倍数。
3.2.3 渐变工具选项栏 重点
“渐变工具”选项栏除了“‘渐变’拾色器”和渐变样式选项外,还包括“模式”“不透明度”“反向”“仿色”和“透明区域”5个选项,如图3.16所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-10.jpg?sign=1739683276-p4xJhy2Wx8cXZnd6EMRSYQh2O1kJwB9a-0-e7fd9b92f67942643f75971926f6ec52)
图3-16 其他选项
其他选项具体的应用方法介绍如下。
• “模式”:设置渐变填充与图像的混合模式。
• “不透明度”:设置渐变填充颜色的不透明程度,值越小越透明。原图、不透明度为30%和不透明度为60%的不同填充效果如图3.17所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-11.jpg?sign=1739683276-eKXQV7B3WmSPnmyHqddWPemnsMDD9qpZ-0-e9df1688bac85ca926368b37660a933c)
图3.17 不同不透明度填充效果
• “反向”:勾选该复选框,可以将编辑的渐变颜色的顺序反转过来。例如,黑白渐变可以变成白黑渐变。
• “仿色”:勾选该复选框,可以使渐变颜色之间产生较为平滑的过渡效果。
• “透明区域”:该项主要用于对透明渐变进行设置。勾选该复选框,当编辑透明渐变时,填充的渐变将产生透明效果。如果不勾选该复选框,填充的透明渐变将不会出现透明效果。
练习3-1 渐变编辑器 难点
难 度:★★
素材文件:无
案例文件:无
视频文件:第3章\练习3-1 渐变编辑器.avi
在工具箱中选择“渐变工具”后,单击选项栏中的“点按可编辑渐变”区域
,将打开“渐变编辑器”对话框,如图3.18所示。通过“渐变编辑器”可以选择预设中的渐变,也可以创建自己需要的新渐变。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/065-3.jpg?sign=1739683276-yWm5ZrmTla7sqVOZQIbWYtsYQlycUUsu-0-b9213a9c839e29b7b15a65a31b33c166)
图3.18 “渐变编辑器”对话框
“渐变编辑器”对话框各选项的含义说明如下。
• “预设”:显示当前默认或载入的渐变,如果需要使用某个渐变,直接单击即可选择。要基于现有渐变编辑新渐变,可以在该区域选择一种渐变后编辑即可。
• “渐变菜单”:单击该按钮,将打开面板菜单,可以对渐变进行的预览、复位和替换等操作。
• “名称”:显示当前选择的渐变名称。也可以直接输入一个新的名称,然后单击右侧的“新建”按钮,创建一个新的渐变,新渐变将显示在“预设”栏中。
• “渐变类型”:从弹出的菜单中,选择渐变的类型,包括“实底”和“杂色”两个选项。
• “平滑度”:设置渐变颜色的过渡平滑度,值越大,过渡越平滑。
• 渐变条:显示当前渐变效果,并可以通过下方的“色标”和上方的“不透明度色标”来编辑渐变。
提示
在渐变条的上方和下方都有编辑色彩的标志,上面的叫不透明度色标,用来设置渐变的透明度,与不透明度控制区对应;下面的叫色标,用来设置渐变的颜色,与颜色控制区对应。只有选定相应色标时,对应选项才可以编辑。
1. 添加/删除色标
将鼠标指针移动到渐变条的上方边缘位置,当指针变成手形标志时单击鼠标,可以创建一个“不透明度色标”;将鼠标指针移动到渐变条的下方边缘位置,当指针变成手形
标志时单击鼠标,可以创建一个“色标”。多次单击可以添加多个色标,添加色标前后的效果如图3.19所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/065-6.jpg?sign=1739683276-w6oeo0EC9gBvLHYRgwrBGoZvF0QhumgQ-0-51bf5a58c084561fe76ce4029b93c4a3)
图3.19 色标添加前后效果
如果想删除不需要的“色标”或“不透明度色标”,选择该“色标”或“不透明度色标”后,单击“色标”选项组对应的“删除”按钮即可。也可以直接将“色标”或“不透明度色标”拖动到“渐变编辑器”对话框以外,释放鼠标即可将选择的“色标”或“不透明度色标”删除。
2. 编辑色标颜色
单击渐变条下方的色标,该色标上方的三角形变黑
,表示选中了该“色标”,可以使用如下方法来修改色标的颜色。
• 方法1:双击法。在需要修改颜色的色标上双击鼠标,打开“拾色器(色标颜色)”对话框,选择需要的颜色后,单击“确定”按钮即可。
方法2:利用“颜色”选项。选择色标后,在“色标”选项组中,激活颜色控制区,单击“颜色”右侧的“更改所选色标的颜色”区域,打开“拾色器(色标颜色)”对话框,选择需要的颜色后,单击“确定”按钮即可。
• 方法3:直接吸取。选择色标后,将指针移动到“颜色”或“色板”面板的颜色区域或打开的图像中需要的颜色上,单击鼠标即可采集吸取该位置的颜色。
3. 移动或复制色标
直接左右拖动“色标”,即可移动色标的位置。如果在拖动时按住Alt键,可以复制出一个新的色标。移动色标的操作效果如图3.20所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-1.jpg?sign=1739683276-f0H848TWtnHshRHZvjfDR8K9ExFpQ8Ar-0-1777df976e340deba4cecfa6185c18d1)
图3.20 移动色标操作效果
如果要精确地移动色标,可以在选择“色标”或“不透明度色标”后,到“色标”选项组中,修改对应的“位置”参数,精确调整“色标”或“不透明度色标”的位置,如图3.21所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-2.jpg?sign=1739683276-51XjCDTSlGr8HyAX4TCQ1As8om6JAE4P-0-d60fbd65b08e98bae9e65d2945136f90)
图3.21 精确移动色标位置
4. 编辑色标和不透明度色标中点
当选择一个色标时,在当前色标与邻近的色标之间将出现一个菱形标记,这个标记称为颜色中点,拖动该点,可以修改颜色中点两侧的颜色比例,操作效果如图3.22所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-3.jpg?sign=1739683276-dFvuONqS1V5jLkcygdwmTTSAHdIYyF0j-0-eea94799fc84d270133b4986b5546965)
图3.22 编辑色标中点效果
同样,当选择一个“不透明度色标”时,在当前不透明色标与邻近的不透明度色标之间将出现一个菱形标记,这个标记称为不透明度中点,拖动该点,可以修改不透明度中点两侧的透明度所占比例,操作效果如图3.23所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-4.jpg?sign=1739683276-ojzaPkRrpI5hKFpv7okV7OlE3zIXKYHL-0-7d9d2c6ce4104706bdb1d9b6e06be1cb)
图3.23 编辑不透明度色标中点效果
练习3-2 创建透明渐变 难点
难 度:★★★
素材文件:第3章\河畔.jpg
案例文件:第3章\创建透明渐变.psd
视频文件:第3章\练习3-2 创建透明渐变.avi
利用“渐变编辑器”不但可以制作出实色的渐变效果,还可以制作出透明的渐变填充,这里要编辑一个白色到透明的渐变,具体的设置方法如下。
01 在工具箱中选择“渐变工具”后,单击选项栏中的“点按可编辑渐变”区域
,打开“渐变编辑器”对话框。在“预设”栏中单击选取一个渐变作为基础渐变,并基于它编辑新的渐变,如选择“红,绿渐变”,如图3.24所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-7.jpg?sign=1739683276-j3zKkqM8ma6tGGgBVej7q7dYCWDlemLs-0-ae42d08e96d08d7ab2d70195fe187e0f)
图3.24 选择渐变
02 改变渐变的颜色。双击渐变条下方左侧的色标,打开“拾色器(色标颜色)”对话框,并设置颜色为白色,如图3.25所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-8.jpg?sign=1739683276-KUZV7AWKuTfAWuWO3AYx0uhn5KyCL14N-0-74f8b1249222d92409e4032fa35673fc)
图3.25 设置色标颜色
03 编辑完成后,可以看到现在的渐变变成了白到绿的渐变效果,如图3.26所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-9.jpg?sign=1739683276-NsCmGsQ0QrxtW3WymovlBH8AT0vfyH0J-0-2fd0a8c36f3b0c6ee3b5b7f9c6fb90e7)
图3.26 白绿渐变
04 选择右侧的绿色色标,将其拖出渐变对话框,删除这个色标,这就变成了单一白色的渐变了,如图3.27所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-10.jpg?sign=1739683276-0GoeJx7R7XgzFXHMkMshS4z6jrKRzxjB-0-9b4277560463590da501d3c0c12aa013)
图3.27 删除色标
提示
Photoshop从最近的几个版本中将渐变编辑进行了优化,可以将色标删除到只剩下一个,方便了透明渐变的编辑。如果使用的是比较老的版本,最少要保留两个色标,可以将两个色标的颜色设置一致后,再进行下面的操作来编辑透明渐变。
05 单击选择渐变条上方左侧的“不透明度色标”,然后在“色标”选项组中,修改“不透明度”的值为0,使其完全透明,并修改“位置”的值为50%,此时从“渐变条”中可以看到颜色出现了透明效果,位置也发生了变化,如图3.28所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-1.jpg?sign=1739683276-je4azpeeROihTeoHpEaBVcYZNYNaxDVQ-0-cc8b3441833a47399b0e746d77e164a7)
图3.28 修改不透明度和位置
技巧
如果想删除不需要的不透明度色标,可以选择该不透明度色标,然后单击“删除”按钮即可;也可以直接拖动该不透明度色标到“渐变条”以外的区域,释放鼠标即可将其删除。
06 设置完成后,单击“确定”按钮,完成透明渐变的编辑。为了更好地说明效果,这里执行菜单栏中的“文件”|“打开”命令,打开“河畔.jpg”图片,将其打开,在图片上处理一个月牙效果。
07 选择工具箱中的“椭圆选框工具”,按住Shift键,绘制一个圆形选区,如图3.29所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-3.jpg?sign=1739683276-JYLS8cErzQv6pYEM0rczAFFhR6XzIQON-0-637f1997b03d9c6966ad9fbae3402d5f)
图3.29 绘制圆形选区
08 在“图层”面板中,单击底部的“创建新图层”按钮,创建一个新的图层。
09 选择工具箱中的“渐变工具”,在选项栏中单击“径向渐变”按钮
。从圆形选区的内部合适位置开始,向外部拖动,如图3.30所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-7.jpg?sign=1739683276-WAh1RqTrtqeGUrKvjft7iYiISSEnVenc-0-76f5e80a6a2b6c08f7b95fd9807bd936)
图3.30 拖动填充
10 释放鼠标,即可为其填充透明渐变,按Ctrl+D组合键取消选区,完成月牙效果的制作,如图3.31所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-8.jpg?sign=1739683276-zsD8mKYWV3dOHpGFPSbfSUQMpnYJQbR5-0-e04d2aa381dc6c5a70d879ab7775dfc8)
图3.31 填充透明渐变
提示
填充透明渐变后,如果感觉颜色过深,还可以通过修改图层不透明度来降低月牙的颜色深度。
练习3-3 创建杂色渐变
难 度:★
素材文件:无
案例文件:无
视频文件:第3章\练习3-3 创建杂色渐变.avi
除了创建实色渐变和透明渐变之外,利用“渐变编辑器”对话框还可以创建杂色渐变,具体的创建方法如下。
01 在工具箱中选择“渐变工具”后,单击选项栏中的“点按可编辑渐变”区域
,打开“渐变编辑器”对话框。在“渐变类型”下拉列表中,选择“杂色”选项,此时渐变条将显示杂色效果,如图3.32所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/068-3.jpg?sign=1739683276-L7Y7maHXrwoUa9exApaJiX8IgL9RlDPF-0-7caa397f67f1294917d89ed491775a34)
图3.32 选择“杂色”选项
提示
杂色渐变效果与选择的预设或自定义渐变无关,即不管开始选择的是什么渐变,选择“杂色”后,显示的效果都是一样的。要修改杂色渐变,可以通过“颜色模型”和设置相关的参数值来修改。
• “粗糙度”:设置整个渐变颜色之间的粗糙程度。可以在文本框中输入数值,也可以拖动弹出式滑块来修改数值。值越大,颜色之间的粗糙度就越大,颜色之间的对比度就越大。不同的值将显示不同的粗糙程度。
• “颜色模型”:设置不同的颜色模式。包括RGB、HSB和LAB 3种颜色模式。选择不同的颜色模式,其下方将显示不同的颜色设置条,拖动不同的颜色滑块,可以修改颜色的显示,以创建不同的杂色效果。
• “限制颜色”:勾选该复选框,可以防止颜色过度饱和。
• “增加透明度”:勾选该复选框,可以向渐变中添加透明杂色,以制作带有透明度的杂色效果。
• “随机化”:单击该按钮,可以在不改变其他参数的情况下,创建随机的杂色渐变。
02 读者可以根据上面的相关参数,自行设置一个杂色渐变。利用“渐变工具”进行填充,几种不同渐变样式的杂色渐变填充效果,如图3.33所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/068-5.jpg?sign=1739683276-FbDvh2bxnWwbeT9DNVxcUGrk5GGvwAOO-0-144ec0498fbcddc77c8cf35f2bb6a11a)
图3.33 不同渐变样式的杂色渐变填充效果