Photoshop CC 视觉设计案例教程
上QQ阅读APP看书,第一时间看更新

2.4 画笔工具

2.4.1 【案例2-2】绚彩泡泡

二维码2-2绚彩泡泡

“绚彩泡泡”案例的效果如图2-54所示。

图2-54 “绚彩泡泡”案例效果图

【案例设计创意】

本案例主要为大家介绍利用Photoshop软件制作出绚彩泡泡的画面,这是在广告设计背景中常用到的一种效果。首先利用“圆头画笔工具”制作出泡泡的外轮廓,接着通过对图层叠加方式的更改及不同像素的模糊营造出景深远近的效果,从而得到想要的绚烂、梦幻的画面。方法简单,但应用广泛。

【案例目标】

通过本案例的学习,读者不仅可以掌握工具箱中的“画笔工具”,还可以接触到图层样式、滤镜等进阶的命令。

【案例的制作方法】

1)创建新文档,命名为“绚彩泡泡”,文件大小为1920像素×1200像素,将分辨率设置为300像素/英寸,设置颜色模式为RGB颜色。

2)将背景图层填充为深灰色(R=38,G=38,B=38),效果如图2-55所示。

3)隐藏背景层,再在“图层”面板中新建“图层1”,选择“椭圆选框工具”,按〈Shift〉键在“图层1”上绘制一个正圆,按〈Alt+Delete〉组合键将前景色(R=38,G=38,B=38)快速填充至正圆,并将该图层不透明度调整为50%,画面效果如图2-56所示,图层叠加关系如图2-57所示。

4)在“图层”面板中新建“图层2”,选择菜单“编辑”→“描边”命令,弹出一个名为“描边”的对话框,如图2-58所示,在对话框中将宽度设置为10像素,位置为内部,颜色为黑色,效果如图2-59所示。

5)按住〈Shift〉键选中“图层1”与“图层2”,用鼠标右击后选择“合并图层”命令,将“图层1”与“图层2”合并为一个图层,图层名称将自动更改为“图层2”。

6)隐藏“背景”图层,用鼠标单击“图层2”并按〈Alt〉键将圆形载入选区,选择菜单“编辑”→“定义画笔预设”命令,为画笔命名并且单击“确定”按钮,如图2-60所示。

图2-55 填充背景图层

图2-56 填充颜色并调整图层不透明度

图2-57 图层叠加关系图

图2-58 “描边”对话框

图2-59 描边后的效果

图2-60 定义画笔

7)单击工具栏中的“画笔工具”按钮,在“画笔工具”选项栏上单击“切换画笔工具面板”按钮,弹出一个对话框,将笔头设置成刚刚定义的新笔头,并将“画笔笔尖形状”里面的“间距”设置为100%,如图2-61所示。

同时需要修改“切换画笔工具面板”中的“形状动态”“散布”“传递”等选项,其参数设置分别如图2-62、图2-63与图2-64所示。

图2-61 设置画笔间距

图2-62 设置画笔形状动态

图2-63 设置画笔散布属性

图2-64 设置画笔传递属性

8)隐藏“图层2”,使背景图层可视,创建一个“图层3”,填充任意颜色,图层效果如图2-65所示。双击“图层3”缩略图,弹出“图层样式”的对话框,勾选“渐变叠加”复选框,并设置其参数,如图2-66所示。

图2-65 图层效果

图2-66 对图层3设置图层样式

9)在“图层3”底下新建一个“图层组1”,重命名为“泡泡”,并将其混合模式更改为“颜色减淡”。在“泡泡”图层组里新建“图层4”,设置前景色为白色。单击工具栏中的“画笔工具”按钮,将画笔调整为合适大小,在“图层4”上进行绘制,画面效果如图2-67所示,图层效果如图2-68所示。

图2-67 利用画笔在图层4上绘制

图2-68 图层效果

10)选中“图层4”,选择菜单“滤镜”→“模糊”→“高斯模糊”命令,并将模糊的半径设置为15像素,效果如图2-69所示。

11)在“泡泡”图层组中新建“图层5”,单击工具栏中的“画笔工具”按钮,将画笔半径调小,继续在“图层5”上进行绘制,画面效果如图2-70所示。

图2-69 对图层4执行高斯模糊

图2-70 利用画笔在图层5上绘制

12)对“图层5”执行菜单“滤镜”→“模糊”→“高斯模糊”命令,并将模糊的半径设置为4像素,效果如图2-71所示。

图2-71 对图层5执行高斯模糊

13)在“泡泡”图层组中新建“图层6”,单击工具栏中的“画笔工具”按钮,继续将画笔半径调小,在“图层6”上进行绘制。

14)对“图层6”执行菜单“滤镜”→“模糊”→“高斯模糊”命令,并将模糊的半径设置为1像素,效果如图2-54所示,即画面的最后效果。至此,整个设计制作完毕。

2.4.2 【相关知识】画笔工具组

Photoshop CC 2017软件将画笔工具分为“画笔工具”和“历史记录画笔工具”两类。

1.“画笔工具”

画笔工具是用于绘图的工具之一。当用鼠标右击“画笔工具”时,将展开画笔工具组,如图2-72所示,它包括“画笔工具”“铅笔工具”“颜色替换工具”和“混合器画笔工具”4个选项。

图2-72 画笔工具组

单击工具箱中的“画笔工具”按钮,选择前景色并设置画笔属性后可在图像中绘制线条,其“画笔工具”选项栏如图2-73所示。

图2-73 “画笔工具”选项栏

①“画笔工具”:单击“画笔工具”后面的下三角形图标,在打开的下拉面板中可以设置各种画笔和画笔大小及硬度,如图2-74所示。

图2-74 画笔属性面板

● 大小:按照像素单位调节画笔的大小,也可以通过在文本框中进行输入直接确定画笔大小。

● 硬度:设定画笔笔尖的硬度,笔刷的软硬程度在效果上表现为边缘的羽化程度。

● “从此画笔创建新的预设”:单击“从此画笔创建新的预设”按钮,弹出名为“画笔名称”的对话框,在其文本框中输入画笔名称,单击“确定”按钮,就可以将画笔样本保存下来。

● “画笔菜单”:单击“画笔菜单”按钮,打开画笔菜单,如图2-75所示。通过“画笔”菜单可以进行画笔样本的选择,设置画笔的显示形式,载入画笔等操作。

②“模式”:设置绘图的前景色与画纸的背景之间的混合效果。单击“模式”下拉按钮,一共有29种混合模式可供选择,如图2-76所示。尝试设置混合模式为“叠加”和“色相”,分别得到的图像效果如图2-77与图2-78所示。

图2-75 “画笔”菜单选项

图2-76 “模式”选项下拉列表

图2-77 “叠加”混合模式效果

图2-78 “色相”混合模式效果

③“不透明度”:用来设置画笔绘图时所绘颜色的不透明度。不透明度越高,画笔绘制的痕迹越明显,透明度越低。设置过“不透明度”画笔的笔画重叠处会出现加深效果。

④“流量”:设置画笔线条颜色的涂抹程度。流量值越小,画笔绘制的痕迹越不清晰,二者呈反比关系。

⑤“喷枪”:单击画笔属性工具栏中的“喷枪”按钮,启动“喷枪”功能,在绘制过程中将模拟现实生活中的喷枪,产生喷溅的笔墨效果。图2-79与图2-80分别为启用“喷枪”功能前后的对比。

值得注意的是,当使用“喷枪”时,如果在图像中的某处按住鼠标左键不放,将在鼠标单击的点处出现一个颜色堆积的色点。停顿的时间越长,色点越大,其颜色也越深,直至饱和。色点使用的是前景色。

在菜单栏上执行“窗口”→“画笔”命令或按〈F5〉键,将弹出“画笔”面板,其中包含了对画笔样式、主直径等七大模块的设置,如图2-81所示。

图2-79 启用喷枪功能前

图2-80 启用喷枪功能后

图2-81 “画笔”面板

● 动态参数区:该区域中罗列了可以设置的动态参数选项,包括“画笔笔尖形状”“形态动态”“散布”“纹理”“双重画笔”“颜色动态”和“传递”7个选项。

● 附加参数区:该区域列出了“杂色”“湿边”“建立”“平滑”和“保护纹理”5个选项,可以为画笔增加一些附加效果。

● 预览区:在该区域中可以看到根据当前的画笔属性而显示的预览图。

● “新建画笔”按钮:单击“新建画笔”按钮,将弹出“画笔名称”对话框,在其中输入画笔名称,再次单击“确定”按钮,即可将新建的画笔样本保存下来。

● “画笔菜单”按钮:单击“画笔菜单”按钮,将弹出画笔菜单。本菜单主要是关于画笔的属性设置,如图2-82所示。

图2-82 画笔菜单

● 画笔选择框:该区域中罗列了数十种画笔形式,选择不同的画笔形式可以产生不同的画面效果。

● 参数区:该区域列出了与当前选择选项相对应的参数,不同选项所对应的选区参数也不相同。

2.“铅笔工具”

当右击“画笔工具”按钮时,将展开画笔工具组,滑动鼠标选择“铅笔工具”按钮。在Photoshop中,铅笔工具可用于绘制棱角分明的线条,下面对其参数设置、使用方法进行具体介绍。

铅笔工具的使用方法与画笔工具基本相同,两者的不同之处在于,铅笔工具不能使用画笔面板中的软笔刷,只能使用硬轮廓笔刷。“铅笔工具”选项栏如图2-83所示。

图2-83 “铅笔工具”选项栏

其中,除了“自动抹除”选项外,“铅笔工具”的其他选项均与“画笔工具”相同。在使用“铅笔工具”时,勾选“自动抹除”复选框后,若落笔处不是前景色,则将使用前景色绘图。若落笔处是前景色,则将使用背景色绘图。例如,将前景色设置为红色(R=163,G=7,B=11),设置背景色为白色(R=255,G=255,B=255),图2-84与图2-85分别为启用“自动抹除”功能后落笔处是否为前景色的对比图。

图2-84 落笔处颜色与前景色不同

图2-85 落笔处颜色与前景色相同

3.“颜色替换工具”

当右击“画笔工具”按钮时,将展开画笔工具组,滑动鼠标选择“颜色替换工具”,在Photoshop中,颜色替换工具主要用于替换图像区域中的颜色。选择“颜色替换工具”,其选项栏中会显示其相关选项,如图2-86所示,了解其选项有助于快速、便捷地操作“颜色替换工具”的相关命令。

图2-86 “颜色替换工具”选项栏

注意:虽然“颜色替换工具”能够简化图像中特定颜色的替换,可以使用校正颜色在目标颜色上绘画,但该命令不适用于“位图”“索引”或“多通道”颜色模式的图像。

①“模式”:本选项主要用来设置画笔与背景的混合模式,包括“色相”“饱和度”“颜色”“明度”4个选项,它们的混合效果不相同,其中最常用的混合模式是“颜色”。

②“取样”:对取样区域的选择,包括“连续”“一次”“背景色板”3个选项。

● “连续”:单击选项按钮,在拖动时连续对颜色取样。

● “一次”:单击选项按钮,只替换第一次单击颜色的区域中的目标颜色。

● “背景色板”:单击选项按钮,只替换包含当前背景色的区域。

③“限制”:用于替换指针周围位置的颜色,在下拉菜单中有3个选项,分别为“不连续”“连续”“查找边缘”。

● “不连续”:替换出现在指针下任何位置的样本颜色。

● “连续”:替换与紧挨在指针下的颜色邻近的颜色。

● “查找边缘”:替换包含样本颜色的连接区域,同时更好地保留形状边缘的锐化程度。

④“容差”:可以通过在文本框中输入数值(范围为0~255)或使用鼠标左键拖动滑块来修改百分比,选取较低的百分比可以替换与所单击物体的像素非常相似的颜色,而增加该百分比可替换范围更广的颜色。

⑤“消除锯齿”:勾选复选框的时候,可以为所校正的区域定义平滑的边缘。

4.“混合器画笔工具”

用鼠标单击“混合器画笔工具”窗口,可以任意更换笔的姿态,例如可以通过捻动笔杆调节方向,绘制出各个角度涂抹时的笔触效果,无论是利用侧锋涂抹出大片模糊的颜色还是用笔尖画出清晰的笔触,都可以很容易地完成。当然,这一切都建立在使用绘图板的基础上的,假设仅仅使用鼠标,那么“混合器画笔工具”只支持实时动作。

当用鼠标右击“画笔工具”按钮时,将展开画笔工具组,滑动鼠标选择“混合器画笔工具”,其选项栏中会显示其相关选项,如图2-87所示。了解其选项有助于快速、便捷地操作混合器画笔工具的相关命令,现在对其参数设置、使用方法进行具体介绍。

图2-87 “混合器画笔工具”选项栏

①“画笔预设”:单击“画笔预设”按钮右边的小三角,可以打开画笔的下拉列表,可以在这里选择所需要的画笔,描绘出各种风格的效果。

②“切换画笔面板”:单击“切换画笔面板”按钮,将直接弹出画笔面板,以便更简单地设置画笔参数。

③“当前画笔载入”:单击“当前画笔载入”按钮,可以重新载入或者清除画笔,也可以在这里设置一个颜色,让它和涂抹的颜色进行混合,具体的混合效果则取决于后面的参数设置。

④“每次描边后载入画笔”:当按下“每次描边后载入画笔”按钮时,结束每一笔涂抹之后将进行更新。

⑤“每次描边后清理画笔”:当按下“每次描边后清理画笔”按钮时,结束每一笔涂抹之后将进行清理。该功能类似于画家在画过一笔之后是否清洗画笔的动作。

⑥“有用的混合画笔组合”:在“有用的混合画笔组合”下拉列表中有13个预先设置好的混合画笔,如图2-88所示。当选取某一种混合画笔时,右边的4个选项可以根据意愿进行参数设置。

图2-88 混合画笔属性

⑦“潮湿”:可以通过在文本框中输入数值(范围为0~100%)或使用鼠标左键拖动滑块来修改百分比,用来设置从画布上拾取的油彩量。

⑧“载入”:可以通过在文本框中输入数值(范围为0~100%)或使用鼠标左键拖动滑块来修改百分比,用来设置画笔上的油彩量。

⑨“混合”:可以通过在文本框中输入数值(范围为0~100%)或使用鼠标左键拖动滑块来修改百分比,用来设置颜色混合的比例。

⑩“流量”:通过在文本框中输入数值(范围为0~100%)或使用鼠标左键拖动滑块来修改百分比。这是一个在其他画笔工具中常用的参数,可以用来设置描边的流动速率。

⑪“启用喷枪模式”:当按下“启用喷枪模式”按钮时,画笔固定在某一位置进行描绘,会像喷枪一样起到一个喷溅效果,效果与图2-79、图2-80类似。

⑫“对所有图层取样”:当“对所有图层取样”复选框被勾选时,无论文件有多少图层,都将它们作为单一合并图层看待。

值得注意的是,在按〈Ctrl+Alt+Shift〉组合键的同时单击鼠标右键,画面上会出现一个快捷拾色器,可以很方便地对颜色进行选取,而不再需要单击拾色器进行颜色选取。

至此,已经将“画笔工具”的主要功能叙述完毕,下面通过一个小案例导入“历史记录画笔工具”。

2.4.3 【案例2-3】复现圣女果

二维码2-3复现圣女果

“复现圣女果”案例的效果如图2-89所示。

图2-89 “复现圣女果”效果

【案例设计创意】

本案例是为一家西式的冷饮店设计的墙面挂画,晶莹剔透的玻璃盘上的圣女果图片很好地展现了果子饱满、新鲜的特点。

【案例目标】

通过本案例的学习,读者可以掌握工具箱中的“历史记录画笔工具”。该工具命令与“历史记录”面板不同,它不是将整个图像恢复到初始的状态,而是对图像的局部进行恢复,因此可以对整个图像进行更细微的控制。

【案例的制作方法】

1)将图片“复现圣女果”导入Photoshop CC 2017,效果如图2-90所示。

2)执行“图像”→“调整”→“去色”命令,或直接按〈Ctrl+Shift+U〉组合键,使整个图像去除彩色色调,变成黑白的效果,效果如图2-91所示。

图2-90 导入图片

图2-91 对图片执行去色命令

3)在工具箱中单击“历史记录画笔工具”按钮,在其工具选项栏中设置合适的笔头、主直径、硬度、模式及不透明度等参数。

4)按住鼠标左键在需要恢复的区域上进行涂抹,涂抹过的位置即可恢复原先的彩色效果。至此,整个设计制作完毕,效果如图2-89所示。

2.4.4 【相关知识】历史记录画笔工具

Photoshop CC 2017中包含两种历史记录画笔工具,即历史记录画笔工具和历史记录艺术画笔工具。这两种工具可以根据“历史记录”面板中所拍摄的快照或历史记录的内容涂抹出以前暂时保存的图像。当右击“编辑工具栏”按钮的时候可以对其进行选择,如图2-92所示。

图2-92 历史记录画笔工具组

1.历史记录画笔工具

历史记录画笔工具的主要功能是恢复图像、其选项栏如图2-93所示。它与“画笔工具”的选项栏很相似,可以用于设置画笔样式、模式及不透明度等。

图2-93 “历史记录画笔工具”选项栏

①“画笔预设”:单击“画笔预设”按钮右边的小三角,可以打开画笔的下拉列表,可以在这里选择所需要的画笔形态。

②“切换画笔面板”:单击“切换画笔面板”按钮,将直接弹出画笔面板,以便更简单地设置画笔参数。

③“模式”:在“模式”下拉列表中有28个预先设置好的混合模式,如“正片叠底”“颜色加深”等。

④“不透明度”:可以通过在文本框中输入数值(范围为0~100%)或使用鼠标左键拖动滑块来修改百分比,用来设置画笔笔触的不透明度。

⑤“流量”:通过在文本框中输入数值(范围为0~100%)或使用鼠标左键拖动滑块来修改百分比。这是一个在其他画笔工具中常用的参数设置,可以用来设置画笔笔触的出水量。

2.历史记录艺术画笔工具

历史记录艺术画笔工具相当于历史记录画笔工具的升级版。“历史记录画笔工具”只可以将局部图像恢复到指定的某一步操作时的效果,而“历史记录艺术画笔工具”按钮可以将局部图像按照指定的历史状态转换成独特的艺术效果。图2-94所示是“历史记录艺术画笔工具”的选项栏。

图2-94 “历史记录艺术画笔工具”选项栏

①“样式”:用于设置控制绘画描边的形状,在其下拉列表框中可以选择的笔刷样式包括“绷紧短”等10种。

②“区域”:用于调整历史记录艺术画笔工具所影响的范围,数值越大,影响的范围越大,反之,影响的范围则越小。