
2.2 精彩实例荟萃
实例6 水滴艺术
【A.技术分析】
本实例将制作一幅水滴艺术效果,主要制作方法是通过【钢笔工具】,分别绘制出水滴上的烟雾图形,然后通过【橡皮擦工具】进行分别擦除,使烟雾体现出层次感,让水滴更加晶莹剔透。最终效果如图2-5所示。

图2-5 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:水滴艺术,【宽度】为:12厘米,【高度】为:10厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-6所示。

图2-6 新建文件
(2)单击工具箱中的【渐变工具】,单击属性栏上的【编辑渐变】按钮
,打开“渐变编辑器”对话框,设置:
位置0颜色(R:5,G:34,B:8);
位置50颜色(R:104,G:142,B:77);
位置100颜色(R:222,G:233,B:200);
如图2-7所示,单击【确定】按钮。

图2-7 调整渐变色
(3)单击属性栏上的【线性渐变】按钮,在窗口中拖动鼠标,渐变选区如图2-8所示。

图2-8 渐变选区
(4)单击工具箱中的【加深工具】按钮,在窗口中涂抹,调整“背景”颜色,如图2-9所示。

图2-9 调整“背景”颜色
(5)单击工具箱中的【钢笔工具】,单击属性栏上的【路径】按钮
,在窗口中绘制路径,如图2-10所示。

图2-10 绘制路径
(6)新建“图层1”,按【Ctrl+Enter】组合键,将路径转换为选区,执行【选择】→【修改】→【羽化】命令,设置【羽化半径】为:2像素,并填充选区颜色为:浅蓝色(R:129,G:186,B:168),如图2-11所示。

图2-11 填充选区颜色
(7)单击工具箱中的【画笔工具】,设置前景色为:绿色(R:110,G:178,B:35),并在选区中绘制图形,如图2-12所示。

图2-12 绘制图形
(8)使用工具箱中的【减淡工具】和【加深工具】
,在图形上涂抹,调整图形颜色,如图2-13所示。

图2-13 调整图形颜色
(9)新建“图层2”按键盘上的【D】键,将“前景色”与“背景色”恢复到默认的“黑白”色,并执行【滤镜】→【渲染】→【云彩】命令,制作云彩效果,如图2-14所示。

图2-14 制作云彩效果
(10)执行【图像】→【调整】→【曲线】命令,打开“曲线”对话框,在对话框中调整曲线,如图2-15所示。

图2-15 调整“曲线”
(11)调整【曲线】命令后,效果如图2-16所示。

图2-16 调整【曲线】后的效果
(12)执行【图像】→【调整】→【色彩平衡】命令,打开“色彩平衡”对话框,选中对话框中的【中间调】单选按钮,并设置参数,如图2-17所示。

图2-17 设置【中间调】参数
(13)选中对话框中的【高光】单选按钮,并分别设置参数,如图2-18所示。

图2-18 设置【高光】参数
(14)选中对话框中的【阴影】单选按钮,并分别设置参数,如图2-19所示。

图2-19 设置【阴影】参数
(15)调整【色彩平衡】命令后,效果如图2-20所示。

图2-20 调整【色彩平衡】后的效果
(16)单击工具箱中的【橡皮擦工具】,在窗口中擦除图形,如图2-21所示。

图2-21 擦除图形
(17)新建“图层3”,按住【Ctrl】键,单击“图层1”的缩览窗口中,载入图形外轮廓选区,设置前景色为:白色,并按【Alt+Delete】组合键填充选区颜色,如图2-22所示。

图2-22 填充选区颜色
(18)设置“图层3”的【不透明度】为:80%,并单击工具箱中的【橡皮擦工具】,在窗口中擦除图形,效果如图2-23所示。

图2-23 擦除图形
(19)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-24所示。

图2-24 绘制路径
(20)新建“图层4”,按【Ctrl+Enter】组合键,将路径转换为选区,并填充选区颜色为:白色,如图2-25所示。

图2-25 填充选区颜色
(21)设置“图层4”的【不透明度】为:70%,并单击工具箱中的【橡皮擦工具】,在窗口中擦除图形,效果如图2-26所示。

图2-26 擦除图形
(22)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-27所示。

图2-27 绘制路径
(23)新建“图层5”,按【Ctrl+Enter】组合键,将路径转换为选区,并填充选区颜色为:白色,如图2-28所示。

图2-28 填充选区颜色
(24)设置“图层5”的【不透明度】为:70%,并单击工具箱中的【橡皮擦工具】,在窗口中擦除图形,效果如图2-29所示。

图2-29 擦除图形
(25)用同样的方法,在窗口中分别绘制路径,制作其他烟雾,如图2-30所示。

图2-30 制作烟雾效果
(26)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-31所示。

图2-31 选择“画笔”样式
(27)新建“图层13”,在图形上单击鼠标,绘制图形,如图2-32所示。

图2-32 绘制图形
(28)执行【滤镜】→【模糊】→【高斯模糊】命令,打开“高斯模糊”对话框,在对话框中设置【半径】为:2像素,如图2-33所示。

图2-33 设置【高斯模糊】参数
(29)执行【高斯模糊】命令后,效果如图2-34所示。

图2-34 执行【高斯模糊】后的效果
(30)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-35所示。

图2-35 绘制路径
(31)新建“图层14”,按【Ctrl+Enter】组合键,将路径转换为选区,并填充选区颜色为:灰色(R:135,G:135,B:135),如图2-36所示。

图2-36 填充选区颜色
(32)设置“图层14”的【不透明度】为:30%,并单击工具箱中的【橡皮擦工具】,在窗口中擦除图形。最终效果如图2-37所示。

图2-37 最终效果
【C.拓展知识——橡皮擦工具】
通过本实例制作后,我们学习到使用“橡皮擦工具”和“不透明度”的调整,可以让图形体现出层次感,根据此特性可以制作出许多合成效果,如倒影效果、云雾效果、海市蜃楼等。
实例7 荷花图
【A.技术分析】
本实例绘制一幅荷花图水墨画效果,通过【画笔工具】的巧妙运用,可以绘制出很自然的水墨画图案,然后通过【减淡工具】和【加深工具】的配合使用,调整出水墨画的颜色深浅。最终效果如图2-38所示。

图2-38 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:荷花图,【宽度】为:9厘米,【高度】为:14厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-39所示。

图2-39 新建文件
(2)设置前景色为:灰色(R:215,G:216,B:210),并按【Alt+Delete】组合键,填充“背景”颜色,如图2-40所示。

图2-40 填充“背景”颜色
(3)单击工具箱中的【减淡工具】,设置属性栏上的【画笔】大小为:柔角200像素,在窗口中涂抹,减淡“背景”颜色,如图2-41所示。

图2-41 减淡“背景”颜色
(4)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-42所示。

图2-42 选择“画笔”样式
(5)新建“图层1”,设置前景色为:深灰色(R:62,G:59,B:59),并在窗口中绘制图形,如图2-43所示。

图2-43 绘制图形
(6)用同样的方法,使用【画笔工具】,在窗口中绘制图形,如图2-44所示。

图2-44 绘制图形
(7)单击工具箱中的【加深工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-45所示。

图2-45 选择“画笔”样式
(8)选择“图层1”,在灰色图形上涂抹,加深图形颜色,如图2-46所示。

图2-46 加深图形颜色
(9)新建“图层2”,设置前景色为:黑色,并用同样的方法,使用【画笔工具】,在窗口中绘制图形,如图2-47所示。

图2-47 绘制图形
(10)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-48所示。

图2-48 选择“画笔”样式
(11)新建“图层3”,在窗口中调整画笔大小,并绘制荷花的枝干图形,如图2-49所示。

图2-49 绘制荷花的枝干图形
提示
调整“画笔”大小,可以直接通过按键盘上的【[】]键和【]】键调整。
(12)新建“图层4”,使用【画笔工具】,在窗口中绘制荷花刺图形,如图2-50所示。

图2-50 绘制荷花刺图形
(13)用同样的方法,在窗口中分别绘制“荷花”和“蜻蜓”图形。最终效果如图2-51所示。

图2-51 最终效果
【C.拓展知识——历史记录画笔的使用方法】
使用【画笔工具】,可以在画中或图片中绘制图形,同时也遮盖到后面的背景图片。如果在新建的图层中绘制图形,当然可以使用【橡皮擦工具】
,进行擦除处理。但是在同一层中绘制了图形,又想对其进行清除,此时即可使用【历史记录画笔工具】
。
(1)制作某效果时,发现在同一层中绘制了不满意的图形,如图2-52所示。

图2-52 在同一层中绘制的图形
(2)此时,单击工具箱中的【历史记录画笔工具】,在窗口中涂抹,即可还原图片,效果如图2-53所示。

图2-53 还原图片
实例8 公司标志
【A.技术分析】
在日常生活中,相信读者也接触到了许多创意的“公司标志”设计。本实例将制作一幅公司标志设计,在制作过程中,主要利用【自由变换】命令,将“文字”与“图案”进行变形。最终效果如图2-54所示。

图2-54 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:公司标志,【宽度】为:13厘米,【高度】为:11厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-55所示。

图2-55 新建文件
(2)新建“图层1”,单击工具箱中的【矩形选框工具】,在窗口中绘制矩形选区,设置前景色为:黄色(R:240,G:184,B:14),并按【Alt+Delete】组合键,填充选区颜色,如图2-56所示。

图2-56 填充选区颜色
(3)按【Ctrl+T】组合键,打开【自由变换】调节框,并拖动节点,调整图形的透视角度,如图2-57所示,按【Enter】键确定。

图2-57 调整图形的透视角度
(4)按【Ctrl+J】组合键,创建“图层1副本”,并按【Ctrl+T】组合键,打开【自由变换】调节框,在窗口中用鼠标右键单击鼠标,在弹出的快捷菜单中选择【水平翻转】命令,调整图形位置,如图2-58所示,按【Enter】键确定。

图2-58 调整图形位置
(5)按住【Ctrl】键,单击“图层1副本”的缩览窗口,载入图形外轮廓选区,并设置前景色为:黄色(R:246,G:247,B:23),按【Alt+Delete】组合键,填充选区颜色,如图2-59所示。

图2-59 填充图层1副本选区颜色
(6)新建“图层2”,单击工具箱中的【矩形选框工具】,在窗口中绘制矩形选区,设置前景色为:黄色(R:245,G:227,B:23),并按【Alt+Delete】组合键,填充选区颜色,如图2-60所示。

图2-60 填充图层2选区颜色
(7)按【Ctrl+T】组合键,打开【自由变换】调节框,并拖动节点,调整图形的透视角度,如图2-61所示,按【Enter】键确定。

图2-61 调整图形的透视角度
(8)单击工具箱中的【矩形选框工具】,在窗口中绘制矩形选区,并按【Delete】键,删除选区内容,如图2-62所示。

图2-62 删除选区内容
(9)按【Ctrl+Alt+A】组合键“全选”图层,按【Ctrl+E】组合键“合并”图层,并重命名为:标志图形,如图2-63所示。

图2-63 合并图层
(10)按【Ctrl+J】组合键,创建“标志图形副本”,并按【Ctrl+T】组合键,打开【自由变换】调节框,调整图形大小位置,如图2-64所示。

图2-64 调整图形大小位置
(11)单击工具箱中的【横排文字工具】,设置前景色为:淡黄色(R:249,G:247,B:200),并在窗口中输入文字,如图2-65所示。

图2-65 输入文字
(12)双击“文字”图层,打开“图层样式”对话框,选中对话框中的【描边】复选框,设置颜色为:深黄色(R:164,G:137,B:48),并设置其他参数,如图2-66所示。

图2-66 设置【描边】参数
(13)按【Ctrl+T】组合键,打开【自由变换】调节框,并拖动节点,调整文字的透视角度,如图2-67所示。

图2-67 调整文字的透视角度1
(14)用同样的方法,使用【横排文字工具】,输入文字,并调整文字的透视角度,如图2-68所示。

图2-68 调整文字的透视角度2
(15)设置前景色为:黑色,单击工具箱中的【横排文字工具】,在窗口中输入文字,如图2-69所示。

图2-69 输入文字
(16)按【Ctrl+T】组合键,打开【自由变换】调节框,并拖动节点,调整文字的透视角度,如图2-70所示。

图2-70 调整文字的透视角度
(17)按【Ctrl+J】组合键,创建“文字”副本,并按【Ctrl+T】组合键,打开【自由变换】调节框,在窗口中用鼠标右键单击鼠标,在弹出的快捷菜单中选择【垂直翻转】命令,调整文字位置,如图2-71所示,按【Enter】键确定。

图2-71 调整文字位置
(18)设置“文字”副本图层的【不透明度】为:30%,效果如图2-72所示。

图2-72 设置【不透明度】
(19)用同样的方法,调整其他文字的位置,制作完成后,效果如图2-73所示。

图2-73 最终效果
【C.拓展知识——单行和单列选框工具】
选框工具组包括“矩形选框工具”、“椭圆选框工具”、“单行选框工具”、“单列选框工具”,其中,“单行选框工具”和“单列选框工具”相对运用较少,但是两种工具也具有各自的特性,此工具的操作方法非常简单,如下所示。
(1)单击工具箱中的【单行选框工具】,在窗口中单击鼠标,绘制单行选区,如图2-74所示。

图2-74 绘制单行选区
(2)使用【缩放工具】,将图片进行放大,然后单击属性栏上的【添加到选区】按钮
,并在窗口中加选单行选区,此时即可观察到绘制的选区,总是保持“高度”为“1像素”,如图2-75所示。

图2-75 加选单行选区
(3)单击工具箱中的【单列选框工具】,用同样的方法,单击属性栏上的【添加到选区】按钮
,在窗口中绘制单列选区,如图2-76所示。

图2-76 绘制单列选区
(4)设置前景色为:白色,按【Alt+Delete】组合键,填充选区颜色,可以制作出网格效果,如图2-77所示。

图2-77 填充选区颜色
实例9 蝴蝶美人梦
【A.技术分析】
本实例制作一幅蝴蝶美人梦的创意效果。在制作过程中,将通过【钢笔工具】勾选素材图片,然后通过选区的编辑,制作出完美的蝴蝶美人梦艺术效果,如图2-78所示。

图2-78 最终效果
【B.制作步骤】
(1)打开配套光盘【素材】→【第2章】文件夹中的“星空下的美景.tif”,此时我们将看到一幅美丽的星空夜色素材图片,如图2-79所示。

图2-79 打开素材图片1
(2)打开配套光盘【素材】→【第2章】文件夹中的“人体艺术.tif”,此时我们将看到一幅人体艺术素材图片,如图2-80所示。

图2-80 打开素材图片2
(3)单击工具箱中的【钢笔工具】,单击属性栏上的【路径】按钮
,在窗口中绘制路径,如图2-81所示。

图2-81 绘制路径
(4)按【Ctrl+Enter】组合键,将路径转换为选区,如图2-82所示。

图2-82 转换路径为选区
(5)单击工具箱中的【移动工具】,将选区图片拖动到“星空下的美景”窗口中,并按【Ctrl+T】组合键,打开【自由变换】调节框,在窗口中单击鼠标右键,在弹出的快捷菜单中选择【水平翻转】命令,调整图片位置,如图2-83所示,按【Enter】键确定。

图2-83 调整图片位置
(6)新建“图层2”,按住【Ctrl】键,单击“图层1”的缩览窗口,载入图形外轮廓选区,并填充选区颜色为:白色,如图2-84所示。

图2-84 填充选区颜色
(7)执行【选择】→【修改】→【收缩】命令,设置【收缩量】为:15像素,并执行【选择】→【修改】→【羽化】命令,设置【羽化半径】为:10像素,效果如图2-85所示。

图2-85 编辑选区
(8)单击“图层1”的【指示图层可视性】按钮,“隐藏”图层,并选择“图层2”,按【Delete】键删除选区内容,如图2-86所示。

图2-86 删除选区内容
(9)按【Ctrl+D】组合键取消选区,单击工具箱中的【橡皮擦工具】,并擦除图形,如图2-87所示。

图2-87 擦除图形
(10)双击“图层2”,打开“图层样式”对话框,选中对话框中的【外发光】复选框,设置颜色为:白色,并设置其他参数,如图2-88所示。

图2-88 设置【外发光】参数
(11)打开配套光盘【素材】→【第2章】文件夹中的“蝴蝶.tif”,此时我们将看到一幅侧面的蝴蝶素材图片,如图2-89所示。

图2-89 打开素材图片
(12)单击工具箱中的【移动工具】,将选区图片拖动到“星空下的美景”窗口中,按【Ctrl+T】组合键,打开【自由变换】调节框,并调整图片位置,如图2-90所示,按【Enter】键确定。

图2-90 调整图片位置
(13)新建“图层4”,按住【Ctrl】键,单击“图层3”的缩览窗口,载入图形外轮廓选区,并填充选区颜色为:白色,如图2-91所示。

图2-91 填充选区颜色
(14)执行【选择】→【修改】→【收缩】命令,设置【收缩量】为:20像素,并执行【选择】→【修改】→【羽化】命令,设置【羽化半径】为:15像素,效果如图2-92所示。

图2-92 编辑选区
(15)单击“图层3”的【指示图层可视性】按钮,“隐藏”图层,并选择“图层4”,单击工具箱中的【橡皮擦工具】
,并擦除选区图形,如图2-93所示。

图2-93 擦除选区图形
(16)按【Ctrl+D】组合键取消选区,使用【橡皮擦工具】,并擦除图形,如图2-94所示。

图2-94 擦除图形
(17)双击“图层4”,打开“图层样式”对话框,选中对话框中的【外发光】复选框,设置颜色为:白色,并设置其他参数,如图2-95所示。

图2-95 设置【外发光】参数
(18)按【Ctrl+J】组合键,创建“图层4副本”,按【Ctrl+T】组合键,调整图形位置,并使用【橡皮擦工具】擦除图形,如图2-96所示。

图2-96 擦除图形
(19)选择工具箱中的【画笔工具】,在属性栏上单击【切换画笔调板】按钮
,打开“画笔预设”对话框,并选中【画笔笔尖形状】复选框,分别设置参数,如图2-97所示。

图2-97 设置【画笔笔尖形状】参数
(20)选中“画笔预设”对话框中的【形状动态】复选框,分别设置参数,如图2-98所示。

图2-98 设置【形状动态】参数
(21)选中“画笔预设”对话框中的【散布】复选框,分别设置参数,如图2-99所示。

图2-99 设置【散布】参数
(22)新建“图层5”,设置前景色为:浅蓝色(R:168,G:176,B:239),在窗口中拖动鼠标,绘制圆点图形,如图2-100所示。

图2-100 绘制圆点图形
(23)双击“图层4”,打开“图层样式”对话框,选中对话框中的【外发光】复选框,设置颜色为:白色,并设置其他参数,如图2-101所示。

图2-101 设置【外发光】参数
(24)制作完成后的效果如图2-102所示。

图2-102 最终效果
【C.拓展知识——抽出命令的使用方法】
很多时候因为需要节省时间,所以在对一些比较简单的图片进行抠选时,常常使用【魔术棒工具】和【通道】等方法,然而对于一些背景比较复杂的图片,我们常常使用【钢笔工具】对图片进行轻松、快捷的选取。除此以外,我们将为读者介绍一种,可以将复杂的图片进行快捷、精确的抠选方法:
(1)执行【滤镜】→【抽出】命令,打开“抽出”对话框,在对话框中单击【边缘高光器工具】。如果想对图片抠选得更加精确,可以将图片进行放大,设置工具的大小为:1像素,对玫瑰的像素边缘进行涂抹,如图2-103所示。

图2-103 绘制高光边缘1
(2)用同样的方法,沿着玫瑰的边缘绘制高光图形,如图2-104所示。

图2-104 绘制高光边缘2
(3)单击【填充工具】,在选择区域内单击鼠标,填充选择区域,如图2-105所示。

图2-105 填充选择区域
(4)单击【确定】按钮后,系统自动将“背景”图层转换为:图层0,并将选择以外的图形进行删除处理。此时,我们将精确地抠选出玫瑰花图片,如图2-106所示。

图2-106 抠选出的玫瑰花图片
提示
在使用【边缘高光器工具】绘制高光边缘时,一定要注意将接口封闭,必须保证绘制的高光边缘是闭合的,否则将无法进行填充。
实例10 风景画
【A.技术分析】
本实例将学习如何手绘一幅矢量的风景画,在绘制过程中,将通过实例为读者讲解【渐变工具】、【钢笔工具】和【画笔工具】的使用方法与技巧,绘制完成后,效果如图2-107所示。

图2-107 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:风景画,【宽度】为:15厘米,【高度】为:11厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-108所示。

图2-108 新建文件
(2)单击工具箱中的【渐变工具】,单击属性栏上的【编辑渐变】按钮
,打开“渐变编辑器”对话框,设置:
位置0颜色(R:114,G:171,B:56);
位置100颜色(R:201,G:234,B:59);
如图2-109所示,单击【确定】按钮。

图2-109 调整渐变色
(3)单击属性栏上的【线性渐变】按钮,在窗口中拖动鼠标渐变背景,如图2-110所示。

图2-110 渐变背景
(4)单击工具箱中的【钢笔工具】,单击属性栏上的【路径】按钮
,在窗口中绘制路径,如图2-111所示。

图2-111 绘制路径
(5)新建“图层1”,按【Ctrl+Enter】组合键,将路径转换为选区,设置前景色为:黑色,并按【Alt+Delete】组合键,填充选区颜色,如图2-112所示。

图2-112 填充选区颜色
(6)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-113所示。

图2-113 绘制路径
(7)新建“图层2”,按【Ctrl+Enter】组合键,将路径转换为选区,单击工具箱中的【渐变工具】,选区中拖动鼠标,渐变选区如图2-114所示。

图2-114 渐变选区
(8)设置“图层2”的【不透明度】为:50%,效果如图2-115所示。

图2-115 设置【不透明度】
(9)用同样的方法,分别绘制其他图形,并分别设置【不透明度】为:50%,效果如图2-116所示。

图2-116 分别制作图形
(10)使用工具箱中的【钢笔工具】,在窗口中制作选区,并分别填充颜色,如图2-117所示。

图2-117 制作选区并填充颜色
(11)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-118所示。

图2-118 选择“画笔”样式
(12)新建图层,设置前景色为:绿色(R:116,G:173,B:57),并在窗口中拖动鼠标,绘制树叶图形,制作完成的效果如图2-119所示。

图2-119 最终效果
【C.拓展知识——选区转换为路径】
运用【钢笔工具】,在窗口中绘制路径,主要目的是选取图形、绘制图形等,按【Ctrl+Enter】组合键,可以将路径快速地转换为选区,单击【路径】面板下方的【将路径作为选区载入】按钮
,也可以将路径转换为选区。同时【路径】面板也可以将选区换为路径,因此选区与路径就可以互相转换,相互进行编辑。
(1)打开一幅素材图片,使用【魔术棒工具】,制作选区如图2-120所示。

图2-120 制作选区
(2)选择【路径】面板,单击面板下方的【从选区生成工作路径】按钮,即可将选区快速地转换为路径,如图2-121所示。

图2-121 转换选区为路径
实例11 名人漫画
【A.技术分析】
本实例将绘制一幅名人的脸部漫画,其中主要运用了【用画笔描边路径】的操作技巧,还包括【减淡工具】和【加深工具】的配合实例。最终效果如图2-122所示。

图2-122 完成后的最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:名人漫画,【宽度】为:15厘米,【高度】为:13厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-123所示。

图2-123 新建文件
(2)单击工具箱中的【钢笔工具】,单击属性栏上的【路径】按钮
,在窗口中绘制路径,如图2-124所示。

图2-124 绘制路径
(3)新建“图层1”,按【Ctrl+Enter】组合键,将路径转换为选区,设置前景色为:淡黄色(R:252,G:238,B:227),并按【Alt+Delete】组合键填充选区颜色,如图2-125所示。

图2-125 填充选区颜色
(4)双击“图层1”,打开“图层样式”对话框,选中对话框中的【描边】复选框,设置颜色为:棕色(R:142,G:127,B:115),并设置其他参数,如图2-126所示。

图2-126 设置【描边】参数
(5)使用工具箱中的【减淡工具】和【加深工具】
,在图形上涂抹,调整图形颜色,如图2-127所示。

图2-127 调整图形颜色
(6)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-128所示。

图2-128 绘制路径
(7)新建“图层2”,单击【画笔工具】,设置属性栏上的“画笔”大小为:柔角3像素,设置前景色为:棕色(R:145,G:131,B:121),选择【路径】面板,单击面板下方的【用画笔描边路径】按钮
,将对路径进行描边,如图2-129所示。

图2-129 用画笔描边路径
提示
在【路径】面板的空白区域单击鼠标,即可取消路径显示。
(8)单击工具箱中的【橡皮擦工具】,在窗口中擦除线条,如图2-130所示。

图2-130 擦除线条
(9)新建“图层3”,按住【Ctrl】键,单击“工作路径”的缩览窗口,载入路径选区,并设置【羽化选区】为:2像素,设置前景色为:粉红色(R:241,G:188,B:170),按【Alt+Delete】组合键填充选区颜色,如图2-131所示。

图2-131 填充选区颜色
(10)使用工具箱中的【减淡工具】和【加深工具】
,在图形上涂抹,调整图形颜色,如图2-132所示。

图2-132 调整图形颜色
(11)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-133所示。

图2-133 绘制路径
(12)新建“图层4”,按【Ctrl+Enter】组合键,将路径转换为选区,并【羽化选区】为:2像素,设置前景色为:橘红色(R:247,G:126,B:88),按【Alt+Delete】组合键填充选区颜色,如图2-134所示。

图2-134 填充选区颜色
(13)使用工具箱中的【减淡工具】和【加深工具】
,在图形上涂抹,调整图形颜色,如图2-135所示。

图2-135 调整图形颜色
(14)用同样的方法,绘制嘴唇图形,效果如图2-136所示。

图2-136 绘制嘴唇图形
(15)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-137所示。

图2-137 绘制路径
(16)新建“图层8”,单击【画笔工具】,设置属性栏上的“画笔”大小为:柔角3像素,设置前景色为:灰色(R:166,G:164,B:165),选择【路径】面板,单击面板下方的【用画笔描边路径】按钮
,将对路径进行描边,如图2-138所示。

图2-138 用画笔描边路径
(17)用同样的方法,制作其他线条图形,如图2-139所示。

图2-139 制作其他线条图形
(18)单击工具箱中的【画笔工具】,并设置不同的前景颜色,在眼睛部位分别绘制图形,如图2-140所示。

图2-140 绘制眼睛部位
(19)使用工具箱中的【减淡工具】和【加深工具】
,在图形上涂抹,分别调整图形颜色,完成后的效果如图2-141所示。

图2-141 最终效果
【C.拓展知识——路径工具的属性栏设置】
在Photoshop CS3软件中,除了【钢笔工具】以外,属于路径工具的还有【矩形工具】
、【圆角矩形工具】
、【椭圆工具】
、【多边形工具】
、【直线工具】
及【自定形状工具】
。当我们任意选择其中一个工具时,将观察到同一属性栏,因此,我们可以直接从属性栏中直接选择需要的工具,如图2-142所示。

图2-142 属性栏
(1)选择【圆角矩形工具】,通常情况下,我们在画布中绘制的都是路径,所有在属性栏上单击【路径】按钮
,设置【半径】为:30像素,并单击【几何选项】下拉按钮
,打开【圆角矩形选项】下拉菜单,参数设置如图2-143所示。

图2-143 圆角矩形选项的设置
(2)在窗口中任意拖动鼠标,即可观察到,绘制的路径总是保持3:2的比例,如图2-144所示。

图2-144 绘制圆角矩形
提示
在Photoshop CS3软件中,“px”表示像素,其中,【圆角矩形选项】下拉菜单中的选项分别表示为:
不受约束:顾名思义,表示在绘制路径时,不受任何约束,任意地绘制。
方形:当选择此单选按钮时,在窗口中绘制的路径,将总是保持正方形比例。
固定大小:选择了“固定大小”选项,可以在“W”和“H”输入框中设置需要的固定“高”和“宽”参数,然后在窗口中绘制的路径,将是我们设置的大小。
比例:选择此选项,同样可以在输入框中设置比例参数,当在窗口中绘制路径时,将总是保持设置的比例大小。
实例12 卡通角色
【A.技术分析】
本实例主要运用【钢笔工具】绘制一幅卡通角色图形,熟练地掌握了钢笔工具,读者将可以在Photoshop CS3软件中随心所欲地选取图片、绘制图形。卡通角色绘制完成后的效果如图2-145所示。

图2-145 完成后的最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:卡通角色,【宽度】为:10厘米,【高度】为:13厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-146所示。

图2-146 新建文件
(2)设置前景色为:黑色,并按【Alt+Delete】组合键填充“背景”颜色,如图2-147所示。

图2-147 填充“背景”颜色
(3)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-148所示。

图2-148 选择“画笔”样式
(4)设置前景色为:红色(R:125,G:10,B:65),在窗口中调整“画笔”大小,并绘制图形,如图2-149所示。

图2-149 绘制图形
(5)设置前景色为:白色,并在窗口中单击鼠标,绘制图形,如图2-150所示。

图2-150 绘制图形
(6)单击工具箱中的【钢笔工具】,单击属性栏上的【路径】按钮
,在窗口中绘制路径,如图2-151所示。

图2-151 绘制路径
(7)新建“图层1”,按【Ctrl+Enter】组合键,将路径转换为选区,设置前景色为:粉红色(R:250,G:214,B:221),并按【Alt+Delete】组合键,填充选区颜色,如图2-152所示。

图2-152 填充选区颜色
(8)双击“图层1”,打开“图层样式”对话框,选中对话框中的【描边】复选框,设置颜色为:棕色(R:95,G:84,B:82),如图2-153所示。

图2-153 设置【描边】参数
(9)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-154所示。

图2-154 绘制路径
(10)新建“图层2”,按【Ctrl+Enter】组合键,将路径转换为选区,设置前景色为:红色(R:233,G:18,B:87),并按【Alt+Delete】组合键,填充选区颜色,如图2-155所示。

图2-155 填充选区颜色
(11)用同样的方法,为“红色”图形添加“描边”效果,如图2-156所示。

图2-156 添加“描边”效果
(12)用同样的方法,使用【钢笔工具】,在窗口中制作选区,并分别填充不同的颜色,效果如图2-157所示。

图2-157 绘制图形
(13)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-158所示。

图2-158 绘制路径
(14)新建“图层5”,按【Ctrl+Enter】组合键,将路径转换为选区,设置前景色为:灰色(R:160,G:171,B:168),并按【Alt+Delete】组合键,填充选区颜色,如图2-159所示。

图2-159 填充选区颜色
(15)用同样的方法,添加“描边”效果,并使用工具箱中的【减淡工具】和【加深工具】
,在图形上涂抹,调整图形颜色,如图2-160所示。

图2-160 调整图形颜色1
(16)单击工具箱中的【画笔工具】,并使用工具箱中的【减淡工具】
和【加深工具】
,在图形上涂抹,调整图形颜色,如图2-161所示。

图2-161 调整图形颜色2
(17)新建“图层10”,用同样的方法,绘制“衣服”图形,如图2-162所示。

图2-162 绘制“衣服”图形
(18)单击工具箱中的【钢笔工具】,在窗口中绘制路径,如图2-163所示。

图2-163 绘制路径
(19)新建“图层11”,单击【画笔工具】,设置属性栏上的“画笔”大小为:柔角3像素,设置前景色为:深灰色(R:46,G:44,B:43),选择【路径】面板,单击面板下方的【用画笔描边路径】按钮
,将对路径进行描边,如图2-164所示。

图2-164 用画笔描边路径
(20)同时选中“图层10”和“图层11”,按【Ctrl+E】组合键“合并”图层,并复制图形,按【Ctrl+T】组合键,打开【自由变换】调节框,水平翻转图形,如图2-165所示,按【Enter】键确定。

图2-165 水平翻转图形
(21)用同样的方法,使用【钢笔工具】,在窗口中分别绘制其他图形,如图2-166所示。

图2-166 绘制其他图形
(22)按【Ctrl+Alt+A】组合键“全选”图层,按【Ctrl+E】组合键“合并”图层,并重命名为:卡通角色,如图2-167所示。

图2-167 “合并”图层
(23)双击“卡通角色”图层,打开“图层样式”对话框,选中对话框中的【描边】复选框,设置颜色为:灰色(R:161,G:158,B:158),并设置其他参数,如图2-168所示。

图2-168 设置【描边】参数
(24)调整【描边】参数后,最终效果如图2-169所示。

图2-169 最终效果
【C.拓展知识——吸管工具】
通常情况下,我们在设置颜色时,都是通过单击工具箱中的“前景色”和“背景色”按钮,打开“拾色器”对话框,在对话框中选择或者设置相应的颜色参数。除此以外,还可以通过工具箱中的【吸管工具】,在图形上单击鼠标,即可快速地吸取选择的颜色,如图2-170所示。

图2-170 吸取颜色
当吸取图形颜色以后,系统将自动把颜色作为“前景色”,单击工具箱中的【画笔工具】按钮,在窗口中涂抹,即可观察到绘制的图形颜色将是吸取的颜色,如图2-171所示。

图2-171 绘制图形
实例13 玫瑰花
【A.技术分析】
本实例将为读者介绍如何绘制娇嫩的玫瑰花朵。其中运用到很多常用而简单的工具进行手绘质感的表现。希望读者能够通过本实例的抛砖引玉,从而制作出更多、更好的手绘作品,最终效果如图2-172所示。

图2-172 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,参数设置如图2-173所示。

图2-173 设置【新建】文件参数
(2)设置前景色为:粉红色(R:255,G:229,B:231),选择【画笔工具】,设置属性栏上的【画笔】大小为:200像素,并设置画笔样式为:柔角,【不透明度】为:50%。,效果如图2-174所示。

图2-174 点缀背景颜色
(3)执行【图像】→【调整】→【色阶】命令,调整其滑块的位置,即调整其颜色的对比度,如图2-175所示。

图2-175 调整色阶颜色
(4)此时,颜色对比度效果比较分明,如图2-176所示。

图2-176 颜色对比比较分明
(5)选择【钢笔工具】,绘制枝杈的形状,然后按【Ctrl+Enter】组合键将路径转化为选区。新建“图层1”,设置前景色为:草绿色(R:215,G:198,B:127),并按【Alt+Delete】组合键进行填充,效果如图2-177所示。

图2-177 绘制并填充枝杈的颜色
提示
枝杈的形状或花朵的形状,除了可以在图片上慢慢地绘制,然后调整到满意状态,还可以绘制好草稿并扫描输入到电脑中,最后再按绘制的图形进行描绘其外形。
(6)选择【加深工具】,设置合适的画笔大小,这里只需设置与枝杈宽度一半的大小即可绘制枝杈的暗部。而【减淡工具】
则是为了绘制枝杈的亮部而准备的有效工具,效果如图2-178所示。

图2-178 改变枝杈的亮度和暗部
(7)按【Ctrl+D】组合键取消选区。选择【钢笔工具】,绘制树叶的形状,然后按【Ctrl+Enter】组合键将路径转化为选区,新建“图层2”,设置前景色为:深绿色(R:31,G:91,B:24),并按【Alt+Delete】组合键进行填充,效果如图2-179所示。

图2-179 绘制叶子选区并填充颜色
(8)选择【加深工具】,设置合适的画笔大小,这里只需设置与树叶宽度1/5的大小即可绘制树叶的暗部。使用【减淡工具】
绘制树叶的高光部分,效果如图2-180所示。

图2-180 涂抹叶子的高光和暗部
(9)按【Ctrl+D】组合键取消选区。新建“图层3”,设置前景色为:橘红色(R:255,G:134,B:81),并按【Alt+Delete】组合键进行填充,效果如图2-181所示。

图2-181 新建图层并绘制橘红色画笔
(10)执行【滤镜】→【杂色】→【添加杂色】命令,参数设置如图2-182所示。

图2-182 添加杂色
(11)选择【图层混合模式】中为:柔光,此时颜色与叶子相叠加,上面的一些杂点形成叶子的质感,效果如图2-183所示。

图2-183 叶子的柔光效果
提示
制作叶子表面杂点质感的方法也可以为枝杈增添加一些,根据个人的审美及喜好决定画面效果。在此并不强求非要添加该效果。
(12)新建“图层4”,设置前景色为:白色,设置属性栏上的【不透明度】为:50%,绘制白色亮部,为叶子加强其高光效果,如图2-184所示。

图2-184 加强高光效果
(13)新建“图层5”,用之前学习叶子的绘制方法,绘制花蒂,位置如图2-185所示。

图2-185 绘制花蒂
(14)新建“图层6”,选择【钢笔工具】,绘制花朵的形状,然后按【Ctrl+Enter】组合键将路径转化为选区,设置前景色为:粉红色(R:255,G:185,B:207),并按【Alt+Delete】组合键进行填充,效果如图2-186所示。

图2-186 填充花朵颜色
(15)选择【加深工具】,设置合适的画笔大小,绘制花瓣的暗部。使用【减淡工具】
绘制花瓣的高光部分,效果如图2-187所示。

图2-187 调整花瓣的色调
提示
在绘制花瓣的同时,要注意配合【曝光度】参数进行修饰,因为花瓣比较娇嫩,所以颜色对比差异不大,建议【曝光度】设置小一些,这样便于控制。
(16)设置前景色为:红色(R:255,G:68,B:103),如图2-188所示。

图2-188 设置前景色
(17)新建“图层7”,并加强绘制花瓣的暗部,这时一定会有溢出理想区域的部分。所以需要配合【橡皮擦工具】,沿其边缘进行擦除,使之过渡自然,效果如图2-189所示。

图2-189 绘制花儿的暗部
(18)花瓣上会有一些丝状质感,我们可以采用【涂抹工具】对花朵的暗部进行涂抹,制作出丝状效果。也可以考虑采用【钢笔工具】
绘制出丝状想状,然后按【Ctrl+Alt+D】组合键设置羽化值为:1像素或2像素,然后进行填充比花瓣稍微暗一些的粉红色,制作出丝状效果,如图2-190所示。

图2-190 绘制丝状质感
(19)按住【Ctrl】键不放,加选两图层,并按【Ctrl+M】组合键调整花朵的整体亮度,弧度设置如图2-191所示。

图2-191 调整花瓣的亮度
(20)此时,花瓣颜色变得更加粉嫩,效果如图2-192所示。

图2-192 花瓣变得粉嫩
(21)新建图层,并绘制黄色画笔到花瓣的底部,如图2-193所示。

图2-193 绘制黄色画笔到新图层
(22)选择该图层的【图层混合模式】为:叠加,效果如图2-194所示。

图2-194 花瓣底部加入黄像素
(23)新建图层,并绘制玫瑰花的外形状路径,如图2-195所示。

图2-195 绘制玫瑰的外形路径
(24)然后采用前一朵玫瑰花的绘制手法进行绘制这朵盛开的玫瑰,效果如图2-196所示。

图2-196 最终效果
【C.拓展知识——背景的丰富处理方法】
背景的丰富程度往往决定了一幅图片或广告的美观程度,那么制作丰富背景有哪些常用的制作手法呢?
(1)在一个整体颜色的基础上,选择【画笔工具】,配合前景色,绘制不同的颜色于背景上,最后添加某种【滤镜】效果,这里选择的是【动感模糊】,如图2-197所示。

图2-197 制作丰富的背景方法之一
(2)另外,还可以采用填充自定画笔图形,但配合【不透明度】和【图层混合模式】进行制作丰富的背景效果,如图2-198所示。

图2-198 制作丰富的背景方法之二
实例14 水墨效果
【A.技术分析】
本实例绘制一幅水墨画效果,通过【画笔工具】、【减淡工具】和【加深工具】的配合使用,可以绘制出很自然的水墨画效果。在本节中添加的素材图片,主要起着点缀的作用,使整幅水墨画充满创意,内容也更加丰富。绘制完成后,最终效果如图2-199所示。

图2-199 最终效果
【B.制作步骤】
(1)执行【文件】→【新建】命令,打开“新建”对话框,设置【名称】为:水墨效果,【宽度】为:15厘米,【高度】为:13厘米,【分辨率】为:150像素/英寸,【颜色模式】为:RGB颜色,【背景内容】为:白色,如图2-200所示。

图2-200 新建文件
(2)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-201所示。

图2-201 选择“画笔”样式
(3)新建“图层1”,设置前景色为:深灰色(R:58,G:54,B:50),并在窗口中绘制图形,如图2-202所示。

图2-202 绘制图形
(4)单击工具箱中的【减淡工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-203所示。

图2-203 选择“画笔”样式
(5)调整“画笔”大小,在图形的边缘涂抹,调整图形颜色,如图2-204所示。

图2-204 调整图形颜色
(6)单击工具箱中的【加深工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-205所示。

图2-205 选择画笔样式
(7)调整“画笔”大小,在图形上拖动鼠标,加深图形颜色,效果如图2-206所示。

图2-206 加深图形颜色
(8)打开配套光盘【素材】→【第2章】文件夹中的“鱼船.tif”,此时我们将看到一只幽静的鱼船停靠在水面上,如图2-207所示。

图2-207 打开素材图片
(9)单击工具箱中的【椭圆选框工具】,在窗口中绘制椭圆选区,如图2-208所示。

图2-208 绘制椭圆选区
(10)单击工具箱中的【移动工具】,将选区图片拖动到“水墨效果”窗口中,并按【Ctrl+T】组合键,调整图片的大小位置,如图2-209所示,按【Enter】键确定。

图2-209 调整图片的大小位置
(11)单击工具箱中的【橡皮擦工具】,在窗口中擦除图片边缘,如图2-210所示。

图2-210 擦除图片边缘
(12)执行【图像】→【调整】→【去色】命令,去掉图片颜色,并设置【不透明度】为:90%,效果如图2-211所示。

图2-211 去掉图片颜色
(13)打开配套光盘【素材】→【第2章】文件夹中的“桃花.tif”,此时我们将看到一幅粉红色桃花素材图片,如图2-212所示。

图2-212 打开素材图片
(14)单击工具箱中的【移动工具】,将选区图片拖动到“水墨效果”窗口中,并按【Ctrl+T】组合键,调整图片的大小位置,如图2-213所示,按【Enter】键确定。

图2-213 调整图片的大小位置
(15)按住【Ctrl】键,单击“图层2”的缩览窗口,载入图形外轮廓选区,如图2-214所示。

图2-214 载入图形外轮廓选区
(16)单击【图层】面板下方的【添加图层蒙版】按钮,添加图层蒙版,如图2-215所示。

图2-215 添加图层蒙版
(17)选择“图层3”的图形缩览窗口,单击工具箱中的【橡皮擦工具】,在窗口中擦除图片,如图2-216所示。

图2-216 擦除图片
(18)执行【图像】→【调整】→【色阶】命令,打开“色阶”对话框,在对话框中拖动滑块调整参数,如图2-217所示。

图2-217 调整【色阶】参数
(19)调整【色阶】参数后的效果,如图2-218所示。

图2-218 调整【色阶】后的效果
(20)设置“图层3”的【不透明度】为:80%,效果如图2-219所示。

图2-219 设置【不透明度】
(21)单击工具箱中的【画笔工具】,在属性栏上打开“画笔”下拉按钮,并选择画笔样式,如图2-220所示。

图2-220 选择“画笔”样式
(22)新建“图层4”,设置前景色为:白色,并在窗口中添加白色图形,绘制完成后,效果如图2-221所示。

图2-221 最终效果
【C.拓展知识——信息面板】
在通常情况下,【信息】面板将被我们所忽略,此面板到底有什么功能和作用呢?下面将为读者详细介绍。
当我们在Photoshop CS3软件中任意打开一幅素材图片,使用任何工具在图片中进行移动,可以观察到【信息】面板中的参数在快速地变动。在面板中分为了几个状态区,其中有【跟踪实际颜色值】、【跟踪用户选择的颜色值】、【跟踪光标坐标】、【跟踪选区和变换宽度和高度】等。当我们的光标停止移动,并且指向某个图片区域时,在【跟踪实际颜色值】信息栏中,将显示当前位置的“RGB”颜色参数;在【跟踪用户选择的颜色值】信息栏中,将显示当前位置的“CMYK”颜色参数;在【跟踪光标坐标】信息栏中,将显示当前的坐标位置。同时,在窗口中绘制选区时,我们可以观察到【跟踪选区和变换宽度和高度】信息栏中,显示出选区的“高度”和“框度”。除此以外,下面的【文档】信息栏,将显示出当前文件的大小参数。
通过单击对应区域的按钮,可以根据自己的需要来设置显示的参数值。因此,【信息】面板的主要目的是,让我们能够第一时间观察到所选区域的颜色参数、图形位置、选区大小等。通过这些信息,可以让我们做出快速、准确的判断。【信息】面板如图2-222所示。

图2-222 【信息】面板