Photoshop课件及教案第4章路径.ppt

1、第四章 路径,学习目标,了解路径的基本概念及建立、编辑、管理和应用路径的方法 掌握建立工作路径、图层剪贴路经的具体方法，以及路径编辑、管理的方法和技巧,采用适当的路径工具，制作效果如图所示一幅图形。,4.1 建立路径 （一）,提出任务一,根据相关知识中介绍的创建位图形状的方法和技巧，做出如下任务分析： 在本任务中，需要利用形状库中的“自定义形状”工具绘制图形，首先要载入指定形状库，然后创建图中的位图形状，并利用工具选项栏中“填充像素”按钮实现用前景色填充形状。,4.1 建立路径 （二）,分析任务一,根据任务分析，查阅相关知识，上机操作完成任务。 绘制如图所示的位图形状 启动Photoshop7

2、.0中文版，新建一个文件； 在工具箱中选择“自定义形状工具” ； 单击工具选项栏中“填充像素”按钮 ； 单击工具栏上的“形状”选项，用鼠标单击调板右上部的 按钮，从弹出的下拉菜单中选择“全部”命令，载入全部形状库； 反复执行下列操作，可以完成图中所有图形的绘制： 从形状库中选择所需要的形状； 在工具箱中选择和设置用于填充形状的前景色； 在图像窗口中拖行动鼠标绘制形状。,4.1 建立路径 （三）,完成任务一,4.1 建立路径 （四）,提出任务二,利用路径操作制作如图所示的禁用烟火的标志。,根据相关知识中介绍的建立路径的方法和技巧，做出如下任务分析： 在本任务中，首先需要用路径中的“自定义形状”工

3、具创建形状，并用相应的颜色填充形状，然后对矢量对象进行“删格化”，转为位图形状，并对其进行修改，最后得到如图所示的“禁用烟火”的标志。,4.1 建立路径 （五）,分析任务二,根据任务分析，查阅相关知识，上机操作完成任务。 创建 “禁用烟火”的标志 启动Photoshop7.0中文版，建立一个新文件； 在工具箱中选择红色前景色，单击“自定义形状工具” ； 用鼠标单击工具选项栏中“形状图层”按钮 ； 单击工具栏选项栏中的“形状”选项，选择“禁止标志”的形状，并选择黄色作为其 填充色，然后在图像窗口 中拖动鼠标绘制出形状， 图层调板中会自动新建一 个图层；,4.1 建立路径 （六）,完成任务二,按照

4、步骤（4）的方法，选择红色作为填充色，绘制出“火”的形状，同样也会自动新建一个图层，效果如左图所示； 在“图层”调板中，单击选中“火”所在的层； 选择“图层”“栅格化”“图层”命令，在图层调板中，将“火”的透明度降低，以透出下一层的图像； 用多边形套索工具，选择“火”中应该被切割掉的部分，效果如右图所示； 按下Del键，将所选区域删除。按下组合键Ctrl+D取消选区,再将“火”的不透明度调为100%，得到最后效果。,4.1 建立路径 （七）,完成任务二,用两个“锚点”画如图所示的一颗“心” 。,4.2 编辑路径 （一）,提出任务一,根据相关知识中介绍的编辑路径的方法和技巧，做出如下任务分析：

5、在本任务中，首先需要利用“钢笔工具”新建锚点，然后利用“转换锚点工具”修改曲线的形态，最后绘制出“心”的形状。,4.2 编辑路径 （二）,分析任务一,根据任务分析，查阅相关知识，上机操作完成任务。 用两个“锚点”绘制 “心”形 启动Photoshop7.0中文版，建立一个新文件； 用鼠标单击工具箱中的“钢笔工具” ，单击工具栏上的“路径”按钮； 在第一个锚点的位置单击并拖动鼠标，这个锚点旁将出现方向线； 在第二个锚点位置单击鼠标左键并拖动出如左图所示的方向线； 按住Alt键，调整第一个锚点的方向点如右图所示；,4.2 编辑路径 （三）,完成任务一,按住Alt键，再在第二个锚点处单击并拖动鼠标，

6、调整线的弯曲度(如果没有先按住Alt键就连接起点，将无法单独调整方向线)，如下图所示； 按住Ctrl键在路径之外任意位置点击鼠标，即可完成绘制,4.2 编辑路径 （四）,完成任务一,以 “小鸭子”的图片作为素材，利用路径操作为其建立轮廓。,4.2 编辑路径 （五）,提出任务二,根据相关知识中介绍的调整和编辑路径的方法和技巧，做出如下任务分析： 在本任务中，要利用路径的相关操作为“小鸭”建立轮廓，必须在“小鸭”的轮廓周围建立多个锚点，并通过调节方向线，使路径段紧贴“小鸭”的身体。,4.2 编辑路径 （六）,分析任务二,根据任务分析，查阅相关知识，上机操作完成任务。 利用路径的相关知识，以最少的锚

7、点勾画出小鸭的轮廓 启动Photoshop中文版7.0，打开小鸭图片； 用鼠标单击工具箱中的“钢笔工具”，并单击工具选项栏中的“路径”按钮； 在第一个锚点的位置单击并拖动鼠标，这个锚点旁就会出现方向线； 在第二个锚点处，单击鼠标左键并拖动出方向线； 按住Ctrl键在其它位置单击鼠标，完成锚点的新建操作； 在工具箱中选择“转换锚点工具”（也可以在新建锚点后，按住Alt键，将鼠标切换为“转换锚点工具”），拖动方向线的方向点，使路径紧贴小鸭胸部的轮廓。,4.2 编辑路径 （七）,完成任务二,利用路径操作制作一个网页上经常用到的如图所示图形。,4.2 编辑路径 （八）,提出任务三,根据相关知识中介绍的

8、调整和编辑路径的方法和技巧，做出如下任务分析： 在本任务中，需要首先利用“矩形工具” 绘制一个矩形形状，并为其填充颜色，然后选择“添加锚点工具”，为矩形形状添加4个锚点，最后选择“直接选择工具”，并拖动鼠标调整矩形形状，即可得到最终效果图。,4.2 编辑路径 （九）,分析任务三,根据任务分析，查阅相关知识，上机操作完成任务。 制作网页上经常用到的图形 在工具箱中选择“矩形工具”； 用鼠标单击工具选项栏中“形状图层”按钮，并选择一种颜色作为其填充色； 在图像窗口中绘制一个矩形形状，效果如左图所示； 绘制好矩形形状后，“图层”调板中会自动新建一个带路径的色彩填充层，如右图所示。单击图中的眼睛图标可

9、以隐藏或显示路径，双击其前方的色彩块可以更改填充色；,4.2 编辑路径 （十）,完成任务三,在工具箱中选择“添加锚点工具”，为矩形形状添加4个锚点，如左图所示； 在工具箱中选择“直接选择工具”，拖动鼠标选择右边2个新添加的锚点和矩形右边框上的两个顶点，然后拖动鼠标，移动其中的一点，则所有选中的锚点将随着移动，如右图所示； 当移动到合适的位置后，松开鼠标左键，即可得到最终效果图。,4.2 编辑路径 （十一）,完成任务三,为“音乐形状库”（如左图所示）添加一个基本形状，让音乐形状库更丰富（如右图所示）。,4.3 管理路径 （一）,提出任务一,根据相关知识中介绍的管理路径的方法和技巧，做出如下任务分

10、析： 在本任务中，要为“音乐形状库”添加一个形状，首先需要用矩形工具和椭圆工具建立形状，然后把它保存为自定义形状即可。,4.3 管理路径 （二）,分析任务一,根据任务分析，查阅相关知识，上机操作完成任务。 建立并复制图中所示的选区 启动Photoshop7.0中文版，新建一个文件； 在工具箱中选择“矩形工具”，并将其填充色设置为黑色； 在工具选项栏中单击选择“路径”按钮和“添加到形状区域”按钮； 在图像窗口中拖动鼠标绘制 矩形形状； 在工具箱中选择“椭圆工具”， 按住Shift键，并在图像窗口 中拖动鼠标绘制圆形形状生 成如图所示的效果图；,4.3 管理路径 （三）,完成任务一,选择“编辑”“

11、定义自定形状”命令，系统将弹出“形状名称”对话框，在“名称”文本输入框中输入自定形状名，并单击“好”按钮，即可保存所定义的形状； 打开形状工具调板，就会发现刚刚定义的形状已经出现在库中了。,4.3 管理路径 （四）,完成任务一,将同一路径应用到不同的文件中，制作如图所示的两颗“花心”。,4.4 路径与选区边框之间的转换 （一）,提出任务一,根据相关知识中介绍的路径与选区之间转换的操作和技巧，做出如下任务分析： 在本任务中，需要首先建立 “心”形路径，然后将其转换为选区，并进行羽化操作，再将选区所选中的图像复制到一个新文件中。,4.4 路径与选区边框之间的转换 （二）,分析任务一,根据任务分析，

12、查阅相关知识，上机操作完成任务。 启动Photoshop7.0中文版，打开玫瑰花图像文件； 利用前面介绍过的方法和步骤建立如图所示的“心”形路径；,4.4 路径与选区边框之间的转换 （三）,完成任务一,按住Alt键(Windows)，并用鼠标单击“路径”调板底部的“将路径作为选区载入” 按钮； 在“建立选区”对话框中，设置“羽化半径”为5，选中“消除锯齿”选项，然后单击“好”按钮，即可将路径转换为选区边框； 选择“编辑”“拷贝”命令或按下组合键Ctrl+C，复制选区； 新建一个文件，选择“编辑”“粘贴”命令或按下组合键Ctrl+V，将经过羽化的选区粘贴到新建的文件窗口中，即可得左图所示的以红玫

13、瑰做填充的心形。 切换到已经打开的玫瑰花图像窗口中，按住Alt键(Windows)，并用鼠标单击“路径”调板底部的“从选区生成工作路径”按钮 （或选择“路径”调板菜单中的“建立工作路径”命令）；,4.4 路径与选区边框之间的转换 （四）,完成任务一,在“建立工作路径”对话框中，设置容差值为2.0，并单击“好”按钮，转换完成的路径将被显示在“路径”调板中； 用工具箱中的“路径选择工具”选中心形路径； 选择“编辑”“拷贝”命令或按下组合键Ctrl+C，复制路径； 打开如图所示的图像文件，选择“编辑”“粘贴”命令或 按下组合键Ctrl+V，将 路径粘贴到如图所示 的图像窗口中； 重复执行步骤（2）

14、（6）中系列操作，可以 生成右图所示的心形。,4.4 路径与选区边框之间的转换 （五）,完成任务一,采用不同方式为心形路径添加颜色，制作如图所示的两颗“心”。,4.5 为路径添加颜色 （一）,提出任务一,根据相关知识中介绍的为路径添加颜色的操作和技巧，做出如下任务分析： 在本任务中，需要首先建立 “心”形路径，然后分别通过描边路经和填充路径，得到如图所示的效果。,4.5 为路径添加颜色 （二）,分析任务一,根据任务分析，查阅相关知识，上机操作完成任务。 利用描边路径的方法建立左图所示的心形 启动Photoshop7.0中文版，建立一个新文件； 利用前面介绍的方法和步骤建立“心”形路径； 选择并

15、设置画笔的笔尖形状为枫叶 用鼠标单击“路径”调板底部的“用画笔描边路径”按钮 ,即可得到左图所示的心形。,4.5 为路径添加颜色 （三）,完成任务一,利用填充路径的方法建立右图所示的心形 启动Photoshop7.0中文版，建立一个新文件； 利用前面介绍的方法和步骤建立“心”形路径； 按住Alt键(Windows)或Option键(Mac OS)，并用鼠标单击“路径”调板底部的“用前景色填充路径”按钮 ，或选择“路径”调板菜单中的“填充路径”命令； 在“填充路径”对话框中设置内容为相应的图案、填充模式设置为“正常”、渲染选项的羽化半径设置为5； 单击“好”按钮，即可按指定的设置对路径进行填充，从而得到右图所示的心形。,4.5 为路径添加颜色 （四）,完成任务一,本章重点介绍了路径的建立、编辑和管理等操作和技巧，“路径”是Photoshop中的重要工具，主要用于为光滑图像建立选区及辅助抠图、绘制光滑线条、定义画笔等，这些用途和功能还需要我们在实际应用过程中逐步体会。,小结,路径实际上是，它可以是，也可以是。路径最大特点就是容易编辑。 “自定形状工具” 是Photoshop