photoshop-cs-选区与自由变换学习教案课件

1、会计学1photoshop cs 选区与自由变换会计学1photoshop cs 选区与自由变换二、教学重点 本讲概述 熟悉选区工具的使用方法 掌握选区的变换操作 掌握图像的自由变换操作 熟练各种立体图像的绘制 掌握图像的变形操作第1页/共75页二、教学重点 本讲概述 熟悉选区工具的使用方法第 选区用来表示图像被选中的范围，在Photoshop中用来决定操作的有效影响区域。缺省情况下图像没有建立选区，Photoshop会以整个图像区域为操作对象。大部分情况下只有建立准确有效的选区，才能指定正确的编辑区域，以保证最终得到想要的效果。图中虚线围绕的区域，是Photoshop用以标示选区的范围。2.

2、1 选区概念和规则选框工具选区的概念第2页/共75页 选区用来表示图像被选中的范围，在Photo 规则选框工具，用于创建标准几何形状的选区，它们是最基本、最常用的选区创建工具。 在Photoshop中，规则选框工具具体包括【矩形选框工具】 、【椭圆选框工具】 、【单行选框工具】 以及【单列选框工具】 。在工具箱中用鼠标按住【矩形选框工具】，可弹出规则选区菜单。2.1 选区概念和规则选框工具规则选框工具第3页/共75页 规则选框工具，用于创建标准几何形状的选区，2.1 选区概念和规则选框工具规则选框工具 Photoshop规则选框工具的功能和使用情况参见表2-1所示。表2-1 常用规则选区工具名

3、 称使用方法实用频度 矩形选框拖动鼠标可建长方形或正方形选区 椭圆选框拖动鼠标可建立椭圆或正圆形选区 单行选择单击鼠标可建立横向的单行像素选区 单列选择单击鼠标可建立纵向的单列像素选区第4页/共75页2.1 选区概念和规则选框工具规则选框工具 选择任一选区工具，都会出现该工具的工具属性栏，工具属性栏包含了工具的细节选项，对工具执行的效果有较大影响。例如下一实例中调整了选区的羽化值，从而产生了边缘逐渐递减选择的效果。2.1 选区概念和规则选框工具规则选框工具设定选择范围的长宽比输入数值设置固定大小的选区使有曲线的选区边缘平滑使选区边缘产生过渡的选取图 【矩形选框工具】选项栏第5页/共75页 选择

4、任一选区工具，都会出现该工具的工具属性栏，工具【操作目的】 本例将为一幅普通的照片制作出朦胧的效果。这种效果应用广泛，其特点是能突出照片中的重点并增加美感。为了得到这一效果，我们将通过调整选区的属性，从而影响选区的具体表现。课堂实训照片朦胧效果 2.1 选区概念和规则选框工具第6页/共75页【操作目的】课堂实训照片朦胧效果 2.1 选区概【实例效果】课堂实训照片朦胧效果2.1 选区概念和规则选框工具图 (1) 实例效果图第7页/共75页【实例效果】课堂实训照片朦胧效果2.1 选区概念和规则选 【操作步骤】 （1）启动Photoshop程序，执行菜单栏中的【文件】【打开】命令打开一幅需要处理为朦

5、胧效果的图像。 （2）选择工具箱中的【椭圆选框工具】，并在工具属性栏中设置其羽化值为60。2.1 选区概念和规则选框工具课堂实训照片朦胧效果第8页/共75页 【操作步骤】2.1 选区概念和规则选框工具课堂实 （3）在图像需要突出重点的地方拖拉出一个椭圆选区，如图所示。2.1 选区概念和规则选框工具课堂实训照片朦胧效果 图 (2) 确定选取范围 图 (3) 反向选择选区第9页/共75页 （3）在图像需要突出重点的地方拖拉出一个椭圆选 （4）执行菜单栏中的【选择】【反向】命令（或按下键盘上的Shift+Ctrl+I组合键），对当前的选区进行反选操作，得到与当前选区完全相反的选区，如图所示。 （5）

6、确认当前的背景色为白色，按下键盘上的Delete键删除选区内容，即可得到图像边缘羽化的效果，如图所示。2.1 选区概念和规则选框工具课堂实训照片朦胧效果第10页/共75页 （4）执行菜单栏中的【选择】【反向】命令（或按 （6）最后，执行菜单栏中的【选择】【取消选择】命令（或按下键盘上的Ctrl+D组合键）取消选区，即可得到如图(1)右图图像所示的最终效果。课堂实训照片朦胧效果2.2 不规则选框工具图(3) 按Delete键删除选区内容第11页/共75页 （6）最后，执行菜单栏中的【选择】【取消选不规则选框工具主要用来建立不规则的选择区域，它们的使用情况往往是图像中有一定的特征区域，或者要建立毫

7、无规律的、需要通过手钢笔或套索工具手动绘制选区。2.2 不规则选框工具应用简介第12页/共75页不规则选框工具主要用来建立不规则的选择区域，它们的使用情况往常用的不规则选区工具如表2-2所示：应用简介2.2 不规则选框工具表2-2 常用不规则选区工具名 称使用方法实用频度 多边形套索依次单击鼠标形成多边形选区 自由套索用鼠标拖动的轨迹形成选区 磁性套索拖动鼠标，在色彩变化明显的区域形成选区的轮廓 魔术棒单击鼠标，在颜色相近的区域形成选区 路径 它所勾画的曲线、直线可以转化为选区 转化选区 快速蒙版这两个工具相互配合默契，可将绘图工具或填充等描绘的区域转化为选区第13页/共75页常用的不规则选区

8、工具如表2-2所示：应用简介2.2 不规则选 【操作目的】 很多时候，创建选区的工作往往不能一步到位，例如在已有选择区域的范围内，还存在着一些需要被除去的不规则图像。这时，就需要考虑选区操作的组合，使之产生相加、相减与相交的关系。本例就利用【魔棒工具】 ，并结合其工具属性栏的设置，快捷有效地完成了不规则心形的选择。课堂实训选取不规则心形2.2 不规则选框工具第14页/共75页 【操作目的】课堂实训选取不规则心形2.2 不规则 【实例效果】2.2 不规则选框工具课堂实训选取不规则心形图2-10 实例效果图 (1) 实例效果第15页/共75页 【实例效果】2.2 不规则选框工具课堂实训选取 【操作

9、步骤】 （1）选择工具箱中的【魔棒工具】，设置其工具选项栏中的容差为80，此参数控制选取颜色的相近程度，如图所示。2.2 不规则选框工具课堂实训选取不规则心形添加到选区按钮，可将新选区域添加到原选区中从选区减去按钮，将在原选区范围内减去与新选区相交的部分与选区相交按钮，将只选择原选区和新选区的相交区域图 (2) 【魔棒工具】选项栏第16页/共75页 【操作步骤】2.2 不规则选框工具课堂实训 （2）在需要选取的心形左下角位置单击，得到如图(3)所示的选择效果。当前心形的边缘和背景颜色有较明显的反差，因此很容易被选取出来。但是心形的内部也有一些颜色偏差较大的文字，它们同样没有被选中。2.2 不规

10、则选框工具课堂实训选取不规则心形图(3)使用【魔棒工具】选取选区 图(4) 选区相加操作第17页/共75页 （2）在需要选取的心形左下角位置单击，得到如图( （3）按住Shift键，这时出现带加号的【魔棒工具】，表示将新建选择区域与原选区进行相加（也可以通过工具属性来设定新选区与已有选区的联系，如图(5)所示的【魔棒工】属性栏中，选择【添加到选区】按钮，同样可以将新选区加入到原选区中），效果如图(4)所示。在心形内部未选中的文字上单击，直到全部被加选，最终得到如图(1)所示的效果。2.2 不规则选框工具课堂实训选取不规则心形图(5) 选区属性按钮第18页/共75页 （3）按住Shift键，这时

11、出现带加号的【魔棒工 在实际操作中，创建选区的过程往往并非一步到位，常需在现有选区的基础上，通过进一步的调整，制作出更加符合要求的选择效果。 在Photoshop中，用来调整选区的大部分命令均包括在【选择】菜单中。例如扩展或收缩选区、平滑选区边缘、变换选区等。其中变换选区命令是最为强大的灵活的，在实际运用中也最常见。2.3 使用变换选区应用简介第19页/共75页 在实际操作中，创建选区的过程往往并非一步到位 【操作目的】 本例制作一个太极标志图案。通过操作本例，一应当掌握变换选区的基本操作方法和技巧，并体会其灵活性；二要养成良好的作图习惯，在作图时应有意识的将不同内容分别用新图层保存起来，这样

12、既方便以后的修改，也可以作为选区灵活的载入。2.3 使用变换选区课堂实训制作太极标志第20页/共75页 【操作目的】2.3 使用变换选区课堂实训 【实例效果】2.3 使用变换选区课堂实训制作太极标志图1 太极标志第21页/共75页 【实例效果】2.3 使用变换选区课堂实训制作太极标志图 【操作步骤】 （1）首先新建一个文档。在菜单栏中单击【文件】【新建】命令，在打开的对话框中设置图像为500500像素大小，并给文档命名，效果如图2所示。完成后单击【确定】按钮。2.3 使用变换选区课堂实训制作太极标志第22页/共75页 【操作步骤】2.3 使用变换选区课堂实训2.3 使用变换选区课堂实训制作太极

13、标志图2 【新建】对话框第23页/共75页2.3 使用变换选区课堂实训制作太极标志图2 【新建 （2）单击工具箱中的【设置前景色】图标，如图3所示。在弹出的【拾色器】对话框中设置颜色的色值为#4852BC，效果如图4所示。完成后单击【确定】按钮。课堂实训制作太极标志2.3 使用变换选区第24页/共75页 （2）单击工具箱中的【设置前景色】图标，如计算机图像的色彩模式2.3 使用变换选区课堂实训制作太极标志单击此处设置前景色单击此处设置背景色默认前景色和背景色图标 切换前景色和背景色图标 图3 前/背景色设置 图4 【拾色器】对话框第25页/共75页计算机图像的色彩模式2.3 使用变换选区课堂实

14、训制作太极 （3）按下Alt+Delete组合键，使用前景色填充当前图层，效果如图5所示。计算机图像的色彩模式2.3 使用变换选区课堂实训制作太极标志图5 填充前景色效果 图6 创建新图层第26页/共75页 （3）按下Alt+Delete组合键，使用前 （4）单击【图层】面板底部的【创建新图层】按钮 ，新建一个图层得到“图层1”，如图6所示。 （5）在工具箱中选择【椭圆选框工具】 ，按住Shift键在图像上拖动，创建出一个正圆选区，得到如图7所示的效果。计算机图像的色彩模式2.3 使用变换选区课堂实训制作太极标志第27页/共75页 （4）单击【图层】面板底部的【创建新图层】按钮 2.3 使用变

15、换选区课堂实训制作太极标志图7 创建正圆选区第28页/共75页2.3 使用变换选区课堂实训制作太极标志图7 创建正圆 （6）按下Ctrl+R组合键，调出标尺。Photoshop中的标尺可以为作图提供很好的辅助，运用它可以辅助定位和构图，并可创建参考线。 （7）按下Ctrl+Delete组合键，使用背景色（当前为白色）填充正圆选区，效果如图8所示。2.3 使用变换选区课堂实训制作太极标志第29页/共75页 （6）按下Ctrl+R组合键，调出标尺。Phot2.3 使用变换选区课堂实训制作太极标志图像标尺 图8 填充正圆选区 图9 拖拉出参考线第30页/共75页2.3 使用变换选区课堂实训制作太极标

16、志图像标尺 （8）将鼠标移到左侧的标尺栏上，按住鼠标左键拖动，拖拉出一条参考线并置于正圆选区的中心位置。得到如图9所示的效果。 （9）单击【图层】面板底部的【创建新图层】按钮 ，新建一个图层得到“图层2”。 （10）在工具箱中选择【矩形选框工具】 ，选择工具选项栏中的【与选区相交】按钮 。在正圆选区左侧以外的地方向右拖拉，以建立一个与正圆参考线左侧半圆相交的选区，效果如图10所示。松开鼠标后，得到如图11所示的选区效果。 2.3 使用变换选区课堂实训制作太极标志第31页/共75页 （8）将鼠标移到左侧的标尺栏上，按住鼠标左键拖动2.3 使用变换选区课堂实训制作太极标志图10 利用参考线建立与半

17、圆相交选区 图11 选区相交后的效果第32页/共75页2.3 使用变换选区课堂实训制作太极标志图10 利用 （11）单击【图层】面板底部的【创建新图层】按钮 ，新建一个图层得到“图层3”。（12）单击工具箱中的【默认前景色和背景色】 图标，将前景色设置为黑色。按下Alt+Delete组合键进行填充，效果如图12所示。2.3 使用变换选区课堂实训制作太极标志第33页/共75页 （11）单击【图层】面板底部的【创建新图层】按钮2.3 使用变换选区课堂实训制作太极标志图12 填充半圆区域为黑色 图13 调出正圆选区第34页/共75页2.3 使用变换选区课堂实训制作太极标志图12 填 （13）按住Ct

18、rl键单击“图层1”，调出“图层1”的正圆形选择区域，如图13所示。然后单击【图层】面板底部的【创建新图层】按钮，新建一个图层得到“图层4”。 （14）在图像选区上单击鼠标右键，在弹出的下拉菜单中选择【变换选区】命令，如图14所示。观察到正圆选区周围出现了带有8个控制点的方框以及变换中心点，如图15所示。课堂实训制作太极标志2.3 使用变换选区第35页/共75页 （13）按住Ctrl键单击“图层1”，调出“2.3 使用变换选区课堂实训制作太极标志变换控制点变换中心点图14 选择【变换选区】命令 图15 【变换选区】控制框第36页/共75页2.3 使用变换选区课堂实训制作太极标志变换控制点变换中

19、（15）将鼠标拖动处于选区中心的变换中心点，将其移动到正圆上部的中间位置，如图2-31所示。2.3 使用变换选区课堂实训制作太极标志图16 调整变换中心点位置第37页/共75页（15）将鼠标拖动处于选区中心的变换中心点，将其移动到正圆上 （16）单击变换工具选项栏中的【保持长宽比】锁定按钮，并设置变换的高度值为50%，调整参数值如图17所示。2.3 使用变换选区课堂实训制作太极标志单击上面的节点确定变换时中心点的基准位置精确改变对象的宽度和高度位置。单击 按钮，将保持选区的长宽比来缩放选区 设置放转设置水平/垂直斜切图17 调整变换工具选项栏第38页/共75页 （16）单击变换工具选项栏中的【

20、保持长宽比】 （17）按下Enter键，得到如图18所示的效果。此时，建立了一个半径大小为原来正圆一半的圆形选区。再次按下Enter键确定当前变换。2.3 使用变换选区课堂实训制作太极标志图18 设置变换高度值后的效果 图19 填充变换后的选择区域第39页/共75页 （17）按下Enter键，得到如图18所示的 （18）按下Alt+Delete组合键，使用前景色填充，得到一个黑色圆，效果如图19所示。 （19）单击【图层】面板底部的【创建新图层】按钮，新建一个图层得到“图层5”。再次执行【变换选区】命令，将变换中心点移到小圆选区下部的中间位置，如图20所示。2.3 使用变换选区课堂实训制作太极

21、标志第40页/共75页 （18）按下Alt+Delete组合键，使用前2.3 使用变换选区课堂实训制作太极标志图20 移动变换中心点第41页/共75页2.3 使用变换选区课堂实训制作太极标志图20 移动 （20）在图像上单击鼠标右键，在弹出的下拉菜单中选择【旋转180度】命令，按下Enter键确定当前变换。得到如图21所示的效果。2.3 使用变换选区课堂实训制作太极标志图21 旋转小圆角度为180度 图22 填充白色第42页/共75页 （20）在图像上单击鼠标右键，在弹出的下拉菜2.3 使用变换选区课堂实训制作太极标志 （21）按下Ctrl+Delete组合键，填充背景色为白色。得到如图2-3

22、7所示的效果。 （22）单击【图层】面板底部的【创建新图层】按钮，新建一个图层得到“图层6”。再次执行【变换选区】命令，单击变换工具选项栏中的【保持长宽比】锁定按钮，并设置变换的高度值为20%，将圆形选区缩小，效果如图23所示。按下两次Enter键确定当前变换。第43页/共75页2.3 使用变换选区课堂实训制作太极标志 （22.3 使用变换选区课堂实训制作太极标志图23 缩小圆形选区 图24 填充前景色后的效果第44页/共75页2.3 使用变换选区课堂实训制作太极标志图23 缩小2.3 使用变换选区 （23）按下Alt+Delete组合键，使用前景色填充，效果如图24所示。 （24）按住Ctr

23、l键单击“图层4”，调出黑色圆的选区。单击【图层】面板底部的【创建新图层】按钮，新建一个图层得到“图层7”。继续执行与步骤（22）相同的操作，得到如图25所示的变换选区。课堂实训制作太极标志第45页/共75页2.3 使用变换选区 （23）按下Alt+Dele2.3 使用变换选区课堂实训制作太极标志图25 缩小圆形选区 图26 最终效果第46页/共75页2.3 使用变换选区课堂实训制作太极标志图25 缩小2.3 使用变换选区 （25）确定变换选区后，按下Ctrl+Delete组合键，填充背景色为白色。再按下Ctrl+D组合键取消当前选区，并使用【移动工具】将参考线移到图像窗口以外，即可将其删除。

24、最终效果如图26所示。课堂实训制作太极标志第47页/共75页2.3 使用变换选区 （25）确定变换选区后，按下2.4 自由变换图像 图像的变换是图像在空间位置上的变化，当把一幅图片中的对象复制到另个一幅图片中时，为了使两者更加匹配，经常要把它放大或者缩小，或者调整角度。自由变换命令可以灵活调整图像的位置变化，功能非常实用。 在Photoshop中，用来变换图像的主要命令均包括在【编辑】【变换】命令的子菜单下面。其中旋转、缩放、斜切、扭曲和透视等变换操作，完全与【编辑】菜单下面的【自由变换】命令一致，只是分解成单一的执行选项而已。应用简介第48页/共75页2.4 自由变换图像 图像的变换是图像在

25、空间位2.4 自由变换图像课堂实训绘制立方体【实例效果】图1 立方体效果第49页/共75页2.4 自由变换图像课堂实训绘制立方体【实例效果】图1 2.4 自由变换图像 【操作步骤】 （1）启动Photoshop。单击【文件】【新建】命令，新建一个640480像素大小的图像文件。 （2）单击工具箱中的【设置背景色】图标，在弹出的【拾色器】对话框中设置颜色的色值为#422FF9。按下Ctlr+Delete组合键，填充背景色。课堂实训绘制立方体第50页/共75页2.4 自由变换图像 【操作步骤】课堂实训绘制2.4 自由变换图像 （3）单击【图层】面板底部的【创建新图层】按钮，新建一个图层得到“图层1

26、”。然后选择工具箱中的【矩形选框工具】，按住键盘上的Shift键画一个正方体。按下Alt+Delete组合键，填充前景色为黑色。并按下Ctlr+D组合键取消选区，效果如图2所示。课堂实训绘制立方体第51页/共75页2.4 自由变换图像 （3）单击【图层】面板底部的2.4 自由变换图像课堂实训绘制立方体图2 建立正方形选区并填充第52页/共75页2.4 自由变换图像课堂实训绘制立方体图2 建立正2.4 自由变换图像 （4）按下Ctrl+R组合键，调出标尺（如果当前已显示了标尺，就不必执行这个操作，否则此操作将会隐藏标尺的显示）。选择【移动工具】分别拖出水平方向面和垂直方向上的两条辅助线并置于适当

27、位置。 （5）拖动“图层1”到【创建新图层】按钮上，对“图层1”进行复制，得到名为“图层1副本”的图层。按下Ctrl+T组合键，对“图层1副本”层进行自由变换（见图3）。课堂实训绘制立方体第53页/共75页2.4 自由变换图像 （4）按下Ctrl+R组合键2.4 自由变换图像课堂实训绘制立方体图3 自由变换操作第54页/共75页2.4 自由变换图像课堂实训绘制立方体图3 自由变2.4 自由变换图像 （6）拖动矩形左边中间的控制点使其靠紧垂直方向上的辅助线，然后在变换区域内按下鼠标右键，在弹出菜单中选择【透视】命令（见图4）。移动右侧最下方的控制点，使立方体产生近大远小的透视效果，然后将右侧的控

28、制点向上移动到两辅助线的交叉点处，效果如图5所示。课堂实训绘制立方体第55页/共75页2.4 自由变换图像 （6）拖动矩形左边中间的控制2.4 自由变换图像课堂实训绘制立方体 图4 选择【透视】命令 图5 拖动控制点使之产生透视效果第56页/共75页2.4 自由变换图像课堂实训绘制立方体 图4 选2.4 自由变换图像 （7）按下Enter键确定自由变换操作。拖动“图层1副本”到【创建新图层】按钮上得到“图层1副本2”层。按下Ctrl+T组合键对“图层1副本2”层进行自由变换。 （8）按照步骤（6）的方法将“图层1副本2”图层的立方体进行向上调整，制作出立方体的顶面，得到如图6所示效果。课堂实训

29、绘制立方体第57页/共75页2.4 自由变换图像 （7）按下Enter键确定自2.4 自由变换图像课堂实训绘制立方体图6 制作立方体顶面 图7 立方体的受光效果第58页/共75页2.4 自由变换图像课堂实训绘制立方体图6 制作立2.4 自由变换图像 （9）确定“图层1副本2”为当前层。选择菜单栏中的【图像】【调整】【色相/饱和度】命令，在弹出的对话框中调整参数如图8所示。课堂实训绘制立方体图8 调整立方体的亮面第59页/共75页2.4 自由变换图像 （9）确定“图层1副本2”为2.4 自由变换图像 （10）继续利用【色相/饱和度】命令分别调整立方体的灰面和暗面，参数设置分别如图9、10所示。课

30、堂实训绘制立方体图9 立方体灰面的调整 图10 立方体暗面的调整第60页/共75页2.4 自由变换图像 （10）继续利用【色相/饱和2.4 自由变换图像课堂实训绘制立方体 图11 立方体效果 图12 上色后效果 （11）最后，使用【移动工具】将标尺辅助线移除，得到效果如图11所示。还可以再使用【图像】【调整】【色相/饱和度】命令，分别为立方体的各个面上色，效果如图12所示。第61页/共75页2.4 自由变换图像课堂实训绘制立方体 图11 2.5 变形图像 包装设计是在Photoshop图像处理的常见应用领域，在Photoshop中可以轻松为方体、柱体和球体等，贴上商标或图案。以往这类处理往往会

31、使用自由变换命令来调整，而在Photoshop CS2版本中，则在【编辑】【变换】命令下面新增了一个【变形】命令，它的效果更加灵活方便。应用简介第62页/共75页2.5 变形图像 包装设计是在Photosho2.5 变形图像 当执行【编辑】【变换】【变形】命令时，将出现带有12个控制点的网格形方框，类似于【自由变换】操作。但不同的是，【自由变换】时的控制点只能拖出直线变化。而【变形】命令的12个控制点中，有8个是平滑点，用鼠标拖动平滑点时可产生曲线变形，这使得变形后的效果更加丰富。另有4个角点位于边角处，可以随意拖动网格以形成弯曲变形的效果。现在要产生透视或翻页效果变的格外轻松，如图所示。应用

32、简介第63页/共75页2.5 变形图像 当执行【编辑】【变换】【2.4 自由变换图像课堂实训绘制立方体 平滑点角点调节手柄 图 用变形命令制作翻页第64页/共75页2.4 自由变换图像课堂实训绘制立方体 平滑点角2.5 变形图像 【操作目的】 本例将合成包装贴图效果，从而熟练地掌握其变形操作，理解与自由变换的不同之处，并在实际应用中具有在两者中作出适当选择能力。 课堂实训包装贴图第65页/共75页2.5 变形图像 【操作目的】课堂实训包装2.5 变形图像应用简介【实例效果】 图1 实例效果第66页/共75页2.5 变形图像应用简介【实例效果】 图1 实例效2.5 变形图像 【操作步骤】 （1）分别打开名为“人物标志”和“纸盒”的两幅素材图像，并使用【移动工具】将人物图像拖拉入“纸盒”图像放置标志的位置，执行【编辑】【变换】【变形】命令后得到如图2所示的效果。应用简介第67页/共75页2.5 变形图像 【操作步骤】应用简介第67页2.5 变形图像应用简介 图2 对商标进行变形 图3 调整变形效果第68页/共75页2.5 变形图像应用简介 图2 对商标进