平面设计与制作实训教程第3章 图像选区的创建和编辑ppt课件

1、第第3章章 图像选区的创建和编辑图像选区的创建和编辑 3.1 创建规则选区创建规则选区3.2 创建不规则选区创建不规则选区3.3 用其他方法创建选区用其他方法创建选区3.4 选区的修改与调整选区的修改与调整3.5 选区内图像的编辑选区内图像的编辑3.6 典型实例典型实例制作圆环制作圆环小结小结过关练习三过关练习三3.1 创建规则选区规则选区工具是Photoshop CS3中最常用也是最基本的选区工具，包括矩形选框工具、椭圆选框工具、单行选框工具和单列选框工具4种，如图3.1.1所示。图3.1.1 规则选区工具组3.1.1 矩形选框工具矩形选框工具利用矩形选框工具可以创建矩形或正方形选区，单击工

2、利用矩形选框工具可以创建矩形或正方形选区，单击工具箱中的具箱中的“矩形选框工具按钮，将光标移至图像中，按矩形选框工具按钮，将光标移至图像中，按住鼠标左键单击并拖曳，即可创建矩形选区，此时属性栏如住鼠标左键单击并拖曳，即可创建矩形选区，此时属性栏如图图3.1.2所示。所示。图3.1.2 “矩形选框工具属性栏用鼠标单击按钮，可打开如图3.1.3所示的面板。单击其右上角的按钮，可弹出如图3.1.4所示的面板菜单，其中的“复位工具命令用于将当前工具的属性设置恢复为默认值；“复位所有工具命令用于将工具箱中所有工具的属性恢复为默认值。单击面板右边的“创建新工具预设按钮，可弹出“新建工具预设对话框，设置完参

3、数后，单击“确定按钮，将会在面板菜单中添加新的预设工具，如图3.1.5所示，在此列表框中可以转换使用绘图工具。图3.1.3 复位工具面板 图3.1.4 面板菜单 图3.1.5 工具预设列表框：单击此按钮后，以默认的方式在图像中创建选区。：单击此按钮后，在原有选区的基础上以添加的方式创建选区，效果如图3.1.6所示。：单击此按钮后，在原有选区的基础上以减去的方式创建选区，效果如图3.1.7所示。图3.1.6 添加到选区 图3.1.7 从选区中减去：单击此按钮后，在原选区的基础上以相交的方式创建选区。最终产生的选区为原有选区和新选区的相交部分，效果如图3.1.8所示。图3.1.8 以相交的方式创建

4、选区原选区与新选区相交后的选区：在该文本框中输入数值，可以设置选区边界的羽化程度。如图3.1.9所示为设置不同的羽化值效果。选中“消除锯齿复选框，可以使图像边缘变得更加平滑。该选项在使用矩形选框工具时不可用。“款式”：在该下拉列表中可以选择创建选区的样式，包括正常、固定比例和固定大小3种。当选择固定比例和固定大小两个选项时，可在“宽度和“高度文本框中输入数值创建固定大小比例的选区。图3.1.9 不同羽化值对比效果3.1.2 椭圆选框工具椭圆选框工具利用椭圆选框工具可以在图像中创建椭圆或正圆选区。利用椭圆选框工具可以在图像中创建椭圆或正圆选区。单击工具箱中的单击工具箱中的“椭圆选框工具按钮，将鼠

5、标移至图像椭圆选框工具按钮，将鼠标移至图像上并按住鼠标左键拖动，即可创建一个椭圆选区，如图上并按住鼠标左键拖动，即可创建一个椭圆选区，如图3.1.10所示。其属性栏和矩形选框工具相同，唯一不同的是所示。其属性栏和矩形选框工具相同，唯一不同的是其中的其中的“消除锯齿复选框，它的功能是用来平滑选区边缘消除锯齿复选框，它的功能是用来平滑选区边缘的。的。 图3.1.10 创建的椭圆形选区提示：在拖动鼠标的同时按住“Shift键，可以创建出正圆形选区，如图3.1.11所示；按住“Alt键可以创建出以鼠标单击点为圆心的椭圆选区。 图3.1.11 创建的正圆形选区3.1.3 单行选框工具利用单行选框工具可以

6、创建出高度为1像素的行选区。单击工具箱中的“单行选框工具按钮，将鼠标移至图像中单击，即可创建一单行选区，效果如图3.1.12所示。其属性栏和矩形选框工具相同，这里不再赘述。图3.1.12 创建的单行选区3.1.4 单列选框工具单列选框工具利用单列选框工具可以创建出宽度为利用单列选框工具可以创建出宽度为1像素的单列选区，像素的单列选区，效果如图效果如图3.1.13所示，其使用方法与单行选框工具相同，这所示，其使用方法与单行选框工具相同，这里不再赘述。里不再赘述。图3.1.13 创建的单列选区3.2 创建不规则选区不规则选区工具主要用来创建不规则的图像选区。其中包括套索工具、多边形套索工具和磁性套

7、索工具3种，如图3.2.1所示。图3.2.1 不规则选区工具组3.2.1 套索工具套索工具利用套索工具可以在图像中创建任意形状的选区，单击利用套索工具可以在图像中创建任意形状的选区，单击工具箱中的工具箱中的“套索工具按钮，按住鼠标左键不放，然后套索工具按钮，按住鼠标左键不放，然后沿着要选取的图像边缘拖动鼠标选定区域，释放鼠标后起点沿着要选取的图像边缘拖动鼠标选定区域，释放鼠标后起点与终点会自动连接在一起，形成闭合的区域，如图与终点会自动连接在一起，形成闭合的区域，如图3.2.2所示。所示。其属性栏中的所有选项与椭圆选框工具中的相同，这里不再其属性栏中的所有选项与椭圆选框工具中的相同，这里不再赘

8、述。赘述。 图3.2.2 利用套索工具创建选区3.2.2 多边形套索工具多边形套索工具利用多边形套索工具可以创建比较精确的图像选区，该利用多边形套索工具可以创建比较精确的图像选区，该工具一般用于选取边界多为直线或边界曲折的复杂图形。单工具一般用于选取边界多为直线或边界曲折的复杂图形。单击工具箱中的击工具箱中的“多边形套索工具按钮，在图像中单击鼠多边形套索工具按钮，在图像中单击鼠标左键创建选区的起点，然后拖动鼠标将会引出直线段，并标左键创建选区的起点，然后拖动鼠标将会引出直线段，并在多边形的转折点处单击鼠标，作为多边形的一个顶点，用在多边形的转折点处单击鼠标，作为多边形的一个顶点，用户可根据自己

9、的需要创建多个顶点，最后使其回到起点处，户可根据自己的需要创建多个顶点，最后使其回到起点处，当鼠标光标变为形状时单击，即可闭合选区，如图当鼠标光标变为形状时单击，即可闭合选区，如图3.2.3所所示。示。 图3.2.3 利用多边形套索工具创建选区技巧：在使用多边形套索工具创建选区时，若按住“Shift键，可按水平、垂直或45方向选取图像；按“Delete键，则可删除最近选取的一条线段。3.2.3 磁性套索工具磁性套索工具根据图像中颜色的对比值来自动确定选区的边缘，从而快速、准确地选取复杂图像的区域。其常用于创建颜色与背景色反差较大的图像选区。单击工具箱中的“磁性套索工具按钮，其属性栏如图3.2.

10、4所示。图3.2.4 “磁性套索工具属性栏“宽度”：在该文本框中输入数值，可设置选取时能够检测到的边缘宽度检测从光标位置开始，到指定宽度以内的范围）。输入数值越小，所能检测到的范围越小，对于对比度较小的图像应设置较小的数值。“对比度”：在该文本框中输入数值，可设置选取时边缘的对比度。输入的数值越大，边缘的对比度就越大，选取的范围就越精确。“频率”：在该文本框中输入数值，可设置选取时的节点数量。输入的数值越大，产生的节点数就越多。技巧：在使用磁性套索工具创建图像选区时，如果选区尚未闭合，有选取不满意的地方，可通过按“Delete键删除节点，也可通过按“Esc键取消整个选取操作。：单击此按钮后，可

11、以设置笔刷的压力，随着笔刷工具压力的增加，套索线宽度将会变细。打开一幅背景色与选取图像颜色反差较大的图像，选择磁性套索工具，将光标移到图像中需要选取的起始位置处单击确定起点，再沿着需要选取的图像边缘拖曳鼠标，系统会自动捕捉图像，当回到起始点处时，光标会变成形状，此时单击鼠标左键即可封闭选区，将图像选取，如图3.2.5所示。 图3.2.5 利用磁性套索工具创建选区3.3 用其他方法创建选区除了以上介绍的创建选区的方法外，在Photoshop CS3中还可以使用魔棒工具、色彩范围命令和全选命令来创建精确的选区效果。3.3.1 魔棒工具魔棒工具是根据一定的颜色范围来创建图像选区的。一般用于选取图像窗

12、口中颜色相同或相近 的图像。单击工具箱中的“魔棒工具按钮，其属性栏如图3.3.1所示。图3.3.1 “魔棒工具属性栏“容差”：在该文本框中输入数值，可设置选取的颜色范围，输入数值越大，选取的颜色范围也就越大；输入数值越小，选取的颜色就越接近，范围就越小。选中“连续复选框，只在鼠标单击处相邻的范围内选择；相反，将在整幅图像中选择。选中“对所有图层取样复选框，可在所有可见图层中选择图像；相反，将只对当前图层中的图像起作用。打开一幅图像，然后选择魔棒工具，在需要选取的图像上单击鼠标，即可将附近与它颜色相同或相近的区域全部选取，其选取范围的大小由属性栏中的容差值来控制。如图3.3.2所示为分别将容差值

13、设为30和60后选取的图像效果。图3.3.2 利用魔棒工具创建选区3.3.2 色彩范围命令色彩范围命令利用色彩范围命令可以创建复杂的图像选区。具体的创利用色彩范围命令可以创建复杂的图像选区。具体的创建方法如下：建方法如下：（1打开一幅图像，选择打开一幅图像，选择“选择选择”“色彩范围命令，色彩范围命令，弹出弹出“色彩范围对话框，如图色彩范围对话框，如图3.3.3所示。所示。图3.3.3 “色彩范围对话框（2在“选择下拉列表中可以选择所需的颜色范围；在“颜色容差文本框中输入数值，可调整颜色的选取范围。数值越大，包含的相似颜色就越多，选取范围也就越大；在“选区预览下拉列表中可以选择所需的预览方式；

14、按钮为吸管按钮组，左侧的吸管用于取样颜色，中间的吸管用于增加选取的颜色范围，右侧的吸管用于减少选取的颜色范围；选中“反相复选框可将选区范围反转。（3使用鼠标在图像预览窗口中需选择的颜色区域单击，即可选取图像。设置完成后，单击“确定按钮，所有与用户设置相匹配的颜色区域都会被选取，效果如图3.3.4所示。图3.3.4 使用色彩范围命令创建选区3.3.3 全选命令全选命令利用全选命令可以将当前图层中的所有图像全部选取。具利用全选命令可以将当前图层中的所有图像全部选取。具体的选择方法有以下两种：体的选择方法有以下两种：（1打开一幅图像，选择打开一幅图像，选择“选择选择”“全部命令即可全部命令即可将其全

15、部选择。将其全部选择。（2打开一幅图像，按打开一幅图像，按“Ctrl+A键，即可将其全部键，即可将其全部选择。选择。3.4 选区的修改与调整在创建选区的过程中，有时所创建的选区不能满足用户的需要，这时就需要对选区进行修改与调整，下面将具体进行介绍。3.4.1 移动选区有时为了使选区位于所需的位置，就要移动选区。只要将光标移动到选区内，当鼠标光标变为形状时，再拖动鼠标即可移动选区，还可与键盘上的方向键配合使用移动选区。具体的操作方法有以下3种：（1使用键盘上的方向键上、下、左、右键），每次可以1像素为单位移动选区。（2按住“Shift键的同时按方向键，则每次以10像素为单位移动选区。（3按住“C

16、trl+Shift键的同时拖动选区，可将选区复制后拖动至另一个窗口的新层中，并且放置于该层的中心位置。如图3.4.1所示为选择移动工具后，按住“Shift键再按键盘上的“”键移动图像的效果。图3.4.1 移动选区效果3.4.2 反选选区反选选区反选选区可以将当前的选区和非选区相互转换。打开一反选选区可以将当前的选区和非选区相互转换。打开一幅图像并在其中创建选区，如图幅图像并在其中创建选区，如图3.4.2所示，再选择所示，再选择“选选择择”“反向命令，即可将图像中当前创建的选区和非选反向命令，即可将图像中当前创建的选区和非选区互相转换，其效果如图区互相转换，其效果如图3.4.3所示。所示。图3.

17、4.2 打开图像并创建选区 图3.4.3 反选选区效果3.4.3 边界选区边界选区利用边界选区命令可以将原选区的边缘扩展一定的宽度，利用边界选区命令可以将原选区的边缘扩展一定的宽度，一般用于描绘图像轮廓的宽度。具体的操作方法如下：一般用于描绘图像轮廓的宽度。具体的操作方法如下：（1打开一幅图像，并在其中创建选区，如图打开一幅图像，并在其中创建选区，如图3.4.4所示。所示。（2选择选择“选择选择”“修改修改”“边境命令，弹出边境命令，弹出“边边界选区对话框，如图界选区对话框，如图3.4.5所示。所示。图3.4.4 打开图像并创建选区 图3.4.5 “边界选区对话框（3在“选择文本框中输入数值，

18、设置扩展的宽度，设置完成后，单击“确定按钮，效果如图3.4.6所示。图3.4.6 扩展后的效果3.4.4 平滑选区平滑选区利用平滑选区命令可以消除选区边缘的锯齿。以如图利用平滑选区命令可以消除选区边缘的锯齿。以如图3.4.4所示的图像选区为基础，选择所示的图像选区为基础，选择 “选择选择”“修修改改”“平滑命令，弹出平滑命令，弹出“平滑选区对话框，如图平滑选区对话框，如图3.4.7所示，在所示，在“取样半径文本框中输入数值，可以设置选区的取样半径文本框中输入数值，可以设置选区的平滑程度。设置完成后，单击平滑程度。设置完成后，单击“确定按钮，效果如图确定按钮，效果如图3.4.8所示。所示。图3.

19、4.7 “平滑选区对话框 图3.4.8 平滑选区效果3.4.5 扩展选区扩展选区利用扩展选区命令可以使选区的边缘向外扩大一定的范利用扩展选区命令可以使选区的边缘向外扩大一定的范围。以如图围。以如图3.4.4所示的图像选区为基础，选择所示的图像选区为基础，选择“选选择择”“修改修改”“扩展命令，弹出扩展命令，弹出“扩展选区对话框，扩展选区对话框，如图如图3.4.9所示，在所示，在“扩展量文本框中输入数值，可以设置扩展量文本框中输入数值，可以设置选区的扩展范围。设置完成后，单击选区的扩展范围。设置完成后，单击“确定按钮，效果如确定按钮，效果如图图3.4.10所示。所示。图3.4.9 “扩展选区对话

20、框 图3.4.10 扩展选区效果3.4.6 收缩选区利用收缩选区命令可以将选区的范围向内缩小。以如图3.4.4所示的图像选区为基础，选择 “选择”“修改”“收缩命令，弹出“收缩选区对话框，如图3.4.11所示，在“收缩量文本框中输入数值，可以设置选区的收缩范围。设置完成后，单击“确定按钮，效果如图3.4.12所示。图3.4.11 “收缩选区对话框 图3.4.12 收缩选区效果3.4.7 变换选区变换选区变换选区命令可以对已有选区做任意形状的变换，如变换选区命令可以对已有选区做任意形状的变换，如调整选区大小、旋转选区和变形选区等。其具体的操作方调整选区大小、旋转选区和变形选区等。其具体的操作方法

21、如下：法如下：（1打开一幅图像，并创建选区，选择打开一幅图像，并创建选区，选择“选选择择”“变换选区命令，选区周围出现变换选区命令，选区周围出现8个小方块，如图个小方块，如图3.4.13所示。所示。 （2用鼠标拖动选区周围的小方块即可扩展或收缩用鼠标拖动选区周围的小方块即可扩展或收缩选区，效果如图选区，效果如图3.4.14所示。所示。图3.4.13 执行变换选区命令 图3.4.14 扩大选区（3将鼠标光标移到选区以外任意位置处，当光标变为形状时，拖动鼠标可旋转选区，效果如图3.4.15所示。（4将鼠标光标置于选区中，单击鼠标右键可弹出如图3.4.16所示的快捷菜单，在其中包括斜切、扭曲、透视、

22、翻转等一些变形命令，用户可根据需要对选区进行变换操作。图3.4.15 旋转选区 图3.4.16 变换选区快捷菜单（5变换选区完成后，用鼠标单击工具箱中的任意一个工具按钮，都可出现如图3.4.17所示的提示框，单击“应用按钮即可确认变换选区效果，如图3.4.18所示。图3.4.17 提示框 图3.4.18 变换选区效果3.4.8 取消选择取消选择在操作过程中，当不需要一个选区时，可以将其取消，在操作过程中，当不需要一个选区时，可以将其取消，具体的操作方法有以下具体的操作方法有以下3种：种：（1选择选择“选择选择”“取消选择命令取消选区。取消选择命令取消选区。 （2按按“Ctrl+D键取消选区。键

23、取消选区。（3在选择了一种选取工具后，用鼠标在选区外任意在选择了一种选取工具后，用鼠标在选区外任意位置处单击，即可取消当前选区。位置处单击，即可取消当前选区。3.5 选区内图像的编辑若用户对所创建的选区内图像边缘或颜色不满意，则可以对其进行编辑操作，如复制、粘贴、删除、羽化、填充、描边和变形等，下面将进行具体介绍。3.5.1 复制与粘贴图像利用“编辑菜单中的“拷贝和“粘贴命令可对选区内的图像进行复制或粘贴。其具体的操作方法如下：（1打开一幅图像，并为需要复制的图像部分创建选区，如图3.5.1所示，然后按“Ctrl+C键复制选区内的图像。（2按“Ctrl+V键粘贴选区内图像，再单击工具箱中的“移

24、动工具按钮，将粘贴的图像移动到目标位置，效果如图3.5.2所示。图3.5.1 创建选区效果 图3.5.2 粘贴并移动图像另外，用户也可同时打开两幅图像，将其中一幅图像中的内容复制并粘贴到另外一幅图像中，其操作步骤和在一幅图像中的操作方法相同，这里不再重述。3.5.2 变换选区内图像Photoshop CS3中新增了许多图像变形样式，可利用“编辑菜单中的“自由变换和“变换两个命令来完成，下面将分别进行介绍。1自由变换命令利用自由变换命令可对图像进行旋转、缩放、扭曲和拉伸等变形操作。打开一幅图像，并在图像中创建选区，选择“编辑”“自由变换命令，在图像周围会出现8个小方块，将鼠标光标移至方块上并拖动

25、，可改变选区内图像的尺寸大小；将鼠标光标放在选区以外，当光标变为形状时，拖动鼠标可将选区内的图像在任意方向上旋转；将鼠标放在选区内的图像上，当光标变为形状时，拖动鼠标可将选区内的图像移动到指定的位置。另外，执行自由变换命令以后，在其属性栏中还增加了“变形图像按钮，单击此按钮在属性栏中会多出下拉列表框，单击其右侧的三角形按钮，可弹出变形图像下拉列表，如图3.5.3所示。图3.5.3 变形图像下拉列表如图3.5.4所示为几种图像的变形效果。图3.5.4 图像变形效果图3.5.4 图像变形效果续）2变换命令利用变换命令可以对选区内的图像进行斜切、扭曲、透视等操作，其具体的操作方法如下：打开一幅图像，

26、并在其中创建选区，效果如图3.5.5所示。然后选择“编辑”“变换”“斜切命令，在图像周围会出现一个控制框，用鼠标单击并调整控制框周围的节点，即可调整图像，效果如图3.5.6所示。图3.5.5 打开图像并创建选区 图3.5.6 斜切选区内图像效果利用“扭曲和“透视命令变形图像的方法和利用“斜切命令的方法相同，效果如图3.5.7和 图3.5.8所示。 3.5.3 羽化和删除图像羽化命令是通过改变选区边框内外的像素来使选区的边缘变平滑。羽化半径越大，则选区的边缘越平滑，产生的效果越模糊。下面将介绍选区内图像的羽化和删除，具体的操作方法如下：图3.5.7 扭曲图像效果 图3.5.8 透视图像效果（1按

27、“Ctrl+O键，打开一幅图像，并单击工具箱中的“椭圆选框工具按钮，在图像中创建一个椭圆选区，效果如图3.5.9所示。（2选择“选择”“修改”“羽化命令，弹出“羽化选区对话框，设置参数如图3.5.10所示。图3.5.9 创建的椭圆选区 图3.5.10 “羽化选区对话框（3设置完成后，单击“确定按钮，按“Ctrl+Shift+I键，反选选区，按“Delete键进行删除，效果如图3.5.11所示。（4按“Ctrl+D键取消选区，最终效果如图3.5.12所示。 图3.5.11 反选并删除选区效果 图3.5.12 最终效果3.5.4 描边选区内图像描边选区内图像描边选区可为图像选区的边缘添加颜色和设置

28、宽度。具描边选区可为图像选区的边缘添加颜色和设置宽度。具体的操作方法如下：体的操作方法如下：（1打开一幅图像，并创建选区，如图打开一幅图像，并创建选区，如图3.5.13所示。所示。（2选择选择“编辑编辑”“描边命令，弹出描边命令，弹出“描边对话描边对话框，设置参数如图框，设置参数如图3.5.14所示。所示。图3.5.13 打开图像并创建选区 图3.5.14 “描边对话框（3设置完成后，单击“确定按钮，按“Ctrl+D键取消选区，效果如图3.5.15所示。3.5.5 填充选区内图像填充选区是在创建的选区内部填充指定的颜色或图案。具体的操作方法如下：（1打开一幅图像，并在其中创建选区，选择“编辑”“填充命令，弹出“填充对话框，设置参数如图3.5.16所示。图3.5.16 “填充对话框图3.5.15 描边选区效果（2设置完成后，单击“确定按钮，效果如图3.5.17所示。图3.5.17 创建选区并填充3.6 典型实例制作圆环本例将制作圆环，效果如图3.6.1所示。图3.6.1 效果图（1选择“文件”“新建命令，弹出“新建对话框，设置参数如图3.6.2所示。（2按“Ctrl+R键在新建图像中显示标尺，并利用鼠标拖动出如图3.6.3所示的水平和垂直参考线。图3.6.2 “新建对话框图3.6.3