![中文版Photoshop CC平面设计从入门到精通(唯美)](https://wfqqreader-1252317822.image.myqcloud.com/cover/784/36610784/b_36610784.jpg)
3.5 在画面中填充图案/渐变
在Photoshop中有多种方法可以进行图形的创建,有了选区就可以为选区进行颜色的填充,当然也可以为整个画面进行填充。之前学习了单一颜色的填充,在本节中将学习图案以及渐变颜色的填充方式。
重点3.5.1 使用“填充”命令
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_256.jpg?sign=1738972491-hGiNyOdZg97W0STaPxF3R32mMoYVPj0m-0-06d11dc63e4952966dfe6eebbc7e59ed)
扫一扫,看视频
“填充”是指使画面整体或者部分区域被覆盖上某种颜色或者图案,如图3-197和图3-198所示。在Photoshop中有多种可供“填充”的方式,例如使用“填充”命令或“油漆桶工具”等。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_257.jpg?sign=1738972491-WPbejhFbVza9alqztaz0fRZPxQvPPQZt-0-aa24e8f0408eb7e1893ae88cc9185b47)
图3-197
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_258.jpg?sign=1738972491-uZrWK54nRPufgq9oy54Uw2qLxDXxamoq-0-f0a0a27d2f55f1bd6517266abd410d69)
图3-198
用“填充”命令可以为整个图层或选区内的部分填充颜色、图案、历史记录等,在填充的过程中还可以使填充的内容与原始内容产生混合效果。
执行“编辑〉填充”命令(快捷键:Shift+F5),打开“填充”窗口,如图3-199所示。在这里首先需要设置填充的内容,接着还可以进行混合的设置,设置完成后单击“确定”按钮进行填充。需要注意的是对文字图层、智能对象等特殊图层以及被隐藏的图层不能使用“填充”命令。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_259.jpg?sign=1738972491-PtU93zNYFXH1kyhhZHX7GwYk3GsIhHwk-0-09c4c983d62573ebec1ce8dfa967ba50)
图3-199
◆内容:用来设置填充的内容。包含前景色、背景色、颜色、内容识别、图案、历史记录、黑色、50%灰色和白色。
◆模式:用来设置填充内容的混合模式。混合模式就是此处的填充内容与原始图层中的内容的色彩叠加方式,其效果与“图层”混合模式相同。图3-200所示为“变暗”模式效果;图3-201所示为“叠加”模式效果。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_260.jpg?sign=1738972491-0vhHv9oWznyZbqo6eRJZ4Z8Nlmd0Bi1R-0-a7a9ca0e5456d331748229c0c3b9d506)
图3-200
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_261.jpg?sign=1738972491-O7HaAdQM8syV3jzuYGpESCs45g6X5acE-0-4ec4f0e663cb80a370bcd06dcaf4eb6f)
图3-201
◆不透明度:用来设置填充内容的不透明度。数值为100%时为完全不透明,如图3-202所示;数值为50%时为半透明,如图3-203所示;数值为0%时为完全透明,如图3-204所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_262.jpg?sign=1738972491-NV9re2DqcD7KwIIwsjdUvCDxoWig5YIK-0-376a22ff95d93225766e03c14733ec67)
图3-202
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_263.jpg?sign=1738972491-KXGLTvqcIEGn7JzBlaeMOpFrTx1KFkFV-0-fa91441f368bf78ef60b6e8b06a2266e)
图3-203
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_264.jpg?sign=1738972491-P8ARrNkWq3qXSQuWFRplru9CZWEnonSY-0-750537a721d68ac91a1b8e63571c1f81)
图3-204
◆保留透明区域:勾选该选项以后,只填充图层中包含像素的区域,而透明区域不会被填充。
3.5.2 油漆桶工具:为颜色相近的范围填充
“油漆桶工具”可以用于填充前景色或图案。如果选中的图层为透明图层,则创建的选区填充的区域为当前选区;如果没有创建选区,则填充的就是整个画面;如果选中的图层带有图像,那么填充的区域为与鼠标单击处颜色相近的区域。
1.使用“油漆桶工具”填充前景色
右击工具箱中的“渐变工具组”按钮,在其中选择“油漆桶工具”。在选项栏中设置填充模式为“前景色”,“容差”为120,其他参数使用默认值即可,如图3-205所示。更改前景色,然后在需要填充的位置单击即可填充颜色,如图3-206所示。由此可见,使用“油漆桶工具”进行填充无须先绘制选区,而是通过“容差”数值控制填充区域的大小。容差值越大,填充范围越大;容差值越小,填充范围也就越小。如果是空白图层,则会完全填充到整个图层中。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_266.jpg?sign=1738972491-UVNDG2MiC0EnHBlKBYpqqrtq9TwusHwg-0-6187087ba78ab93423d9d8cd6a2453fb)
图3-205
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_267.jpg?sign=1738972491-1pxOtNrlS4uBhnv6n7HFTf4Nz3tz4jMz-0-f1f1242c576e0107962118a94b3d0772)
图3-206
◆模式:用来设置填充内容的混合模式。
◆不透明度:用来设置填充内容的不透明度。
◆容差:用来定义必须填充的像素的颜色的相似程度与选取颜色的差值,例如调到32,会以单击处颜色为基准,把范围上下浮动32以内的颜色都填充。设置较低的“容差”值会填充颜色范围内与鼠标单击处像素非常相似的像素;设置较高的“容差”值会填充更大范围的像素。图3-207所示为不同容差数值的对比效果。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_268.jpg?sign=1738972491-73KJstX9cgT1n699Pbo9w3iFeauifsEe-0-9fc3d32b91ee7937553342488be15213)
图3-207
◆消除锯齿:平滑填充选区的边缘。
◆连续的:勾选该选项后,只填充图像中处于连续范围内的区域;关闭该选项后,可以填充图像中的所有相似像素。
◆所有图层:勾选该选项后,可以对所有可见图层中的合并颜色数据填充像素;关闭该选项后,仅填充当前选择的图层。
2.使用“油漆桶工具”填充图案
选择“油漆桶工具”,在选项栏中设置填充模式为“图案”,单击图案后侧的按钮,在下拉面板中选择一个图案,如图3-208所示。在画面中单击进行填充,效果如图3-209所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_269.jpg?sign=1738972491-Qbtz8ToDf2PHjT6MbPZVNCoeX7vENQhE-0-e833eb269feb45694f3e5a78f461a531)
图3-208
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_270.jpg?sign=1738972491-fajng2QAEdg8mGvwTXoBNYKclNKoqg70-0-5f50429b587ffc7ec108ce0c1c8a2b28)
图3-209
重点3.5.3 动手练:填充渐变
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_271.jpg?sign=1738972491-jTcTXZyL6YRM9rnDEaMTMHIE65fw0xGl-0-a5720670fe7cc74c0868e97456b1aa3b)
扫一扫,看视频
“渐变”是指多种颜色过渡而产生的一种效果。渐变是设计制图中非常常用的一种填充方式,通过渐变能够制作出缤纷多彩的颜色。“渐变工具”可以在整个文档或选区内填充渐变色,并且可以创建多种颜色间的混合效果。
1.渐变工具的使用方法
(1)选择工具箱中的“渐变工具”,单击选项栏中“渐变色条”右侧的
按钮,在下拉面板中有一些预设的渐变颜色,单击即可选中渐变色。选择后,渐变色条变为选择的颜色,用来预览。在不考虑选项栏中其他选项的情况下,就可以进行填充了。选择一个图层或者绘制一个选区,按住鼠标左键拖曳,如图3-210所示。松开鼠标完成填充操作,效果如图3-211所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_274.jpg?sign=1738972491-NlL9b893P4Sv0ES1ZLaypYJsU3M5au5l-0-691187dd57e2250f757a1580da3b9ef4)
图3-210
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_275.jpg?sign=1738972491-E9JJNNHhAwcXr6jJVXYUv5yN0xoC0DM3-0-dd64cd8e55c2b8511d81fae6225045b1)
图3-211
(2)选择好渐变颜色后,需要在选项栏中设置渐变类型。选项栏中这五个选项是用来设置渐变类型。单击“线性渐变”按钮
,可以以直线方式创建从起点到终点的渐变;单击“径向渐变”按钮
,可以以圆形方式创建从起点到终点的渐变;单击“角度渐变”按钮
,可以创建围绕起点以逆时针扫描方式的渐变;单击“对称渐变”按钮
,可以使用均衡的线性渐变在起点的任意一侧创建渐变;单击“菱形渐变”按钮
,可以以菱形方式从起点向外产生渐变,终点定义菱形的一个角,如图3-212所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_282.jpg?sign=1738972491-tbXNYQQTRWt9RgTERa1iTFtiF8vgObtu-0-042a3103e77edf545e159ae9897738d9)
图3-212
(3)“反向”选项用于转换渐变中的颜色顺序,以得到反方向的渐变结果,图3-213所示分别是正常渐变和反向渐变效果。勾选“仿色”选项时,可以使渐变效果更加平滑,此选项主要用于防止打印时出现条带化现象,但在计算机屏幕上并不能明显地体现出来。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_283.jpg?sign=1738972491-QgfIqSwRhZDH0rRRwZyKVPwpz3X9UVa0-0-021f1eef6da6e0b6f6e2c02a4b67cb5d)
图3-213
2.编辑合适的渐变颜色
预设中的渐变颜色是远远不够用的,大多数时候都需要通过“渐变编辑器”窗口自定义适合自己的渐变颜色。
(1)单击选项栏中的“渐变色条”,弹出“渐变编辑器”窗口,如图3-214所示。在“渐变编辑器”窗口的上半部分可以看到很多“预设”效果,单击即可选择某一种渐变效果,如图3-215所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_285.jpg?sign=1738972491-gBVlRmnYIRva7nFS02IyKljadwGcCIde-0-7acf1a3e34abf6f5cbc8199ee9998019)
图3-214
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_286.jpg?sign=1738972491-3FSY1iAJjcOPRbOz58j97uiq19XS1va0-0-f32fd55ba015308bb62e97d1bbf5359c)
图3-215
(2)如果没有适合的渐变效果,可以在下方渐变色条中编辑合适的渐变效果。双击渐变色条底部的色标,在弹出的“拾色器”中设置颜色,如图3-216所示。如果色标不够,则可以在渐变色条下方单击,添加更多的色标,如图3-217所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_288.jpg?sign=1738972491-fXQDuK9KrdBqZiplT1OxjNpKdUX0hDRA-0-ed1fec2277019c18b16a1e178e583e5e)
图3-216
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_289.jpg?sign=1738972491-I4WuHoIvciYxqpSBWfyJvq0F7XdpXIZG-0-f7fae3f687a1e5f33526d82b1d7b3bf1)
图3-217
(3)按住色标并左右拖动可以改变调色色标的位置,如图3-218所示。拖曳“颜色中心”滑块,可以调整两种颜色的过渡效果,如图3-219所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_290.jpg?sign=1738972491-IndS2jDOWOcbWeof4eBAoSio1gkpv0dh-0-cc6902581944926dedfd944b41890694)
图3-218
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_291.jpg?sign=1738972491-LhIfG1b7vmfSDMPR0HsN2C86AuDdGrEB-0-4059b1683967c3ef8ad185dafe026527)
图3-219
(4)若要制作出带有透明效果的渐变颜色,可以单击渐变色条上的色标。然后在“不透明度”数值框内设置参数,如图3-220所示。若要删除色标,则选中色标后按住鼠标左键将其向渐变色条外侧拖曳,松开鼠标即可,如图3-221所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_292.jpg?sign=1738972491-XwL5vlYRxvZCEpkbZSUgnJbc4aFM6jIl-0-4012e7909925462783e96bc4c63fcac2)
图3-220
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_293.jpg?sign=1738972491-0KCGOUuE0FzxUHhCkGIUGO46q5s2tgWU-0-177b5005b2ec5b3e3cdb363e760fa1ec)
图3-221
(5)渐变分为杂色渐变与实色渐变两种,在此之前所编辑的渐变颜色都为实色渐变,在“渐变编辑器”中设置“渐变类型”为“杂色”,可以得到由大量色彩构成的渐变,如图3-222所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_294.jpg?sign=1738972491-vqTQjwu3pOFWLJ054zZbWHbweei7yK5Y-0-79854785a3e903a8bfbc81ef9c3477cc)
图3-222
◆粗糙度:用来设置渐变的平滑程度,数值越高颜色层次越丰富,颜色之间的过渡效果越鲜明。图3-223所示为不同参数的对比效果。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_295.jpg?sign=1738972491-u1Ks8INK7yURwc29IOlwr1ngn15DhXOm-0-50ff3151389af03070d6f686f4c8dcba)
图3-223
◆颜色模型:在下拉列表中选择一种颜色模型用来设置渐变,包括RGB、HSB和LAB。拖曳滑块,可以调整渐变颜色,如图3-224所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_296.jpg?sign=1738972491-TfqgvxK0WCk1kRP455oFQ11M1YfueQk6-0-f7928a92ffb6f7f6826f2b7a176c6eca)
图3-224
◆限制颜色:将颜色限制在可以打印的范围内,以免颜色过于饱和。
◆增加透明度:可以向渐变中添加透明度像素,如图3-225所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt003_297.jpg?sign=1738972491-ViUGePhB0mZ5E1hiuNqswyHaEbnETUZ9-0-e22ac275aaf9b6d2e00f31c51fc210ae)
图3-225
◆随机化:单击该按钮可以生成一个新的渐变颜色。