第2章 绘图与基本操作2.1 案例——多彩世界Colorful World 2.2 案例——光盘 2.3 案例——彩色人生 2.4 案例——去除照片中的多余背景 2.5 案例——锥体、贴图圆柱体 2.6 案例——手绘快乐家园 2.7 案例——洗衣粉宣传海 报 2.8 本章小结 2.9 上机练习 2.10 思考练习 本章导读 Photoshop CS3中关于绘图与基本操作的 工具有些纷繁复杂,在学习的过程中,会有些枯燥乏味,但只要坚持,当熟练掌握了这些工具后,我们就会顺利地打开Photoshop CS3 这扇大门。 本章主要介绍了关于Photoshop CS3绘图与基本操作的最常用、最基本的知识点。其中,包括图像与画布大小的设置及 调整,颜色的设置与填充,选区的操作方法,工具箱中常用的绘画和修饰工具的使用方法,图像的自由变换和变形,形状工具和文字工具的使用方法 ,图案的定义与填充,选区描边及文字的栅格化等。以上这些基本知识点都是学习Photoshop CS3所必须掌握的,通过本章的学习将为 以后章节的学习打下坚实的基础。 学习要点 ※ 图像大小、画布大小及画布旋转。 ※ 前景色、背景色及拾色器。 ※ 选区工具的 使用方法、选区范围的调整、羽化选区及选区描边。 ※ 油漆桶工具和渐变填充。 ※ 画笔(铅笔)工具、橡皮擦、背景擦、魔术橡皮擦。 ※ 仿制图章和图案图章工具。 ※ 图像的自由变换和变形。 ※ 形状工具和文字工具。 ※ 图案的定义与填充、文字的栅格化。 2.1 案例——多彩世界Colorful World 在未学习“多彩世界Colorful World”案例前,先来学习一下关于 图像大小、画布大小及画布旋转的设置,前景色、背景色、拾色器、选区工具和油漆桶工具的使用方法。2.1.1 改变图像大小 当需要对 已建立好的图像大小或分辨率进行修改时,就要用到改变图像大小的命令。 选择菜单【图像】/【图像大小】命令或用鼠标右键单击图像窗口的 标题栏,在弹出的快捷菜单中选择“图像大小”选项,出现图2-1-1所示的【图像大小】对话框。该对话框中的设置与新建文件对话框的设置类 似,可以修改图像尺寸、打印尺寸及打印分辨率。 图2-1-1 【图像大小】对话框 ◆ 【约束比例】:当此项处于选取状态时,系统将 锁定图像的长宽比例。比如,当我们将宽度改为200 px时,高度也会随之变小,这样就可保持图片宽、高比例不变。若取消该项,可任意修改 图像的宽、高,而不再去理会是否保持图像的原来比例。 ◆ 【重定图像像素】:该选项用来锁定分辨率。2.1.2 改变画布大小 选 择菜单【图像】/【画布大小】命令,弹出图2-1-2所示的【画布大小】对话框,可重新设置图像画面尺寸的大小,并可调整图像在当前画面中 的位置。图2-1-2 【画布大小】对话框 增加画布尺寸后,并不会改变原图像尺寸的大小。在默认值情况下,新增加的画布用背景色填充 。如果要改变的画布尺寸比原图尺寸小,则类似于工具箱中裁剪工具的功能,将会剪切掉部分图像。 ◆ 【宽(高)度】:设置新的画布宽(高 )度。若选定对话框中的“相对”选项,则输入的数值是画布相对于原图像尺寸增加或减小的差值。 ◆ 【定位】:点击各个位置的箭头,可设 定图像在改变大小后的画布中的相对位置。 以下是几种加大画布尺寸的情况,如图2-1-3所示。因操作简单,未列出的情况请自行操作。图 2-1-3 加大画布尺寸的几种情况 图2-1-4 前景色和背景色 图2-1-5 【拾色器】对话框 下面,介绍【拾色器】对 话框中各选项的含义: ◆ 【色彩选择区域】:对话框左边的方框区域,鼠标在这个色域里变为一个圆环标记,即颜色选择标记,可以通过拖动 圆环标记来选择想要的颜色。 ◆ 【色谱】:紧邻色彩选择区域右边的是色谱,可拖动色谱两边的滑块来选择要使用的颜色。 ◆ 【选择后 颜色】和【选择前颜色】:对话框右上边的小矩形框的上半部分是拖动圆环标记选择后的颜色,矩形框的下半部分是选择前的颜色,也就是未进入【 拾色器】对话框之前所选择的前景色或背景色。2.1.4 选区工具 当只需要对图像中特定的区域进行移动、复制、修改或校正颜色时,就 必须使用选区工具将特定的区域选取。当我们将图像的某部分选定生成选区后,就会出现类似于图2-1-6所示的动态虚线,而虚线之内的区域就 是被选择的选区。 首先,对于选区要有一个这样的认识:凡是选区工具所选取的选区都是首尾相接的、闭合的区域。只要建立了选区,那么几乎 所有的操作都只局限于选区内。 选区工具包括矩形选框工具、套索工具、魔棒工具,它们位于工具箱的上部。其中,选框工具包含四个按钮,如 图2-1-7所示,主要用来创建或选取规则区域;套索工具包含三个按钮,如图2-1-8所示,主要用来创建或选取不规则区域;魔棒图2-1 -6 选区图2-1-7 选框工具 图2-1-8 套索工具 图2-1-9 矩形选区 图2-1-10 椭圆选区 图2- 1-11 【选框工具】选项栏 选项栏中各参数的含义: ◆ 【羽化】:设置选区边界的羽化宽度,设置的数值越大,羽化的范围越大 。 ◆ 【消除锯齿】:用于去除选区边界的锯齿状边缘。 ◆ 样式中【正常】选项:鼠标在图像上拖动产生的范围将成为选择区域。 ◆ 样式中【固定长宽比】选项:在选项栏右边的“宽度”和“高度”选项中输入的宽度值和高度值将起作用,当输入宽(高)度值后,所选取区域的 宽高将按该宽高度的比值强制生成。 ◆ 样式中【固定大小】选项:选择该项后,输入的宽度数值和高度数值将成为选取区域的固定尺寸,那么 每次在图像中单击鼠标,都会产生一个固定大小的矩形区域。图2-1-12 不规则选区 图2-1-13 选区闭合提示状态 图2-1- 14 【磁性套索工具】选项栏 图2-1-15 【魔棒工具】选项栏 2.1.5 油漆桶工具 【油漆桶工具】可将前景色或图案快 速填充整个图像区域或选区。【油漆桶工具】选项栏如图2-1-16所示,各选项含义可参见【魔棒工具】选项栏的含义。 油漆桶的纯色填充 功能可由【Alt?+?Backspace】快捷键来完成,图案填充也可直接选择菜单【编辑】/【填充】命令进行填充,这两种方法方便快捷 ,因此油漆桶工具反而已很少被使用了。图2-1-16 【油漆桶工具】选项栏2.1.6 制作多彩世界Colorful World 本案例“多彩世界Colorful World”效果图如图2-1-17所示,主要是通过创建矩形选区并填充指定颜色来完成的。具体操作 步骤如下: (1) 在Photoshop CS3中新建一个大小为800 px?×?250 px、分辨率为72 dpi、RGB模式 、背景为白色的文件,并将文件命名为“多彩世界”。按下【F7】键,弹出【图层】调板。用鼠标左键单击【图层】调板下方的【新建图层】按钮 ,新建图层1,如图2-1-18所示。 (2) 用鼠标左键单击工具箱中图2-1-19所示的前景色块,弹出图2-1-20所示的【拾色 器】对话框,将颜色设置为绿色(#11cf02)。 图2-1-17 多彩世界效果图 图2-1-18 新建图层 图2-1-19 前景色块 图2-1-20 设置颜色 (3) 选择工具箱中的【矩形选框工具】,则光标在图像窗口中变为十字状态。将光标放置在图 像的左下角,按住鼠标左键从左至右拖动出一条较细长的矩形选区,按【Alt?+?Del】键将先前设置好的绿色填充至选区,如图2-1-2 1所示。用同样的方法画出其它彩色线条,颜色值如图2-1-22所示。画各线条时,要注意各线条之间的间隔疏密。 (4) 因为还要在线 条上方加“Colorful World”字样,但图像上方位置不够,需向上增加画布高度。原文件画布的高度为8.82 cm,现在文件的 高度增至15.02 cm。选择菜单【图像】/【画布大小】命令,弹出【画布大小】对话框,并按图2-1-23所示的参数进行修改后单击【 确定】按钮。图2-1-21 画出矩形选区填充绿色 图2-1-22 画出其它彩条 图2-1-23 调整画布大小 (5) 画 布增高后,选择工具箱中文字编辑工具【横排文字工具】,按图2-1-24所示的参数设置文字选项栏。在线条上方单击鼠标左键,进入文字编辑 状态,输入“Colorful World”字样,至此整个作品完成。图2-1-24 【横排文字工具】选项栏 2.2 案例——光盘 在未学习“光盘”案例前,先来学习一下关于选区的调整以及多种渐变填充的操作。2.2.1 选区范围的调整 创建选区后,有时根据 需要还要对选区的范围进行各种调整操作,比如选区位置的移动,选区范围的增加、减少、旋转及缩放等。图2-2-2 移动选区 图2-2- 3 【选区工具】选区运算选项栏 图2-2-4 新选区添加在旧选区之外 图2-2-5 新旧选区相交生成“联合”选区 图2-2- 6 新旧选区相减关系 图2-2-7 新旧选区交叉关系 图2-2-8 选区的缩放 图2-2-9 选区的旋转 图2-2-10 绘制渐变填充 图2-2-11 【渐变工具】选项栏 下面是五种渐变效果图,如图2-2-12所示。 那么,如何创建新的渐变 呢? 在图2-2-13所示【渐变工具】选项栏左边的渐变条中单击鼠标,就会弹出图2-2-14所示的【渐变编辑器】对话框。 【渐变 编辑器】对话框的上半部分为预设好的渐变样式,选择任一渐变样式后单击鼠标右键都会弹出“新建渐变”、“重新命名渐变”和“删除渐变”三个 选项。若选择“新建渐变”,则会将当前所设置的渐变作为新创建的样式加入预设样式中;若选择“重新命名渐变”,则可重新命名当前所选的样式 ;若选择“删除渐变”,则删除当前所选的样式。图2-2-12 五种渐变效果 图2-1-13 单击渐变条 图2-2-14 【渐变 编辑器】对话框 图2-2-15 色标 图2-2-16 不透明色标 图2-2-17 光盘效果图 图2-2-18 新建文件和 图层 图2-2-19 画出正圆选区 图2-2-20 【渐变编辑器】对话框 图2-2-21 对选区径向填充 图2-2-22 删除中间部分 图2-2-23 【描边】对话框 图2-2-24 缩小光盘中心线 图2-2-25 画出小正圆选区 图2-2-2 6 【投影】对话框 图2-2-27 设置【斜面和浮雕】 图2-3-1 【画笔工具】选项栏 选项栏中各参数的含义: ◆ 【模式】:与图层的混合模式相同,但其中“背后”和“清除”模式是图层混合模式中所没有的。“背后”模式是画笔只在图层中图像以外的透明部 分绘画。“清除”模式是指应用画笔编辑或绘制图层中的某一部分,使其透明。其它模式选项可参见3.3.1小节中的“图层混合模式”部分。 ◆ 【不透明度】:用于控制绘制图形的不透明度,可单击数字输入栏右侧的小三角按钮,在弹出的滑杆上直接拖动小方块调整绘画的不透明度, 或直接在数字输入栏中输入数字,取值范围为1%~100%。 ◆ 【流量】:在使用画笔工具时,可指定流动速率,取值范围为1%~100 %。图2-3-2 【画笔调整】面板 3.画笔快捷菜单 ◆ 【新建画笔预设】:新建的画笔存储到预设画笔中。 ◆ 【重命名画 笔】:若要对所选择的画笔或修改后的画笔重新命名,可在画笔快捷菜单中,如图2-3-2右部分所示,选择“重命名画笔”选项,对该画笔重新 命名。 ◆ 【删除画笔】:若要删除画笔,可在“预设画笔”区域中选择该画笔,在图2-3-2右部分所示的画笔快捷菜单中选择“删除画笔 ”选项。或直接在所选的画笔上单击鼠标右键,在弹出的快捷菜单中选择“删除画笔”选项。 ◆ 【复位画笔】:用默认画笔取代当前画笔,回 到预设状态。 ◆ 【载入画笔】:将已存储的画笔或Photoshop自带的画笔组调入到预设画笔中。在画笔快捷菜单中共有12组Pho toshop自带的画笔组供用户选用。 ◆ 【存储画笔】:将当前画笔组存储成文件,格式为.ABR。 ◆ 【替换画笔】:载入新的 画笔组,替换当前画笔组。 4.创建新画笔 使用【画笔】调板可以创建新的画笔。选择菜单【窗口】/【画笔】命令,或直接按【F5】键 ,显示图2-3-3所示的【画笔】调板。在该调板中,可以通过搭配不同的参数来调制出具有特殊风格的画笔。比如,通过调整【间距】的数值来 控制画笔的距离;通过调整【角度】的数值来改变圆形画笔长轴与水平线的偏角;通过调整【圆度】的数值来控制长短轴的比例,100%为正圆, 0%为直线。以上选项的参数均可通过输入数字和拖动滑块来进行调节。图2-3-3 【画笔】调板图2-3-4 【画笔名称】对话框 图 2-3-5 【画笔名称】对话框 图2-3-6 自定义的画笔出现在【画笔】调板中 图2-3-7 【橡皮擦工具】选项栏 图2-3 -8 【背景橡皮擦工具】选项栏 图2-3-9 【魔术橡皮擦工具】选项栏 2.3.3 羽化选区 通过【羽化】命令可对选区进行 虚化。选择菜单【选择】/【修改】/【羽化】命令(或按【Ctrl?+?Alt?+?D】键),弹出图2-3-10所示的【羽化选区】对话 框,直接在对话框中输入数值即可。羽化值越大,虚化的区域也就越大。 下面来对比一下未羽化和羽化选区填充颜色后的效果。图2-3-11 是对未羽化选区填色的效果,图2-3-12是对选区羽化10个像素后再填色的效果。可以看出,羽化选区填色后边缘出现虚化效果。 通过羽 化命令来虚化选区的边缘,可使边缘变得柔和。因此,在制作合成效果时,常用来使图像与图像之间得到较柔和的过渡,如图2-3-13所示。图 2-3-10 【羽化选区】对话框图2-3-11 未羽化选区填色效果 图2-3-12 羽化选区填色效果 图2-3-13 羽 化柔和图像间的过渡 图2-3-14 “彩色人生”效果图 图2-3-15 新建图层 图2-3-16 【画笔调整】面板 图2 -3-17 新建图层,选择画笔,绘制彩条 图2-3-18 拖入“花瓣”素材 图2-3-19 修改“花瓣”图层不透明度 图2 -3-20 绘制椭圆选区填色 图2-3-21 羽化选区填色图2-3-22 旋转椭圆 图2-3-23 输入文字 2.4 案例——去除照片中的多余背景 在“去除照片中的多余背景”案例中需要用到图章工具,因此首先学习一下图章工具。图章工具包括仿制图章和 图案图章,二者的基本功能都是复制图像,只是复制的方式不同,通常仿制图章的应用相对较多些。2.4.1 仿制图章工具 仿制图章就是 以指定的像素点为复制采样点,将该采样点周围的图像复制到指定的地方。仿制图章经常被用来修补图像中破损的地方以及合成图像。【仿制图章工 具】选项栏如图2-4-1所示。图2-4-1 【仿制图章】选项栏 图2-4-2 原图 图2-4-3 应用仿制图章的效果图图 2-4-4 【仿制图章工具】选项栏图2-4-5 确定采样点 (4) 松开【Alt】键,将光标放在小鸭的额头上,确定要复制的 位置,按住鼠标并不断拖动,如图2-4-6所示,小鸭的第三只眼便被复制出来了。 在拖动鼠标的过程中,如图2-4-6所示,在小鸭左眼 处原来确定为图章的位置旁边出现一个“+”字。这个“+”字会从刚才确定的采样点开始,与鼠标同步移动,那么小鸭的第三只眼就会以采样点为 依据复制出来。 需要注意的是,在拖动鼠标留意新复制出来的图像的同时,更应当留意“+”字所移动的范围,因为“+”字所移动的范围决定 了被复制图像的范围。 图2-4-6 绘制“第三只眼” 另外,在使用仿制图章时,先要设置画笔,如图2-4-7所示,实际上仿制 图章也是画笔的另一种变相的表现形式。图章画笔的设置也有技巧,画笔的不同软硬度将影响绘制区域的边缘。当将画笔的硬度值设置得较大时,图 章的边缘非常清晰;当将画笔的硬度值设置得较小时,也就是画笔较软时,图章的边缘非常模糊,边缘模糊的图章可以使复制出来的区域边缘与原图 像比较好地融合,不会显得太生硬。 怎样来确定印章画笔的软硬呢?通常的规律是:在图像中边界不太分明的情况下,宜用较软的画笔,这样可 获得较好的融合效果。如果图像中具有色彩分明的边界,较软的画笔就会造成模糊或半透明的效果,此时宜用较硬的画笔。大家可通过选定不同硬度 的画笔,在实践中慢慢体会。图2-4-7 设置印章画笔 2.4.2 图案图章工具 图案图章是以预先定义的图案为对象进行复制。因 此,当选定了一个图案之后,在图像中按下鼠标并拖动就可以将所选图案绘制到图层中。如果图案尺寸小于所绘制的区域,图案将在绘制区域中重复 出现。 与仿制图章不同的是图案图章无需采样,而是从图案库中选择图案或者选择自己已创建好的图案作为画笔,因此画笔的设定已不再像仿制 图章中要求得那么严格,使用相对简单些。【图案图章工具】选项栏如图2-4-8所示。图2-4-8 【图案图章工具】选项栏 图2-4- 9 效果图 图2-4-10 选取小鸭右眼 图2-4-11 【定义图案】对话框图2-4-12 设置画笔并选择自定义的图案 图2-4-13 选定应用图章的选区 图2-4-14 拖动鼠标填充图案 图2-4-15 原图像 图2-4-16 修整后的图像 图2-4-17 放大多余背景人物区域 图2-4-18 设置画笔 (3) 如图2-4-19所示,先将树干左下方“复制区”内 的人像部分去除。将光标放在图2-4-19左下角所示的小树丛位置,确定为“采样点”位置,同时按住【Alt】键取样。松开【Alt】键, 按住鼠标并在“复制区”内拖动。如果复制过程中出现多余部分,可回到采样点附近重新采样,再进行复制。最后的效果如图2-4-20所示。 (4) 同样的道理,如图2-4-21所示,用正圆圈起来的区域作为采样点,再用图章对相应的用不规则多边形圈起来的区域进行复制涂抹。 图2-4-21中并没有将所有的采样点列出,请大家自己采样并最终将多余的人物背景完全去除,效果如图2-4-22所示。 使用仿制图章 工具进行复制涂抹时,一定要耐心细致,甚至要不断地采样复制,有时还需更改画笔的大小和硬度,并留意图像的颜色、明暗、质感的变化,才能达 到逼真的效果。 图2-4-19 确定采样点 图2-4-20 复制采样点 图2-4-21 确定各采样点 图2-4-22 去除 多余人物的效果图2-5-1 【自由变换】命令所产生的控制点2.5.2 图像的变形 从Photoshop CS3开始,在【编辑 】/【变换】菜单中新增了一个被称为“变形”的变换类型命令。选择该命令后,其选项栏如图2-5-2所示,可将图像或选择区域变形为多种预 设形状,或者使用自定义选项来进行变形。所有变形状态都直接显示在文档窗口中,大大方便了操作者。【变形】命令中的预设形状选项与【文字工 具】中的预设形状选项几乎一一对应:扇形、下弧、上弧、拱形、凸起、贝壳、花冠、旗帜、波浪、鱼形、增加、鱼眼、膨胀、挤压和扭转。图2- 5-2 【变形】命令选项栏及预设选项 下面,以旗帜变形为例,来具体说明【变形】命令的使用方法。打开素材“红旗.psd”,选中 含有该图片的图层,选择菜单【编辑】/【变换】/【变形】命令,图片上会出现图2-5-3所示的网格线和控制点。当直接选用【变形】命令中 的预设形状“旗帜”,并将弯曲数量调整为-25°时,图片将产生图2-5-4所示的变形效果。若选定某一控制点后,控制点上就会出现图2- 5-5所示的控制手柄。在该状态下,对图像的变形十分自由和直观,直接拖动控制点、控制手柄、网格线或网格线内的小块图像,就可以产生自定 义的变形效果。若回车确认变形转换后,则网格线和控制点即消失。图2-5-3 【变形】的控制点 图2-5-4 预设变形“旗帜” ? 选项效果图图2-5-5 自定义【变形】效果 图2-5-6 锥体效果图图2-5-7 绘制矩形选区 图2-5-8 线性填充 图 2-5-9 绘制椭圆选区 图2-5-10 复制选区内容 图2-5-11 移动复制内容图2-5-12 自由变换状态 图2- 5-13 透视变换 图2-5-14 绘制阴影选区 图2-5-15 羽化选区图2-5-16 贴图圆柱体效果图 图2-5-17 绘制矩形选区 图2-5-18 线性填充图2-5-19 绘制椭圆选区填色 图2-5-20 按住【Ctrl?+?Alt】键并 拖动选区 图2-5-21 复制选区 图2-5-22 合并图层,背景色暂为蓝色 图2-5-23 应用自由变形命令 图2-5- 24 变形效果 2.6 案例——手绘快乐家园 网上一度非常流行韩式风格的手绘作品,格调清新,深受人们喜爱。实际上,只要掌握了 Photoshop中的自定义形状工具就可以很容易地画出此类作品,比如本节中的“快乐家园”案例。在未学习本案例前,先来学习一下关于图 形的形状工具与文字编辑工具的基本操作。2.6.1 形状工具 Photoshop CS3虽然是以图像处理为主的绘图软件,但也可通 过形状工具和路径工具绘制矢量图形。Photoshop CS3提供了249个矢量图形,可使用形状工具直接绘制,使绘图过程大大简化,提 高了绘图效率。图2-6-1 【形状工具】选项栏图2-6-2 “替换”当前形状或“追加”所选择的形状组的询问对话框 图2-6-3 【横(竖)排文字工具】选项栏 点文本创建的过程为:选择工具箱中的【横(竖)排文字工具】,在画布上单击,光标变为闪烁的输入状态 后即可进入文字输入状态。在输入文字过程中,可按回车键换行,如图2-6-4所示。文字以独立图层的形式存放,输入文字后将会自动创建一个 文字图层,文字图层名称默认为文字的内容,如图2-6-5所示。修改文字图层名称与修改普通图层名称的方法一样。 段落文本创建的过程为 :选择工具箱中的【横(竖)排文字工具】,同先前使用【矩形选框工具】的方法一样,直接在画布中拖动鼠标拖出一个图2-6-6所示的文本框 ,然后在框中输入文字。段落文字遇到文本框边缘会自动换行,输入段落文字后,可通过拖动或旋转文本框上的控制点对段落进行旋转以及调整段落 的高度或宽度,如图2-6-7所示。若创建文字图层后,还可以通过【自由变换】命令,对文字进行旋转、缩放和倾斜等变形操作,如图2-6- 8所示。图2-6-4 文字输入状态 图2-6-5 输入文字后的图层 图2-6-6 文本框状态 图2-6-7 调整文本框 图2-6-8 变形文本框图2-6-9 【字符】调板图2-6-10 【变形文字】对话框 图2-6-11 “花冠”样式的文 字效果 图2-6-12 【段落】调板2.6.3 制作手绘快乐家园 下面主要通过应用自定义形状、羽化、渐变填充和变换命令绘制图 2-6-13所示的具有韩国风格的手绘图像。该案例绘画步骤较多,需耐心细致操作,可打开该案例样本“快乐家园.jpg”参照绘画。图像中 黄色的小路因为应用到了尚未讲到的路径工具,在绘制的过程中会有一定的难度。可将这小部分暂时略画,待学完路径知识后再补画也可以。 具 体操作步骤如下: (1) 在Photoshop CS3中新建一个大小为800 px?×?600 px、分辨率为72 dpi、RG B模式、背景为白色的文件,并将文件命名为“快乐家园”。图2-6-13 手绘快乐家园图2-6-14 渐变填充 图2-6-15 选择“云彩”图形 图2-6-16 绘制“云彩” 图2-6-17 羽化“云彩”图2-6-18 绘制“群山”图2-6-19 绘制第一座“房子” 图2-6-20 绘制第二座房子 图2-6-21 绘制“草地”图2-6-22 绘制“小路”路径 图2-6 -23 “小路”变形 图2-6-24 绘制白色“松树” 图2-6-25 绘制由绿至棕色渐变色的“松树” 图2-6-26 绘制多棵“松树”图2-6-27 效果图和图层顺序2.7 案例——洗衣粉宣传海报 在未学习“洗衣粉宣传海报”案例前,先来学习 一下与本案例有关的图案的定义与填充、选区描边、文字栅格化等基本操作。2.7.1 图案的定义与填充 当需要将一个成形的图案或图像 的某一部分按照一定的顺序有规则地排列时,就要用到图案填充。下面以图2-7-1所示的效果为例,学习图案的定义、管理与填充。 在未进 行图案填充前,要先自定义图案。自定义图案的操作已在2.4.2小节中涉及,因此,本节着重学习如何管理图案和填充图案。图2-7-1 图案填充效果 图2-7-2 确定图案选区范围 图2-7-3 定义图案对话框 图2-7-4 【填充】对话框和图案库 图2-7 -5 用自定义图案填充选区 2.7.2 选区描边 使用描边命令可在选区周围产生颜色边框。选择菜单【编辑】/【描边】命令,弹出 图2-7-6所示的【描边】对话框,在该对话框中可设置描边的宽度、颜色、位置、不透明度和混合模式。图2-7-7是对选区进行2 px、 红色、描边位置居于选区外边缘的描边效果。2.7.3 文字栅格化 如果想对文字图层应用滤镜和工具箱中的绘画工具,以及应用自由变换 命令中的扭曲和透视命令前,必须对文字进行栅格化,通过栅格化将文字图层转换为普通图层。栅格化后的文字转换为图像,无法再当作文字进行编 辑。 选中文字图层,选择菜单【图层】/【栅格化】/【文字】命令,或在文字图层上单击鼠标右键,在弹出的快捷菜单中选择“栅格化文字” 选项,即可将该文字图层栅格化。 图2-7-6 【描边】对话框 图2-7-7 对选区描边 2.7.4 制作洗衣粉宣传海报 下 面主要通过应用文字工具、渐变填充、变换、羽化、自定义形状工具绘制图2-7-8所示的宣传海报。虽然用到的工具和方法都比较简单,但同样 可绘制出色彩明快、主题突出的宣传海报。本案例操作步骤较多,需耐心细致绘制,可打开该案例样本“蝶恋花洗衣粉海报.jpg”进行参照绘画 。 操作步骤具体如下: (1) 在Photoshop CS3中新建一个大小为900 px?×?600 px、分辨率为150 d pi、RGB模式、背景为白色的文件,并将文件命名为“蝶恋花洗衣粉海报”。图2-7-8 蝶恋花洗衣粉海报 图2-7-9 编辑渐 变条 图2-7-10 线性填充 图2-7-11 自定义图案 图2-7-12 填充自定义图案 图2-7-13 【渐变叠加】对 话框 图2-7-14 【渐变叠加】效果 图2-7-15 输入文字 图2-7-16 【描边】对话框 图2-7-17 文字变形 图2-7-18 复制文字图层重新填色 图2-7-19 选区描边 图2-7-20 【投影】对话框 图2-7-21 白色文字 图层添加投影效果 图2-7-22 复制蓝色文字图层并描边 图2-7-23 描边效果及图层顺序关系 图2-7-24 【圆角矩形 工具】选项栏图2-7-25 绘制圆角矩形 图2-7-26 绘制白色小矩形覆盖圆角 图2-7-27 变形白色图案 图2-7- 28 线性填充 图2-7-29 输入文字 图2-7-30 复制并移动文字图层 图2-7-31 绘制正圆 图2-7-3 2 输入文字并描边 图2-7-33 绘制红色小球 图2-7-34 绘制其它颜色小球 图2-7-35 输入文字描边并变形 图2-7-36 为文字添加投影样式 图2-7-37 确定并羽化矩形选区 图2-7-38 用白色填充选区 图2-7-39 白色光束变形 图2-7-40 作品效果图 2.8 本 章 小 结 本章主要讲解了Photoshop CS3常用绘画工具和修饰 工具的主要功能及使用方法,以及关于图像处理的基本应用操作。本章内容并没有对工具箱中的全部工具加以介绍,比如模糊、锐化和涂抹工具,减 淡、加深和海绵工具,由于它们应用简单,只要学会了常用绘画工具后,就自然而然会对它们加以应用了。由于本章涉及的工具及基本操作知识点较 多,因此在学习过程中,要多加练习并保持一定的注意力才能熟练掌握各知识点。2.9 上 机 练 习 1.调整图像尺寸的练习 请按 如下步骤进行操作练习: 打开Photoshop CS3自带图片“小鸭.tif”,通常在“C:\ProgramFiles\Adob e\AdobePhotoshopCS3\样本”目录下。选择菜单【图像】/【图像大小】命令,或在该图像窗口的标题栏上单击鼠标右键选择 快捷菜单中的“图像大小”选项,在弹出的对话框中将文件尺寸的大小调整为原大小的一半,并另存储名为“小鸭”的PSD格式文件。 3.图 像变换的练习 请按如下步骤进行操作练习: 打开Photoshop CS3自带的“花.psd”文件。按【F7】键打开【图层】调板 ,选择名称为“标题”的图层。选择菜单【编辑】/【自由变换】命令(或按【Ctrl?+?T】键),使“标题”图层中的文字图像处于自由变 换状态,图像四周会出现8个小方块的控制点。 这时,在按住【Ctrl】键的状态下,注意观察用鼠标拖动选择框上的控制点以及文字图像的 变化。若按住的分别是【Alt】键、【Shift】键、【Ctrl?+?Alt】键、【Shift?+?Ctrl】键、【Shift?+? Alt】键以及【Ctrl?+?Alt?+?Shift】键,文字图像又是如何变化的?在使用哪种功能键状态下,分别与【编辑】/【变换】 命令中的缩放、斜切、旋转、扭曲和透视命令相对应?图2-9-1 漫画——我爱我家 图2-9-2 广告——枫树广场2.10 思 考 练 习 1.填空题 (1) 按住 快捷键或 快捷键可直接填充前景色;按住 快捷键或 快捷键可直接填充背景色。 (2) 选区工具包括矩形选框工具、套索工具、魔棒工具。其中, 工具主要用来选取规则区域; 工具主要用来选取不规则区域, 工具主要用来对选区的智能选取。 (3) 选择矩形或椭圆选框工具后,按住 键在图像中拖动鼠标,将选取出一个正方形或正圆形的区域;按住 键在图像中拖动鼠标,将以拖动的起点作为中心选取出一个区域;按住 键在图像中拖动鼠标,将以拖动的起点作为中心选取出一个正方形或正圆形的区域。 2.判断题 (1) 将画布尺寸增大后,画布上的图像也会随之增大。( ) (2) 创建选区后,可对选区的范围进行各种操作,比如选区位置的移动,选区范围的增加、减少,但不能进行旋转和缩放。( ) (3) 若要对选区准确定位,可使用小键盘上的【←】【→】【↑】【↓】箭头移动选区。( ) (4) 通过羽化命令来虚化选区的边缘,可使边缘变得柔和。因此,在制作合成效果时,常通过羽化来使图像与图像之间得到较柔和的过渡。( ) (5) 按【Ctrl?+?E】键可使图像处于自由变换状态。( ) (6) 在Photoshop CS3中,点文本与段落文本之间不可相互转换。( ) 3.简答题 (1) 简述改变图像大小与改变画布大小之间的区别。 (2) 谈谈你对选区的认识。 (3) 请说出【选择】/【变换选区】菜单命令与【编辑】/【自由变换】菜单命令的区别。 (4) 简述【仿制图章】工具的使用方法。 (5) 简述【形状图层】工具选项栏中的“形状图层”、“路径”和“填充像素”三个选项的含义。 (6) 简述图案的定义与填充的操作步骤。 |
|