- 设计必修课:Photoshop图像处理+平面设计+网页设计+UI设计自学教程
- 张晓景编著
- 3283字
- 2025-02-20 06:33:08
4.5 填充颜色
用户可以通过执行“填充”命令进行颜色填充,也可以使用“油漆桶工具”和“渐变工具”完成颜色填充操作,这些方法使用起来都比较方便快捷。
4.5.1 “填充”命令
执行“编辑”→“填充”命令,弹出“填充”对话框,如图4-45所示。用户可以在“内容”下拉列表框中选择不同的方式填充图像,如图4-46所示。

图4-45 “填充”对话框

图4-46 “内容”下拉列表框
提示
按【Shift+F5】组合键可以直接打开“填充”对话框。创建选区后选中“背景”图层,按【Delete】键或【Backspace】键即可快速打开“填充”对话框。
4.5.2 应用案例——为图像填充相机胶卷边框

扫描查看演示视频

扫描下载素材
源文件:资源包\源文件\第4章\4-5-2.psd
素材:资源包\素材\第4章\45201.jpg
技术要点:掌握【填充】命令的使用方法
STEP 01打开素材图像“素材\第4章\45201.jpg”。单击工具箱中的“矩形选框工具”按钮,设置“选区运算”为“添加到选区”选项,在画布中连续单击并拖动鼠标创建选区,如图4-47所示。
STEP 02新建一个96像素×30像素的黑色背景文件,使用“圆角矩形工具”在画布中单击创建形状,按住【Alt】键并使用“移动工具”连续复制形状,如图4-48所示。

图4-47 打开素材图像并创建选区

图4-48 复制形状
STEP 03执行“编辑”→“定义图案”命令,在弹出的对话框中单击“确定”按钮。回到原始文档中并新建图层,执行“编辑”→“填充”命令,弹出“填充”对话框。
STEP 04在“填充”对话框中设置参数,如图4-49所示,单击“确定”按钮,即可将图案填充到选区内,按【Ctrl+D】组合键取消选区,图像效果如图4-50所示。

图4-49 设置“填充”对话框

图4-50 填充效果
4.5.3 “内容识别”填充
“内容识别”填充的原理是使用选区附近的相似图像内容填充选区。为了获得更好的填充效果,可以将创建的选区略微扩展到要复制的区域中。
“内容识别”填充会随机合成相似的图像内容。如果不喜欢原来的效果,可以执行“编辑”→“还原”命令,然后再应用其他的内容识别填充。
4.5.4 应用案例——使用“内容识别”填充去除图像中的人物
源文件:资源包\源文件\第4章\4-5-4.jpg
素材:资源包\素材\第4章\45401.jpg
技术要点:掌握使用【内容识别】填充选区的方法

扫描查看演示视频

扫描下载素材
STEP 01打开素材图像“素材\第4章\45401.jpg”,如图4-51所示。
STEP 02使用“套索工具”沿人物轮廓创建选区,如图4-52所示。

图4-51 打开素材图像

图4-52 创建选区
STEP 03执行“编辑”→“填充”命令,弹出“填充”对话框,在“内容”下拉列表框中选择“内容识别”选项,如图4-53所示,单击“确定”按钮。
STEP 04按【Ctrl+D】组合键取消选区,图像的填充效果如图4-54所示。

图4-53 选择填充内容

图4-54 填充效果
4.5.5 “图案”填充
在“填充”对话框中,还可以选择使用“图案”填充,如图4-55所示。单击“自定图案”旁边的下拉按钮,在打开的面板中选择一种图案,如图4-56所示。
用户可以单击面板右上角的按钮,在打开的下拉菜单中选择“导入图案”命令,载入其他图案。

图4-55 选择“图案”选项

图4-56 选择填充图案
提示
关于图案的定义请参看“8.1.3图案图章工具”章节。
疑问解答
“图案”填充中的“图案脚本”
针对“图案”填充,选择“脚本”复选框,用户可以使用砖形填充、十字线织物、沿路径置入、随机填充、螺线和对称填充等脚本图案填充对象。
4.5.6 应用案例——“随机填充”图案制作丰富背景

扫描查看演示视频

扫描下载素材
源文件:源文件\第4章\4-5-6.psd
素材:无
技术要点:掌握【随机填充】图案的使用方法
STEP 01执行“文件”→“新建”命令,在弹出的“新建文档”对话框中设置参数,如图4-57所示。使用“矩形选框工具”创建选区,单击工具箱中的“渐变工具”按钮,设置渐变颜色。
STEP 02使用“渐变工具”为选区填充渐变,如图4-58所示。执行“编辑”→“定义图案”命令,弹出“图案名称”对话框,如图4-59所示,单击“确定”按钮。

图4-57 新建文档

图4-58 填充渐变

图4-59 定义图案
STEP 03按【Ctrl+D】组合键取消选区。执行“编辑”→“填充”命令,在弹出的对话框中选择刚刚定义的图案进行填充,选择“脚本”复选框,在其后的下拉列表框中选择“随机填充”选项。
STEP 04单击“确定”按钮,弹出“随机填充”对话框,设置相关参数,如图4-60所示。单击“确定”按钮,填充效果如图4-61所示。

图4-60 设置参数

图4-61 随机填充效果
4.5.7 “历史记录”填充
在“填充”对话框中,用户还可以选择使用“历史记录”选项完成填充操作。使用“历史记录”填充的效果是将所选区域恢复为源状态或“历史记录”面板中设置的快照。
提示
关于快照的创建请参看2.13节“‘历史记录’面板”。
4.5.8 应用案例——“历史记录”填充凸显图像效果

扫描查看演示视频

扫描下载素材
源文件:资源包\源文件\第4章\4-5-8.psd
素材:资源包\素材\第4章\45801.jpg
技术要点:掌握【历史记录】填充的使用方法
STEP 01打开素材图像“素材\第4章\45801.jpg”。打开“历史记录”面板,单击面板底部的“创建新快照”按钮,新建快照,如图4-62所示。
STEP 02执行“图像”→“调整”→“色相/饱和度”命令,在弹出的“色相/饱和度”对话框中设置各项参数,如图4-63所示。单击“确定”按钮,图像效果如图4-64所示。

图4-62 创建快照

图4-63 修改色相参数

图4-64 调色效果
STEP 03使用“多边形套索工具”创建选区,如图4-65所示。
STEP 04执行“编辑”→“填充”命令,弹出“填充”对话框,在“内容”下拉列表框中选择“历史记录”选项,单击“确定”按钮,取消选区,图像效果如图4-66所示。

图4-65 创建选区

图4-66 历史记录填充效果
4.5.9 油漆桶工具
使用“油漆桶工具”可以在选区、路径和图层内的区域填充指定的颜色和图案。在图像中有选区的情况下,使用“油漆桶工具”填充的区域为所选的区域。如果在图像中没有创建选区,使用此工具则会填充与光标单击处像素相似或相邻像素的区域。单击工具箱中的“油漆桶工具”按钮,其选项栏如图4-67所示。

图4-67 “油漆桶工具”选项栏
4.5.10 应用案例——使用“油漆桶工具”为图像填充颜色

扫描查看演示视频

扫描下载素材
源文件:资源包\源文件\第4章\4-5-10.psd
素材:资源包\素材\第4章\45101.jpg
技术要点:掌握【油漆桶工具】的使用方法
STEP 01打开素材图像“素材\第4章\45101.jpg”,如图4-68所示。
STEP 02单击工具箱中的“油漆桶工具”按钮,在选项栏中设置“容差”值为20,“模式”为“叠加”,如图4-69所示。

图4-68 打开素材图像

图4-69 “油漆桶工具”选项栏
STEP 03在工具箱中设置“前景色”为RGB(247、152、17),打开“图层”面板,在面板底部单击“创建新图层”按钮,新建一个图层,如图4-70所示。
STEP 04在画布中单击,为画布填充颜色,图像效果如图4-71所示。

图4-70 新建图层

图4-71 填充效果
4.5.11 渐变工具
使用“渐变工具”可以创建多种颜色间的逐渐混合,实质上就是在图像中或图像的某一区域中填入一种具有多种颜色过渡的混合色。这个混合色可以是从前景色到背景色的过渡,也可以是前景色与透明背景间的相互过渡或者是其他颜色间的相互过渡。单击工具箱中的“渐变工具”按钮,其选项栏如图4-72所示。

图4-72 “渐变工具”选项栏
在选项栏中的“渐变预览条”上单击,弹出“渐变编辑器”对话框,如图4-73所示。

图4-73 “渐变编辑器”对话框
提示
在渐变颜色条上选择一个渐变色标,然后在渐变颜色条下方单击,则可以使新增的颜色色标与当前所选渐变色标的颜色相同。
提示
要删除新增的渐变色标,先选中渐变色标,单击“位置”文本框右侧的“删除”按钮,或者将渐变色标拖出渐变颜色条之外均可。
4.5.12 应用案例——载入外部渐变制作按钮

扫描查看演示视频

扫描下载素材
源文件:资源包\源文件\第4章\4-5-12.psd
素材:资源包\素材\第4章\BUTTONS.grd
技术要点:掌握【载入外部渐变】的方法
STEP 01新建一个文档,单击工具箱中的“渐变工具”按钮,在选项栏中单击“渐变预览条”色块,在弹出的“渐变编辑器”对话框中单击“导入”按钮,弹出“载入”对话框,选择外部渐变样式“BUTTONS.grd”,如图4-74所示。
STEP 02单击“载入”按钮,将外部渐变添加到“预设”面板中,如图4-75所示。单击工具箱中的“圆角矩形工具”按钮,在画布中单击并拖动鼠标创建圆角矩形形状,如图4-76所示。

图4-74 选择渐变样式

图4-75 载入渐变样式

图4-76 创建形状
STEP 03在选项栏中单击“填充”后面的色块,在打开的面板中选择渐变色块,单击BUTTONS渐变组前面的三角形按钮将其打开,设置参数如图4-77所示,按钮效果如图4-78所示。
STEP 04单击工具箱中的“移动工具”按钮,按住【Alt】键的同时拖动形状,按【Ctrl+T】组合键调整复制得到的形状的大小,更改渐变颜色的角度,效果如图4-79所示。

图4-77 选择渐变颜色

图4-78 按钮效果

图4-79 案例效果