Photoshop CC图像处理案例教程(第2版)
上QQ阅读APP看书,第一时间看更新

2.2 案例2:诚信公益广告的制作

公益广告是为了传播社会文明,弘扬道德风尚而制作的,让公众在感到有趣、好奇、轻松、耐看的同时产生共鸣,从而巧妙地使公众发自内心地接受。本案例通过使用渐变工具、移动工具、橡皮擦工具及文字等工具制作诚信公益广告,来了解Photoshop中一些基本工具的使用。在案例中主要用到“渐变工具”“减淡工具”和“文字”等工具的使用。本例效果如图2-20所示。

图2-20 诚信公益广告效果图

2.2.1 渐变工具

渐变工具

渐变工具()用于填充渐变颜色,如果不创建选区,渐变工具将作用于整个图像。所谓渐变,就是在图像某一区域填入多种过渡颜色的混合色。渐变工具的使用方法是按住鼠标左键并拖曳,形成一条直线,直线的长度和方向决定了渐变填充的区域和方向,拖曳鼠标的同时按住〈Shift〉键可保证鼠标的方向是水平、竖直或45°倍数。拖曳距离越长,其渐变越柔和。单击工具箱中的“渐变工具”按钮,在菜单栏下方会出现“渐变工具”的选项栏,如图2-21所示。

图2-21 “渐变工具”的选项栏

“渐变工具”选项栏中主要包括编辑渐变效果、选择渐变类型、模式、不透明度和反向等选项。

1.编辑渐变效果

单击“点按可编辑渐变”效果图标(),会弹出“渐变编辑器”对话框,如图2-22所示。

任意单击一个渐变图标,在“名称”后面就会显示其对应的名称。并在对话框的下部分出现渐变效果预视条,显示渐变的效果并可进行渐变的调节。在已有的渐变样式中选择一种渐变作为编辑的基础,在渐变效果预视条中调节任何一个项目后,“名称”后面的名称自动变成“自定”,用户可以自行输入名称。

在渐变效果预视条下端有颜色标记点,其上半部分的小三角是白色,表示没有选中,单击颜色标记点,上半部分的小三角变黑,表示已将其选中。在下面的“色标”选项组中(如图2-23所示),“颜色”后面的色块会显示当前选中标记点的颜色,单击此色块,在弹出的“拾色器”对话框中修改颜色。在渐变效果预视条下端边缘单击,可增加颜色标记点。

图2-22 “渐变编辑器”对话框

渐变效果预视条上端有不透明度标记点,其下半部分的小三角是白色,表示没有选中,单击不透明度标记点,下半部分的小三角变黑,表示已将其选中。在渐变效果预视条上端边缘单击,可增加不透明度标记点,用于标记渐变过程中该位置的透明度设置。在下面的“色标”选项组中(如图2-24所示),“不透明度”后面会显示当前选中标记点的不透明度。在“位置”后面显示其位置,单击后面的“删除”按钮可将此不透明度标记点删除。

图2-23 颜色标记点设置

图2-24 不透明度标记点设置

2.选择渐变效果

单击“点按可编辑渐变”效果图标后面的小三角,会出现弹出式的渐变面板,如图2-25所示,其中已保存多种默认的渐变效果,可以选择任意一种渐变效果。

图2-25 选择渐变效果

3.选择渐变类型

渐变类型共有五种,线性渐变()、径向渐变()、角度渐变()、对称渐变()和棱形渐变()。单击各小图标可选择不同的渐变类型。

线性渐变:可以创建直线渐变效果。

径向渐变:可以创建从圆心向外扩展的渐变效果。

角度渐变:可以创建颜色围绕起点并沿着周长改变的渐变效果。

对称渐变:可以创建从中心向两侧的渐变效果。

菱形渐变:可以创建菱形渐变效果。

4.其他选项

在“模式”下拉列表框中可选择渐变色和底图的混合模式;“不透明度”后面的数值用于改变整个渐变过程的透明度;选择“反向”复选框,可使渐变沿着相反的方向进行;选择“仿色”复选框,可使用递色法来填充中间色调,从而使渐变效果更平缓;选择“透明区域”复选框,可对渐变填充使用透明蒙版。

2.2.2 模糊工具组

模糊工具组

模糊工具组包括模糊工具()、锐化工具()和涂抹工具(),可分别将画面局部变成模糊效果、锐利清晰效果,以及将画面涂抹效果。

1)模糊工具()可使颜色值相近的颜色融为一体,使颜色看起来平滑柔和,将较硬的边缘软化,如图2-26所示。

图2-26 模糊工具的使用

a)原始图像 b)模糊效果

2)锐化工具()可增大相邻像素的对比度,将较软的边缘明显化,使图像聚焦,如图2-27所示。这个工具不可过度使用,因为将会导致图像严重失真。

图2-27 锐化工具的使用

a)原始图像 b)多次使用锐化工具后的效果图

“模糊工具”与“锐化工具”的选项栏相类似,如图2-28所示。

图2-28 “模糊工具”的选项栏

选项栏包括画笔预设、模式、强度和对所有图层取样等选项。

“画笔预设”:可设置模糊工具的形状、大小等。

“模式”:可设定工具和底图不同的作用模式。

“强度”:通过调节“强度”的大小,使工具产生不同的效果,强度越大,效果越明显。

“对所有图层取样”:使用模糊工具时,不会受不同图层的影响,无论当前是哪个活动层,模糊工具和锐化工具都对所有图层上的像素起作用。

3)涂抹工具()用于模拟用手指涂抹油墨的效果,在颜色的交界处使用涂抹工具,会有一种相邻颜色互相挤入而产生的模糊感。涂抹工具不能在“位图”和“索引颜色”模式的图像上使用。其选项栏如图2-29所示。

图2-29 “涂抹工具”的选项栏

“涂抹工具”的选项栏和“模糊工具”选项栏中的选项类似,多了一个“手指绘画”复选框。

“强度”:可控制手指作用在画面上的工作力度。默认的“强度”为50%,数值越大,手指拖出的线条就越长,反之则越短。如果“强度”设置为100%,则可拖出不限长的线条,直到松开鼠标。

“手指绘画”:指每次拖曳鼠标绘制的开始就会使用工具箱中的前景色。如果将“强度”设置为100%,其作用相当于画笔。

其他选项的含义与模糊工具类似,涂抹工具的使用效果如图2-30所示。

图2-30 涂抹工具的使用

a)原始图像 b)多次使用涂抹工具后的效果图

2.2.3 减淡工具组

减淡工具组

减淡工具组包括减淡工具()、加深工具()和海绵工具(),分别可将画面局部变亮、变暗,以及调整色彩饱和度。

1)减淡工具()主要用于改变图像部分区域的曝光度,使图像变亮,如图2-31所示。

图2-31 减淡工具的使用

a)原始图像 b)多次使用减淡工具后效果图

2)加深工具()主要用于改变图像部分区域的曝光度,使图像变暗,如图2-32所示。

图2-32 加深工具的使用

a)原始图像 b)多次使用加深工具后效果图

3)海绵工具()可以精确地改变图像局部的色彩饱和度。其选项栏如图2-33所示。

图2-33 “海绵工具”的选项栏

模式:可以减少或增加图像的饱和度。如果将“模式”设置为“去色”,可以减少图像的饱和度,甚至使图像变成灰色。如果将“模式”设置为“加色”,可以增加颜色的饱和度。海绵工具“去色”模式的使用效果如图2-34所示。

图2-34 海绵工具的使用

a)原始图像 b)多次使用海绵工具后的效果图

2.2.4 文字工具组

文字工具组

文字工具主要包括横排文字工具()、直排文字工具()等,利用它们分别可以输入横排文字和竖排文字,两种工具的选项栏中的选项都是相同的,如图2-35所示。这里选择横排文字工具进行介绍。

选项栏中各选项的功能和Word中的功能相类似。第一个选项为切换文本取向选项(),其作用是改变文本的方向,如果原来是横排文字,若单击此选项将变成竖排文字。后面的选项依次可以设置字体样式和字体大小等。

图2-35 文字工具属性栏

在字体大小后面为设置消除字体锯齿的方法,共有犀利、锐利、平滑和浑厚等几种方式,主要设置所输入字体边缘的形状,并消除锯齿。

接下来的选项为设置输入文字的排列方式和字体颜色,横排文字工具的对齐方式分为左对齐、居中对齐和右对齐。

利用创建变形文本选项()可以创建变形文本。

最后一个为切换字符与段落面板选项(),主要用来调整字体和段落的基本属性。

通过文字工具可以输入直排文字和段落文字。要输入直排文字可直接选择文字工具,在画面中的合适位置单击即可。段落文本是一类以段落文字边框来确定文字的位置与换行情况的文字,边框里的文字会自动换行。单击文本工具,在页面中拖动鼠标,松开鼠标后将创建一个段落文本。生成的段落文本框有8个控制文本框大小的控制点,可以缩放文本框,但不影响文本框内的各项设定。创建完文本框后,可在文本框内直接输入文字,如图2-36所示。

如果对输入的文字字体、段落等方式不满意,可单击选项栏中的最后一个选项进行细致的调整。当单击最后一个选项时,会打开“字符”面板,如图2-37所示,选择面板中的“段落”选项卡,将会切换到“段落”面板。

在“字符”面板中除了可以设置文字的字体、大小、颜色和消除锯齿等基本选项外,还可设置行间距、水平比例和垂直比例等项。

图2-36 段落文字输入

a)输入段落文字 b)调整后的效果

图2-37 文字调整面板

a)“字符”面板 b)“段落”面板

行间距():行间距指两行文字之间的基线距离。在数值框中输入数值或在下拉列表框中选择一个数值,可以设置行间距,数值越大,行间距越大。

垂直比例()和水平比例():在数值框中输入百分比,可分别调整文字在垂直方向和水平方向的放大比例。

字符比例间距():按指定的百分比值减少字符周围的空间。当向字符添加比例间距时,字符两侧的间距按相同的百分比减少,字符本身不会被伸展或挤压。

字间距调整():用于控制所选文字的间距,数值越大,间距越大。

基线偏移():控制文字与文字基线之间的距离,正数基线向上移,负数基线往下移。

在基线偏移的下方为文字的加粗、倾斜、全部大写、全部小写、上标和下标等基本设置。

在“段落”面板中可设置段落中文本对齐方式、左缩进、右缩进及首行缩进的大小等。另外,还有段前添加空格、段后添加空格等方面的设置。

段前添加空格()和段后添加空格():用于设置当前段落与上一段落或下一段落之间的垂直间距。

避头尾法则设置:确定日语文字中的换行。不能出现在一行的开头或结尾的字符称为避头尾字符。

间距组合设置:确定日语文字中标点、符号、数字及其他字符类别之间的间距。

连字:设置手动和自动断字,仅适用于Roman字体。

2.2.5 案例实现过程

案例:诚信公益广告的制作

本例中用橡皮擦工具擦除山景图片上方不需要的部分,并为图层添加蒙版,最后使用文字工具进行装饰。本案例操作步骤如下。

1)启动Photoshop,执行“文件”→“新建”命令(或者直接按〈Ctrl+N〉组合键进行创建),创建一个宽为800像素,高为600像素,分辨率为300像素/英寸的文档。

2)选择“渐变工具”,设置其渐变颜色为白色(ffffff)到浅黄色(fff0c8),并选择渐变方式为径向渐变,对“背景”图层进行径向填充,效果如图2-38所示。

3)执行“文件”→“置入”命令,将山景素材图片导入到画布中,然后将其放大并放置到画布中合适的位置,如图2-39所示。双击导入的山景素材,确认置入操作。执行“图层”→“栅格化”→“智能对象”命令,将置入素材转化为可操作的基本图形。

图2-38 背景图层填充效果图

图2-39 山景素材置入画布中

4)为了使山景图片和背景图片更好地融合,单击工具箱中的“橡皮擦工具”按钮,选择“画笔”模式,单击“画笔预设”选取器,选择“柔边圆”预设画笔,设置“大小”为153像素,如图2-40所示,将山景图片上方不需要的部分擦除,如图2-41所示。然后将图层的混合模式设置为“明度”,将“不透明度”设置为50%,如图2-42所示,图像效果如图2-43所示。

图2-40 “画笔预设”面板

图2-41 擦除山景边缘的效果

图2-42 设置混合模式及不透明度的“图层”面板

图2-43 设置混合模式及不透明度后的效果

5)将文字素材图片置入到画布中,并移动其位置,将其置于画布中合适的位置,如图2-44所示。单击“图层”面板底部的“添加图层蒙版”按钮,为文字添加蒙版。单击工具箱中的“渐变工具”按钮,设置渐变的颜色为从白色到黑色的线性渐变,然后在画布中从上向下拖曳鼠标填充渐变,如图2-45所示。

图2-44 添加文字

图2-45 添加图层蒙版后的效果

6)执行“文件”→“打开”命令,在弹出的对话框中找到“房檐.jpg”和“青铜器. jpg”文件。使用“移动工具”将房檐、青铜器文件都拖动到画布中,然后将其缩小并放置到画布中合适的位置,如图2-46所示。

7)再打开“红丝带.jpg”素材。由于红丝带整体效果比较暗,单击工具箱中的“减淡工具”按钮,设置画笔大小为190,曝光度为50%,涂抹红丝带,将其调亮,如图2-47所示。

图2-46 添加图像

图2-47 调整红丝带后的效果

8)选择“魔棒工具”,将其选项栏中的“容差”值设置为20,单击白色背景区域,选择“选择”→“反选”命令(快捷键为〈Ctrl+Shift+I〉)来选中红丝带。使用“移动工具”将红丝带拖动到画布中,然后将其缩小并放置到画布中合适的位置,如图2-48所示。

9)按住〈Ctrl〉键的同时在“青铜器”图层上单击,将青铜器载入选区,如图2-49所示。

图2-48 移动红丝带后的效果

图2-49 载入选区

10)切换到红丝带图层,单击工具箱中的“橡皮擦工具”按钮,选择“硬边缘”预设画笔,删除部分红丝带,如图2-50所示。

11)打开“龙纹.psd”素材,使用“移动工具”将龙纹素材拖动到画布中,然后将其缩小并放置到合适的位置,再将其“不透明度”设置为20%,如图2-51所示。

图2-50 删除效果

图2-51 添加龙纹效果

12)打开“图形.psd”素材。使用“移动工具”将图形素材拖动到画布中,并放置到合适的位置,如图2-52所示。

13)选择“直排文字工具”,将字体设置为“华文中宋”,设置字号为10点,颜色为浅黄色(fde8b1),其他保持默认。在画布中图形上面的位置输入文字“诚信”,完成后单击选项栏右上角的对号()确认文字的输入。接下来将字体设置为“方正黄草简”,设置字号为50点,颜色为红色(e50012),输入文字“善”。最后再使用“横排文字工具”输入文字“2016”和“CHENGXIN”,最终效果图如图2-20所示。

图2-52 添加图形效果

a)图像上的效果 b)“图层”面板上的效果

2.2.6 应用技巧与案例拓展

案例:人物宣传画制作

1.应用技巧

技巧1:使用魔棒工具时注意配合〈Shift〉和〈Alt〉键的使用。“添加到选区”可按快捷键〈Shift〉;“从选区中减去”可按快捷键〈Alt〉;“与选区交叉”可按快捷键〈Shift+Alt〉。

技巧2:移动图层和选区时,按住〈Shift〉键可做水平、垂直或45°角的移动;按键盘上的方向键可做每次1个像素的移动;按住〈Shift〉键后再按键盘上的方向键可做每次10个像素的移动。

技巧3:要快速改变在对话框中显示的数值,首先单击那个数字,让光标处在对话框中,然后就可以用上下方向键来改变该数值了。如果在用方向键改变数值前先按住〈Shift〉键,那么数值的改变速度会加快。

技巧4:在使用自由变换工具的快捷键〈Ctrl+T〉时按住〈Alt〉键,即按快捷键〈Ctrl+Alt+T〉即可先复制原图层(在当前的选区)后再在复制图层上进行变换;快捷键〈Ctrl+Shift+T〉为再次执行上次的变换,快捷键〈Ctrl+Alt+Shift+T〉为复制原图后再执行变换。

技巧5:在新建的Photoshop文件中有时图像为黑白色,不能显示彩色,原因可能是新建文件时,在“新建”对话框中选择的“颜色模式”为“灰度”。若要修改为RGB彩色模式,则选择“图像”→“模式”命令,在其子菜单中选择RGB模式或者其他彩色模式即可。

2.案例拓展

本节的拓展案例是人物宣传画的制作,本例中用魔棒工具选择人物头像,并用模糊工具将边缘柔化,最后使用文字工具进行装饰。实现过程较为简单,但应注意如何更精细地抠取人物头像。本案例操作步骤如下。

1)启动Photoshop,执行“文件”→“新建”命令(或者直接按快捷键〈Ctrl+N〉进行创建),创建一个宽为550像素,高为350像素,分辨率为72像素/英寸的文档。

2)选择“渐变工具”,设置其渐变颜色为墨绿色(788116)到浅绿色(332314),并选择渐变方式为径向渐变,对背景图层进行径向填充,效果如图2-53所示。

3)执行“文件”→“置入”命令,将人物素材图片导入到画布中,如图2-54所示,并双击导入的人物素材,确认置入操作。执行“图层”→“栅格化”→“图层”命令,将置入素材转化为可操作的基本图形。

图2-53 背景图层填充效果图

图2-54 将人物素材置入画布中

4)使用“魔棒工具”将人物头像单独选出来。选择“魔棒工具”,将选项栏中的“容差”选项值设置为30,单击人物素材中头像以外的区域,并在头发的周围使用放大镜进行精细选择,建立的选区如图2-55所示。在使用魔棒工具建立选区时,可选用选项栏中的“添加到选区”或“从选区减去”方式多次选择,并选择“消除锯齿”复选框,以使建立的选区更加精细。

5)按〈Delete〉键,将选区内的图形删除,并使用“橡皮擦工具”将人物素材中多余的部分擦除,形成如图2-56所示的效果。

图2-55 人物素材置入画布中

图2-56 人物头像的选取

6)使用移动工具将人物头像选中,并拖动选框四周的矩形框将头像放大(按住〈Shift〉键可等比例放大),并进行小角度的逆时针旋转,效果如图2-57所示。

7)选择“模糊工具”,涂抹头像的边缘,将其边缘柔化,使其和背景很好地融合在一起,如图2-58所示。

图2-57 头像调整后效果

图2-58 模糊后的效果

8)将背景素材图片置入到画布中,并移动其位置,将其置于画布左下角,如图2-59所示。在“图层”面板中拖动背景素材图层,将其拖到“人物”图层的下方,如图2-60所示。

图2-59 置入背景素材后效果

图2-60 图层排列

9)选择文字工具,将字体设置为“黑体”,设置字号为11点,颜色为黑色,消除锯齿方法为“浑厚”,其他保持默认。在画布中的空白位置,先输入4行小的宣传文字,完成后单击选项栏右上角的对号()确认文字的输入。接下来将字体改为30点,输入两行修饰用标题性文字,最后在下方输入制作人员,效果如图2-61所示。

10)画面中的标题性文字效果并不是很明显,为突出气标题地位,接下来将文字边缘进行白色描边。在Photoshop中,文字不能使用特殊效果,因此需要将其转化为普通图形。使用“移动工具”选中文字,执行“图层”→“栅格化”→“文字”命令,将文字进行转化。

11)最后执行“编辑”→“描边”命令,在弹出的对话框中将描边“宽度”设置为2px,设置“颜色”为白色,“位置”为“居外”,如图2-62所示,单击“确定”按钮后,最终效果图如图2-63所示。

图2-61 输入文字后的效果

图2-62 “描边”对话框

图2-63 人物宣传画效果图