资源简介

(共34张PPT)
第7章
路径的创建与应用
使用路径不仅可以精确地创建选区，还可以随心所欲地绘制各种图形，这是使用Photoshop进行图像处理所必须熟练掌握的重要技能之一。本章将介绍创建与应用路径的各种方法与技巧。
目录contents
01
绘制与编辑路径
02
课堂案例——制作国潮风
护肤品直通车主图
03
绘制形状
04
课堂案例——制作时尚运动
男鞋首页
05
课堂练习——制作移动端
店铺优惠券
06
课堂练习——制作女装
网店首页分类区
07
课后练习——制作小家电
网店店招导航
Part / 01
绘制与编辑路径
利用钢笔工具可以绘制各种形状的矢量图形，还可以帮助用户精确地创建选区。与路径有关的操作基本都可以在“路径”面板中完成，下面将详细介绍“路径”面板。
7.1.1 认识“路径”面板
“路径”面板
“路径”面板是用于保存和管理路径的工具，其中显示了当前工作路径、存储的路径和当前矢量蒙版的名称及缩览图。路径的基本操作和编辑基本可以通过该面板来完成。
单击“窗口”|“路径”命令，即可打开“路径”面板。单击“路径”面板右上角的 按钮，利用弹出的面板菜单也可以实现与路径相关的操作。
面板菜单
7.1.2 应用钢笔工具绘制路径
绘制直线路径
绘制闭合路径
选择工具箱中的钢笔工具 ，其工具属性栏如下图所示。
● 认识钢笔工具
钢笔工具属性栏
1
继续在其他位置单击确定其他锚点，当移动鼠标指针到起始锚点处时，钢笔的右下角会出现一个小圆圈，单击即可闭合路径。
2
● 绘制直线路径
选取钢笔工具 ，在图像窗口中单击确定起始锚点；移动鼠标指针到下一个需要创建锚点位置，单击创建第二个锚点，即可得到一条直线路径。
7.1.2 应用钢笔工具绘制路径
绘制曲线路径
创建C形曲线
创建S形曲线
1
将鼠标指针移动到希望曲线路径结束的位置，如果要创建C形曲线，可以向前一条方向线的相反方向拖动，然后松开鼠标左键；如果要创建S形曲线，可以向与前一条方向线相同的方向拖动，然后松开鼠标左键。
2
● 绘制曲线路径
选择钢笔工具 ，将鼠标指针移动到曲线路径的起点并按住鼠标左键，此时会出现第一个锚点，同时钢笔工具变为箭头形状 ，拖动锚点以设置要创建曲线路径的斜度，然后松开鼠标左键。
继续从不同的位置拖动鼠标指针，以创建一系列平滑的曲线路径。
3
7.1.3 选择与移动路径
选择整条路径
移动路径
复制路径
路径选择工具 主要用于选择整条路径。选择工具箱中的路径选择工具 ，在路径上的任意位置单击，此时路径上的所有锚点呈黑色实心显示，即选择整条路径。
在选中的路径上按住鼠标左键并拖动，即可移动选中的路径；如果在移动路径的过程中按住【Alt】键，则可以复制路径。
● 路径选择工具
7.1.3 选择与移动路径
● 路径选择工具
选中多条路径
选择“合并形状”选项
如果当前有多条路径，则可以在按住【Shift】键的同时依次单击要选择的路径，将其全部选中；或者拖动鼠标指针拉出一个虚线框，与虚线框交叉或被虚线框包围的所有路径都将被选中。
选中多条路径后，利用路径选择工具 属性栏中的“路径对齐方式”按钮 可以对路径进行对齐和分布操作。选择路径操作模式中的“合并形状”选项，可以将选中的路径组合在一起，作为一个整体进行操作。
7.1.3 选择与移动路径
激活路径
选中锚点
调整线段的形状
删除线段
使用直接选择工具 可以对路径中的某个或几个锚点进行选择和调整。选择直接选择工具 ，单击路径，此时路径将被激活，移动鼠标指针单击锚点，即可选中该锚点；如果想选择多个锚点，可以在按住【Shift】键的同时依次单击要选择的多个锚点，或者拖动鼠标指针拉出一个虚线框，被虚线框包围的所有锚点都将被选中。
使用直接选择工具 单击两个锚点之间的线段，即可将其选中。拖动线段，可以调整线段的形状。如果在选中线段后按【Delete】键，则可以删除该线段。
● 直接选择工具
7.1.4 转换锚点类型
直线锚点
平滑锚点
拐点锚点
复合锚点
锚点共有4种类型，分别为直线锚点、平滑锚点、拐点锚点和复合锚点。通过改变锚点的类型，可以改变路径的形状。使用工具箱中的转换点工具 可以实现各锚点之间的转换。
7.1.4 转换锚点类型
转换为直线锚点
转换为平滑锚点
选择工具箱中的转换点工具 ，将鼠标指针移至路径中任意一个平滑锚点、拐点锚点或复合锚点上，单击锚点即可将其转换为直线锚点。
● 转换为直线锚点
选择工具箱中的转换点工具 ，将鼠标指针移至图像中路径的角点处，按住鼠标左键并拖动，即可将角点转换为平滑锚点。
● 转换为平滑锚点
7.1.4 转换锚点类型
转换为拐点锚点
转换为复合锚点
选择工具箱中的转换点工具 ，将鼠标指针移至要转换的路径上，拖动锚点上的调整柄改变其方向，使其与另一个调整柄不在一条直线上，即可将平滑锚点转换为拐点锚点。
● 转换为拐点锚点
选择工具箱中的转换点工具 ，按住【Alt】键，将鼠标指针移至要转换的锚点上，按住鼠标左键并拖动，即可将平滑锚点或拐点锚点转换为复合锚点。
● 转换为复合锚点
7.1.5 路径与选区的转换
要将当前选择的路径转换为选区，可以单击“路径”面板底部的“将路径作为选区载入”按钮 ，或者直接按【Ctrl+Enter】组合键。
● 将路径转换为选区
将路径转换为选区
7.1.5 路径与选区的转换
在创建选区后，单击“路径”面板右上角的 按钮，在弹出的面板菜单中选择“建立工作路径”命令，弹出“建立工作路径”对话框，在“容差”数值框中设置路径的平滑度，然后单击“确定”按钮，即可得到路径。
单击“路径”面板底部的“从选区生成工作路径”按钮 ，也可以将选区转换为路径。
● 将选区转换为路径
“建立工作路径”对话框
单击“从选区生成工作路径”按钮
Part / 02
课堂案例——制作国潮风护肤品直通车主图
案例学习目标
学习使用钢笔工具绘制并调整路径。树立文化自信，构建民族文化价值观，建设文化强国。
案例知识要点
使用钢笔工具绘制路径抠取图像，应用图层蒙版为图像添加倒影效果。
效果所在位置
效果文件/第7章/制作国潮风护肤品直通车主图.psd。
国潮风护肤品直通车主图
Part / 03
绘制形状
在创建路径时，除了可以使用钢笔工具和自由钢笔工具外，还可以使用工具箱中提供的形状工具绘制形状。下面将学习如何使用形状工具绘制各种形状。
7.3.1 应用矩形工具
绘制长方形
绘制正方形
使用矩形工具 可以绘制长方形和正方形。选择该工具后，直接按住鼠标左键并拖动鼠标指针，即可在图像窗口中绘制长方形；按住【Shift】键并拖动鼠标指针，可以绘制正方形。
7.3.1 应用矩形工具
选择工具箱中的矩形工具 ，其工具属性栏如下图所示。
矩形工具属性栏
“描边”设置面板
“路径选项”面板
7.3.2 应用圆角矩形工具
绘制圆角矩形
绘制圆角正方形
圆角矩形工具 用于绘制圆角矩形。选择该工具后，在图像窗口中按住鼠标左键并拖动，即可绘制圆角矩形。按住【Shift】键并拖动鼠标指针，可以绘制圆角正方形。
7.3.2 应用圆角矩形工具
半径为200像素
半径为30像素
圆角半径大小对比
选择工具箱中的圆角矩形工具 ，其工具属性栏如下图所示。在“半径”数值框中可以设置圆角的半径大小，数值越大，矩形的边角就越圆滑。
圆角矩形工具属性栏
7.3.3 应用椭圆工具
绘制椭圆形路径
绘制正圆形路径
选择椭圆工具 后，在图像窗口中按住鼠标左键并拖动，可以绘制椭圆形路径；按住【Shift】键并拖动鼠标指针，可以绘制正圆形路径。
椭圆工具属性栏
7.3.4 应用多边形工具
未做设置
选中“平滑拐角”和“星形”复选框
选择工具箱中的多边形工具 ，在其工具属性栏的“边”数值框中可以输入边的个数，即多边形的边数。在“路径选项”面板中设置不同的参数，可以得到不同形状的星形路径。
多边形工具属性栏及“路径选项”面板
7.3.4 应用多边形工具
“缩进边依据”为20%
“缩进边依据”为80%
取消选中“平滑缩进”复选框
选中“平滑缩进”复选框
选择工具箱中的多边形工具 ，在其工具属性栏的“边”数值框中可以输入边的个数，即多边形的边数。在“路径选项”面板中设置不同的参数，可以得到不同形状的星形路径。
多边形工具属性栏及“路径选项”面板
7.3.5 应用直线工具
使用直线工具绘制的各种图形
直线工具属性栏及“路径选项”面板
选择工具箱中的直线工具 ，在其工具属性栏中设置直线粗细的数值，可以绘制不同粗细的直线。单击“设置其他形状和路径选项”按钮 ，在弹出的“路径选项”面板中设置各项参数，还可以绘制不同类型的箭头路径。
7.3.6 应用自定形状工具
选择工具箱中的自定形状工具 ，单击“形状”右侧的下拉按钮 ，在弹出的下拉面板中选择所需的形状。在图像窗口中按住鼠标左键并拖动，即可绘制图形。
自定形状工具属性栏及“形状”面板
Part / 04
课堂案例——制作时尚运动男鞋首页
案例学习目标
学习使用不同的绘图工具绘制各种形状，使用移动工具添加商品图片，使用文字工具添加文字。
案例知识要点
使用绘图工具绘制商品陈列区和
优惠券的形状，使用横排文字工具添加文字。
效果所在位置
效果文件/第7章/制作时尚运动男鞋首页.psd。
时尚运动男鞋首页
Part / 05
课堂练习——制作移动端店铺优惠券
效果所在位置
效果文件/第7章/制作移动端店铺优惠券.psd。
练习知识要点
使用不同的绘图工具绘制各种图形。
素材所在位置
素材文件/第7章/制作移动端店铺优惠券。
移动端店铺优惠券
Part / 06
课堂练习——制作女装网店首页分类区
效果所在位置
效果文件/第7章/制作女装网店首页分类区.psd。
练习知识要点
使用矩形工具绘制矩形，通过创建剪贴蒙版隐藏部分多余商品图像，使用文字工具添加文字。
素材所在位置
素材文件/第7章/制作女装网店首页分类区。
女装网店首页分类区
Part / 07
课后练习——制作小家电网店店招导航
效果所在位置
效果文件/第7章/制作小家电网店店招导航.psd。
练习知识要点
使用绘图工具绘制不同的形状，使用文字工具输入店铺名称和导航分类。
素材所在位置
素材文件/第7章/制作小家电网店店招导航。
小家电网店店招导航

展开更多......

收起↑