![零基础学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=1739320712-9hFzXd6XJSL7vnrDE7UZlYeGhgE0EHn0-0-cb83d9ef71f1826f922ebb0964acb969)
图3-9 “渐变工具”选项栏
3.2.1 “渐变”拾色器的设置 重点
在工具箱中选择“渐变工具”后单击工具选项栏中
右侧的“点按可打开‘渐变’拾色器”三角形按钮
,将弹出“‘渐变’拾色器”。从中可以看到现有的一些渐变,如果想使用某个渐变,直接单击该渐变即可。
单击“‘渐变’拾色器”的右上角的菜单按钮,将打开“‘渐变’拾色器”菜单,如图3.10所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/063-9.jpg?sign=1739320712-UcOw3id8nLHoHcpWSbLCpb6StAvBAwQM-0-662af3deb7261ec0f6ef14e289064608)
图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=1739320712-UJKi6daHtWcWueAGIxeMChJjR7vNvCjA-0-327baa477ecce2055e56888df920112d)
图3.11 线性渐变
• “径向渐变”:单击该按钮,在图像或选区中拖动指针,将以圆形方式从起点到终点产生环形渐变效果,拖动线及渐变效果如图3.12所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-3.jpg?sign=1739320712-wLxuQAr1gqJphpNsFtwWUJnTdgOQOrk6-0-c9932ea89f9edf2fa5df4c567a8226ea)
图3.12 径向渐变
• “角度渐变”:单击该按钮,在图像或选区中拖动指针,将以逆时针扫过的方式围绕起点产生渐变效果,拖动线及渐变效果如图3.13所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-6.jpg?sign=1739320712-DlShyHaa12WDH35fYHP64OvF3IogmJuG-0-f8936a5447a0c872262f7fb75964dd0b)
图3.13 角度渐变
• “对称渐变”:单击该按钮,在图像或选区中拖动指针,将从起点的两侧产生镜向渐变效果,拖动线及渐变效果,如图3.14所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-7.jpg?sign=1739320712-PsW5EMiBtQCW4EQkdMDwRff0JkkItYfl-0-1c4852c5f9fff647557efc9e31eda575)
图3.14 对称渐变
提示
如果“对称渐变”的对称点设置在画布外,将产生与“线性渐变”一样的渐变效果。所以在某些时候,“对称渐变”可以代替“线性渐变”来使用。
• “菱形渐变”:单击该按钮,在图像或选区中拖动指针,将从起点向外形成菱形的渐变效果,拖动线及渐变效果如图3.15所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-9.jpg?sign=1739320712-dNA2zb7Lx7nBBG0Y50NrGyzItW9O1x8X-0-09630527f67ae41b85e52eb9f6fe1cec)
图3.15 菱形渐变
提示
在进行渐变填充时,按住Shift键并拖动填充,可以将线条的角度限定为45°的倍数。
3.2.3 渐变工具选项栏 重点
“渐变工具”选项栏除了“‘渐变’拾色器”和渐变样式选项外,还包括“模式”“不透明度”“反向”“仿色”和“透明区域”5个选项,如图3.16所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-10.jpg?sign=1739320712-ub93enfTmtAM4EGVUgd2MnvMmWB0hkzI-0-9b180f54f7a1c20b118b824e3a11b8a3)
图3-16 其他选项
其他选项具体的应用方法介绍如下。
• “模式”:设置渐变填充与图像的混合模式。
• “不透明度”:设置渐变填充颜色的不透明程度,值越小越透明。原图、不透明度为30%和不透明度为60%的不同填充效果如图3.17所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/064-11.jpg?sign=1739320712-KHkD4XcaM06cWqQWfaSLYTP8CRL3YUrB-0-d78f38c885df64d6c2d2dd525b334d50)
图3.17 不同不透明度填充效果
• “反向”:勾选该复选框,可以将编辑的渐变颜色的顺序反转过来。例如,黑白渐变可以变成白黑渐变。
• “仿色”:勾选该复选框,可以使渐变颜色之间产生较为平滑的过渡效果。
• “透明区域”:该项主要用于对透明渐变进行设置。勾选该复选框,当编辑透明渐变时,填充的渐变将产生透明效果。如果不勾选该复选框,填充的透明渐变将不会出现透明效果。
练习3-1 渐变编辑器 难点
难 度:★★
素材文件:无
案例文件:无
视频文件:第3章\练习3-1 渐变编辑器.avi
在工具箱中选择“渐变工具”后,单击选项栏中的“点按可编辑渐变”区域
,将打开“渐变编辑器”对话框,如图3.18所示。通过“渐变编辑器”可以选择预设中的渐变,也可以创建自己需要的新渐变。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/065-3.jpg?sign=1739320712-pxulnY4ZsZHfBaLZHylyPeGpHARKHKwK-0-74816e9a9444de9d6b2786b835c4d7bc)
图3.18 “渐变编辑器”对话框
“渐变编辑器”对话框各选项的含义说明如下。
• “预设”:显示当前默认或载入的渐变,如果需要使用某个渐变,直接单击即可选择。要基于现有渐变编辑新渐变,可以在该区域选择一种渐变后编辑即可。
• “渐变菜单”:单击该按钮,将打开面板菜单,可以对渐变进行的预览、复位和替换等操作。
• “名称”:显示当前选择的渐变名称。也可以直接输入一个新的名称,然后单击右侧的“新建”按钮,创建一个新的渐变,新渐变将显示在“预设”栏中。
• “渐变类型”:从弹出的菜单中,选择渐变的类型,包括“实底”和“杂色”两个选项。
• “平滑度”:设置渐变颜色的过渡平滑度,值越大,过渡越平滑。
• 渐变条:显示当前渐变效果,并可以通过下方的“色标”和上方的“不透明度色标”来编辑渐变。
提示
在渐变条的上方和下方都有编辑色彩的标志,上面的叫不透明度色标,用来设置渐变的透明度,与不透明度控制区对应;下面的叫色标,用来设置渐变的颜色,与颜色控制区对应。只有选定相应色标时,对应选项才可以编辑。
1. 添加/删除色标
将鼠标指针移动到渐变条的上方边缘位置,当指针变成手形标志时单击鼠标,可以创建一个“不透明度色标”;将鼠标指针移动到渐变条的下方边缘位置,当指针变成手形
标志时单击鼠标,可以创建一个“色标”。多次单击可以添加多个色标,添加色标前后的效果如图3.19所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/065-6.jpg?sign=1739320712-OGelMdrw4HzviqDxgO4HcNxf92vl1fJu-0-1f428231e87de0399e55bbd992cc9d54)
图3.19 色标添加前后效果
如果想删除不需要的“色标”或“不透明度色标”,选择该“色标”或“不透明度色标”后,单击“色标”选项组对应的“删除”按钮即可。也可以直接将“色标”或“不透明度色标”拖动到“渐变编辑器”对话框以外,释放鼠标即可将选择的“色标”或“不透明度色标”删除。
2. 编辑色标颜色
单击渐变条下方的色标,该色标上方的三角形变黑
,表示选中了该“色标”,可以使用如下方法来修改色标的颜色。
• 方法1:双击法。在需要修改颜色的色标上双击鼠标,打开“拾色器(色标颜色)”对话框,选择需要的颜色后,单击“确定”按钮即可。
方法2:利用“颜色”选项。选择色标后,在“色标”选项组中,激活颜色控制区,单击“颜色”右侧的“更改所选色标的颜色”区域,打开“拾色器(色标颜色)”对话框,选择需要的颜色后,单击“确定”按钮即可。
• 方法3:直接吸取。选择色标后,将指针移动到“颜色”或“色板”面板的颜色区域或打开的图像中需要的颜色上,单击鼠标即可采集吸取该位置的颜色。
3. 移动或复制色标
直接左右拖动“色标”,即可移动色标的位置。如果在拖动时按住Alt键,可以复制出一个新的色标。移动色标的操作效果如图3.20所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-1.jpg?sign=1739320712-9OyRDvTJHHe7Jnw9aHDeJeJ3ebUipkb1-0-2ab5c75bbd54f021969602f0cd174a1f)
图3.20 移动色标操作效果
如果要精确地移动色标,可以在选择“色标”或“不透明度色标”后,到“色标”选项组中,修改对应的“位置”参数,精确调整“色标”或“不透明度色标”的位置,如图3.21所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-2.jpg?sign=1739320712-NrszwfBbvNDA0pbZpWpBv9iSwQKs16ZS-0-063dfa1ee83720daa6c529b76129d41b)
图3.21 精确移动色标位置
4. 编辑色标和不透明度色标中点
当选择一个色标时,在当前色标与邻近的色标之间将出现一个菱形标记,这个标记称为颜色中点,拖动该点,可以修改颜色中点两侧的颜色比例,操作效果如图3.22所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-3.jpg?sign=1739320712-CZNjuB9BEDtTN5Ye5YOFlnfl0eA2IhYr-0-b3eeac4d94d759e4cd4c4eb0967c2dfd)
图3.22 编辑色标中点效果
同样,当选择一个“不透明度色标”时,在当前不透明色标与邻近的不透明度色标之间将出现一个菱形标记,这个标记称为不透明度中点,拖动该点,可以修改不透明度中点两侧的透明度所占比例,操作效果如图3.23所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-4.jpg?sign=1739320712-4sB1icZ4jf1sCcstKlesedb0r2nCx5Zp-0-0d484b7900ba7f1f52d433053b363b5d)
图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=1739320712-NmBL0yVKlefvp9FVC0Agq5L66ohdFPij-0-64e6923aa603cd00cbd34422691572b9)
图3.24 选择渐变
02 改变渐变的颜色。双击渐变条下方左侧的色标,打开“拾色器(色标颜色)”对话框,并设置颜色为白色,如图3.25所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-8.jpg?sign=1739320712-RxI0hfmANQEHibYJGRiizz0CAGjCjfQ9-0-4dba6f4aba1ec77479080718f07d66d5)
图3.25 设置色标颜色
03 编辑完成后,可以看到现在的渐变变成了白到绿的渐变效果,如图3.26所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-9.jpg?sign=1739320712-b4tP3lHskworboKx4n5c2a43qQDRaZSC-0-d735df7a4f528e204c650d9772b76183)
图3.26 白绿渐变
04 选择右侧的绿色色标,将其拖出渐变对话框,删除这个色标,这就变成了单一白色的渐变了,如图3.27所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/066-10.jpg?sign=1739320712-dpZHs0U0TGxbCNXaq16iVvTflaLgLUlS-0-337fe87dff7207229e7b709e3bce68f1)
图3.27 删除色标
提示
Photoshop从最近的几个版本中将渐变编辑进行了优化,可以将色标删除到只剩下一个,方便了透明渐变的编辑。如果使用的是比较老的版本,最少要保留两个色标,可以将两个色标的颜色设置一致后,再进行下面的操作来编辑透明渐变。
05 单击选择渐变条上方左侧的“不透明度色标”,然后在“色标”选项组中,修改“不透明度”的值为0,使其完全透明,并修改“位置”的值为50%,此时从“渐变条”中可以看到颜色出现了透明效果,位置也发生了变化,如图3.28所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-1.jpg?sign=1739320712-ekDPW2VO8w4RwtmaH5r7WDZxf721jYP7-0-f86e31381bd293f63a039c3ca359473c)
图3.28 修改不透明度和位置
技巧
如果想删除不需要的不透明度色标,可以选择该不透明度色标,然后单击“删除”按钮即可;也可以直接拖动该不透明度色标到“渐变条”以外的区域,释放鼠标即可将其删除。
06 设置完成后,单击“确定”按钮,完成透明渐变的编辑。为了更好地说明效果,这里执行菜单栏中的“文件”|“打开”命令,打开“河畔.jpg”图片,将其打开,在图片上处理一个月牙效果。
07 选择工具箱中的“椭圆选框工具”,按住Shift键,绘制一个圆形选区,如图3.29所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-3.jpg?sign=1739320712-VodS8T5Plx9z8TojcXDXtPS9n3ZBlFRZ-0-77c2a2d821c86fa266d6cf8f7c387f72)
图3.29 绘制圆形选区
08 在“图层”面板中,单击底部的“创建新图层”按钮,创建一个新的图层。
09 选择工具箱中的“渐变工具”,在选项栏中单击“径向渐变”按钮
。从圆形选区的内部合适位置开始,向外部拖动,如图3.30所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-7.jpg?sign=1739320712-butHuctmDCBoZPauEBa2lElE2Im8cKYg-0-ebff1bbfd5f2a1e25b59bf1d774e863b)
图3.30 拖动填充
10 释放鼠标,即可为其填充透明渐变,按Ctrl+D组合键取消选区,完成月牙效果的制作,如图3.31所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/067-8.jpg?sign=1739320712-fnKjMfxumOfvZO3DY3GYixWk5o2qHSBg-0-75b438e403af2bc1fbcbe5e7f310d00d)
图3.31 填充透明渐变
提示
填充透明渐变后,如果感觉颜色过深,还可以通过修改图层不透明度来降低月牙的颜色深度。
练习3-3 创建杂色渐变
难 度:★
素材文件:无
案例文件:无
视频文件:第3章\练习3-3 创建杂色渐变.avi
除了创建实色渐变和透明渐变之外,利用“渐变编辑器”对话框还可以创建杂色渐变,具体的创建方法如下。
01 在工具箱中选择“渐变工具”后,单击选项栏中的“点按可编辑渐变”区域
,打开“渐变编辑器”对话框。在“渐变类型”下拉列表中,选择“杂色”选项,此时渐变条将显示杂色效果,如图3.32所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/068-3.jpg?sign=1739320712-tZFGP9YlFRlXop0ojWhsAxY7AzdFyH4c-0-f668e9b7c5bbb02c0ee7e2c20b40a106)
图3.32 选择“杂色”选项
提示
杂色渐变效果与选择的预设或自定义渐变无关,即不管开始选择的是什么渐变,选择“杂色”后,显示的效果都是一样的。要修改杂色渐变,可以通过“颜色模型”和设置相关的参数值来修改。
• “粗糙度”:设置整个渐变颜色之间的粗糙程度。可以在文本框中输入数值,也可以拖动弹出式滑块来修改数值。值越大,颜色之间的粗糙度就越大,颜色之间的对比度就越大。不同的值将显示不同的粗糙程度。
• “颜色模型”:设置不同的颜色模式。包括RGB、HSB和LAB 3种颜色模式。选择不同的颜色模式,其下方将显示不同的颜色设置条,拖动不同的颜色滑块,可以修改颜色的显示,以创建不同的杂色效果。
• “限制颜色”:勾选该复选框,可以防止颜色过度饱和。
• “增加透明度”:勾选该复选框,可以向渐变中添加透明杂色,以制作带有透明度的杂色效果。
• “随机化”:单击该按钮,可以在不改变其他参数的情况下,创建随机的杂色渐变。
02 读者可以根据上面的相关参数,自行设置一个杂色渐变。利用“渐变工具”进行填充,几种不同渐变样式的杂色渐变填充效果,如图3.33所示。
![](https://epubservercos.yuewen.com/EE927C/14373742005367306/epubprivate/OEBPS/Images/068-5.jpg?sign=1739320712-C0d0AhHFBcxo0nFomfG52eWc1giJRZwA-0-5273341cbb803eb8396dc225e096d93c)
图3.33 不同渐变样式的杂色渐变填充效果