平面设计路径教程课件.pptx
《平面设计路径教程课件.pptx》由会员分享,可在线阅读,更多相关《平面设计路径教程课件.pptx(200页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、5.1 路径的创建虽然Photoshop是一个标准的位图软件,但仍然具有较强的矢量线条描绘功能,即运用路径和形状的绘制与编辑功能。利用“路径”可以绘制出线条化的图像,还可以制作出精确的选择区域。大部分路径是由钢笔工具或形状工具绘制得到的,路径的基本构成包括路径线、节点和控制句柄,如图5-1所示。第1页/共200页图5-1 路径的基本构成 第2页/共200页路径包括直线型路径、曲线型路径和混合型路径三种类型,图5-2所示的“钥匙”路径就是一个包括直线和曲线型路径的混合型路径。路径的类型由其所具有的节点所决定,直线型路径的节点没有方向线,因此其两侧的线段为直线。第3页/共200页图5-2 路径的组
2、成结构 第4页/共200页曲线型路径的节点有两种,一种为光滑型节点,这种节点的两侧均有平滑的曲线,拖动节点两侧其中的一条方向线,另外一条会向相反的方向移动,使路径线同时发生相应的变化,如图5-3所示。另一种为拐角型节点,这种节点的两侧也有两条方向线,但它们不在同一条直线上,而且拖动其中一条方向线时,另一条不会一起移动,如图5-4所示。第5页/共200页 图5-3 光滑型节点 第6页/共200页图5-4 拐角型节点 第7页/共200页5.1.1 使用钢笔工具创建路径钢笔工具是绘制路径的最基本工具。它既可用来绘制形状图层,又可用来绘制工作路径,习惯上人们都使用它建立工作路径。1.钢笔工具选项栏设置
3、“钢笔”工具选项栏如图5-5所示,其参数设置如下:(1)点击“形状图层”按钮,可在绘制路径的同时,建立一个形状图层,创建的路径内区域将被填入前景色。第8页/共200页(2)点击“路径”按钮,只绘出“工作路径”,而不会同时创建一个“形状图层”。(3)点击“填充像素”按钮,将直接在路径内的区域填入前景色。(4)“工具类型”这6个按钮的作用与工具箱里“形状工具组”中的各按钮功能相同,在这6个按钮上单击,即可切换选择不同的创建路径和矢量图像的工具。在选择钢笔工具状态下,单击6个按钮后的三角形,会弹出一个选项面板,如图5-6所示,当选择“橡皮带”时,在图像上单击后移动光标,将在单击出与移动的光标之间出现
4、一条虚拟的线,再次单击鼠标后,这条线才会被确定下来。第9页/共200页 图5-5 钢笔工具选项栏 图5-6 钢笔选项栏 第10页/共200页(5)选中“自动添加/删除”复选框,在已有的路径上单击鼠标,可在路径上的单击处增加一个锚点,而在已有的锚点上单击,可以将此锚点删除。如果没有选中此复选框,在路径上单击鼠标不能实现增加或删除锚点的功能。(6)“创建方式”按钮的功能与选框工具中的4种选取方式相同,从左到右各个按钮的含义如下:选择“创建新形状”图层按钮时,每次操作都将创建一个新的形状图层。选择“添加到形状区域”按钮时,可将新建的路径或图形添加到当前的路径或图形中去。第11页/共200页 选择“从
5、形状区域中减去”按钮时,将从新建的路径或图形中去除与原有的路径或图形交替的区域。选择“交叉形状区域”按钮时,将保留新建路径或图形与原有路径或图形的交叠区域。选择“重叠区域除外”按钮时,将去除新建路径或图形与原有路径或图形的交叠区域。第12页/共200页2.使用钢笔具绘制路径的工作步骤(1)新建图像文件,单击工具箱中的钢笔工具,将光标移到图像中的一个位置上单击并拖动,在两点之间连接出一条曲线,如图5-7所示。(2)将光标移动到图像中的另一个位置并拖动,再画出一条曲线,如图5-8所示。(3)重复前两个步骤,完成其它线段的绘制。(4)绘制结束时,如果要创建闭合路径,只要将光标放在起点上,当钢笔光标下
6、面显示一个小圆点时单击,即可闭合路径,如图5-9所示。第13页/共200页图5-7 两点间的曲线路径 图5-8 继续绘制路径 第14页/共200页 图5-9 闭合路径 第15页/共200页5.1.2 使用自由钢笔工具创建路径点击钢笔工具,会弹出如图5-10所示的菜单,选中“自由钢笔工具”选项,即可绘制任意路径。自由钢笔工具的使用方法类似于铅笔工具,与铅笔工具不同的是,使用自由钢笔工具绘制图形时,得到的是路径。利用自由钢笔工具,可直接在图像中拖动创建所需要的路径形状。若要得到闭合路径,可将光标最后回放至起点上,当光标下面显示为时单击即可,或者可以通过双击鼠标闭合路径。第16页/共200页图5-1
7、0 钢笔工具组第17页/共200页单击工具选项栏上的几何选项下拉列表,弹出如图5-11示的自由钢笔几何选项面板,在此可以设置自由钢笔工具的各种参数:(1)“曲线拟合”参数控制绘制路径时对鼠标移动的敏感性。输入的数值越高,所创建的路径节点越少,路径也越光滑。(2)选中“磁性的”复选框,可以激活磁性钢笔工具,此时“磁性的”选项栏中的各选项将处于激活状态。第18页/共200页(3)在“宽度”文本框中可以输入一个像素值,以定义磁性钢笔探测的距离。该数值越大,则磁性钢笔探测的距离越大。(4)在“对比”文本框中可以输入一个百分比,以定义边缘像素间的对比度。(5)在“频率”文本框中可以输入一个数值,以定义钢
8、笔在绘制路径时设置节点的密度。该数值越大,则得到的路径的节点数越多。第19页/共200页图5-11 自由钢笔选项面板第20页/共200页5.2 路径的编辑创建后的路径需要做进一步的调整,从而使路径更精确。路径的编辑包括运用路径控制面板功能复制、删除、关闭和隐藏路径等。5.2.1 使用钢笔工具组编辑路径在钢笔工具组弹出的菜单中,添加锚点工具、删除锚点工具和转换点工具是编辑路径的工具。下面将介绍这3种工具的功能和使用方法。第21页/共200页1.添加锚点工具利用添加锚点工具可以在现有的路径上增加锚点。要在路径上增加一个锚点,可在选中该工具后,将光标移至图像中的路径上,当钢笔工具光标的右下角出现一个
9、“+”符号时,单击鼠标即可,如图5-12所示。第22页/共200页图5-12 增加锚点 第23页/共200页2.删除锚点工具利用删除锚点工具可以在出现有的路径上删除锚点。要删除路径上的锚点,可在选中删除锚点工具后,将光标移至图像中的锚点上,当钢笔工具光标的右下角出现一个“-”符号时,单击鼠标即可,如图5-13所示。第24页/共200页图5-13 删除锚点 第25页/共200页3.转换点工具利用该工具可以在平滑曲线转折点和直线转折点之间进行转换。平滑曲线转换点所连接的是一条曲线段,而直线转折点所连接的是一条直线段。锚点分为直线锚点和曲线锚点。使用转换点工具,可以实现两者之间的相互转换。选中转换点
10、工具,将光标移至图像中曲线路径的锚点,然后单击,即可将曲线锚点转换为一个直线锚点。图5-14 所示为锚点转换前的效果,图5-15所示为锚点转换后的效果。第26页/共200页图5-14 锚点转换前的效果 第27页/共200页图5-15 锚点转换后的效果 第28页/共200页5.2.2 使用路径选取工具编辑路径在编辑路径时,需要先选中路径或路径上的锚点。在Photoshop中,可以使用路径选择工具和直接选择工具来完成,如图5-16所示。使用这两种工具选择路径的方法和效果是不一样的,下面将对它们分别进行介绍。第29页/共200页图5-16 路径选择工具组第30页/共200页1.直接选择工具直接选择工
11、具用来调整路径中的锚点和线段。使用该工具选择整个路径,被选中的路径锚点将以空心点的方式显示。如果需要移动或调整路径中的某一锚点,可使用直接选择工具,具体操作步骤如下:(1)使用直接选择工具在路径线上任一位置单击,选中当前路径。(2)将光标移至要选中的锚点上单击并拖动,即可移动该锚点,如图5-17所示。(3)当锚点被选中后会变成实心点,如果所选锚点具有控制柄,则可以使用直接选择工具对控制柄进行调整,如图5-18所示。第31页/共200页图5-17 选中锚点移动 第32页/共200页图5-18 选中锚点并调整控制柄 第33页/共200页2.路径选择工具路径选择工具可以对整个路径进行选择和移动,但它
12、不能调整路径上的某一个锚点。路径选择工具选项栏如图5-19所示。使用该工具选择路径时,被选中的路径锚点以实心点的方式显示,如图5-20所示。使用路径选择工具选择路径,不需要在路径线上,而只需要移动光标在路径内的任何位置并单击,即可完成选取。第34页/共200页图5-19 路径选择工具选项栏图5-20 使用路径选择工具选中路径的状态第35页/共200页1)选择路径选择路径选择工具,单击要选择的路径,即可将该路径选中;按住Shift键选择路径,则可以选中多个路径;按住鼠标在图像窗口中拖出一个选择框,可以选中多个路径。2)移动路径使用路径选择工具拖动选中的路径,即可移动路径;或执行“编辑/自由变换路
13、径”命令,也可移动路径,如图5-21所示。第36页/共200页图5-21 自由变换路径第37页/共200页3)组合路径选中要组合的多个路径后,从路径选择工具选项栏中选择需要的组合方式,然后单击组合路径按钮,即可将多个路径组合为一个路径,可以选择生成多种组合方式。4)对齐路径选中多个路径后,单击路径选择工具选项栏中的“路径对齐方式”按钮,可实现路径间的各种对齐。5)分布路径选中多个路径后,单击路径选择工具选项栏中的“路径分布方式”按钮,可实现多个路径的各种分布。第38页/共200页6)变形路径选中要变形的路径后,选中路径选择工具选项栏中“显示定界框”选项,这时路径四周会出现一个边上有8个控制点的
14、变形框,如图5-22所示。按住鼠标并拖动这些控制点,即可将路径变形。在变形框的中心有一个小圆圈,表示变形是以该圆圈为中心进行的,移动圆圈位置可以改变变形中心。图5-23所示为路径进行变形后的效果。第39页/共200页图5-22 显示定界框 第40页/共200页 图5-23 变形后的路径 第41页/共200页5.2.3 使用路径控制面板编辑路径选择“窗口路径”命令项,将弹出路径控制面板,如图5-24所示。图5-24 路径控制面板第42页/共200页1.路径控制面板的一般操作路径控制面板与图层控制面板有相似的地方。我们也可以像建立图层一样,建立多个路径层,然后将不同的路径放在不同的层中,这样就可以
15、控制路径的显示或隐藏,具体操作如下:(1)单击某个路径层,可将该层设置为当前层。在图像窗口中只显示当前层上的路径。(2)单击路径层下方的面板空白处,或按住Shift键再单击当前层,可隐藏图像上的所有路径。第43页/共200页(3)若控制面板上存在当前层,在图像窗口绘制的路径就会建立在当前层上;若没有选择当前层,则绘制的路径建立在工作路径层上。工作路径层总是位于各路径层的最下端,具有临时存放路径的作用。为避免工作路径层中的内容被删除,可将工作路径层转变为普通的路径层上。最快捷的转变方法是:将工作路径层拖到新建路径按钮上,然后释放鼠标即可。(4)双击普通路径层的名称,可以直接修改该路径层的名称。双
16、击工作路径层的名称,弹出“存储路径”对话框,在对话框的文本框中输入新路径的名称,然后点击“好”按钮,也可以将工作路径层转变为普通路径层。第44页/共200页2.按钮工具的作用按钮工具的种类及作用如下:(1)填充按钮:单击该按钮,可用前景色填充当前层上的路径。(2)描边按钮:单击该按钮,可用前景色为当前层上的路径描边。(3)路径变为选区按钮:单击该按钮,可将当前层上的路径转变为选区。(4)选区变为路径按钮:单击该按钮,可将图像窗口的选区转变为路径,新路径放置在工作路径层中。(5)新建路径按钮:单击该按钮,可创建新的普通路径层,默认的路径名称为路径1、路径2等。第45页/共200页(6)垃圾箱:用
17、来删除不需要的路径层。3.描边和填充路径除了使用按钮工具可以用前景色填充或描边路径外,系统还提供了“填充路径”和“描边路径”两个命令。在面板菜单中或右键单击路径层后弹出的快捷菜单中,均可找到这两个命令。应用这两个命令,可以创建多样的填充或描边效果。1)描边路径选择“描边路径”命令或按住Alt键单击描边路径按钮,将弹出描边路径对话框,如图5-25所示。第46页/共200页图5-25 描边路径对话框第47页/共200页“工具”选项是用来选择描边工具的。点击选项下拉菜单弹出选项菜单,如图5-26所示。选择不同的工具,将得到不同的描边效果。在选择某个工具之前,一定要先设置好该工具的有关参数。系统将采用
18、工具的当前设置进行描边。2)制作邮票效果实例用描边工具制作邮票边缘效果的步骤如下:(1)打开要制作效果的图像,将背景色设置为白色,使用“画布大小”命令,将四周加上适当大小的白边,如图5-27所示。第48页/共200页图5-26 描边下拉列表第49页/共200页图5-27 原图像 第50页/共200页(2)用魔术棒工具将白边变为选区,再反选,将图像区域变为选区。点击路径控制面板上的选区转换为路径按钮,将选区转换为路径。(3)设置画笔的直径为10像素,间距为150%。(4)将前景色设置为白色。按住Alt键,点击路径控制面板上的描边按钮。在弹出的对话框中,选择“画笔”为描边工具,然后点击“好”按钮,
19、邮票的边缘效果制作完毕。(5)按住Shift键,点击路径层,隐藏路径。最终效果如图5-28所示。第51页/共200页图5-28 制作邮票的最终效果 第52页/共200页3)填充路径填充路径与填充选区一样,可以在路径内填充颜色或图案。默认情况下,单击路径控制面板下面的填充路径按钮,即可为当前路径填充前景色,如图5-29、图5-30所示。如果要控制填充路径的参数及样式,可按住Alt键,单击填充路径按钮,或选择路径控制面板菜单中的“填充路径”命令,弹出“填充路径”对话框,如图5-31所示。第53页/共200页图5-29 当前路径 第54页/共200页图5-30 路径内部填充前景色 第55页/共200
20、页图5-31“填充路径”对话框 第56页/共200页此对话框中各参数的含义如下所述:(1)在“使用”下拉列表中,选择填充的内容,其中包括“前景色”、“背景色”、“颜色”、“图案”、“历史记录”、“黑色”、“50%灰色”和“白色”等8个选项。(2)如果选择“图案”选项,则“自定图案”选项将被激活,在此下拉列表框中可以选择要填充的图案。第57页/共200页(3)在混合区的“模式”下拉列表中,选择填充内容的混合模式;在“不透明度”文本框中,设置填充内容的不透明度。(4)在渲染区的“羽化半径”文本框中输入一个大于0的数值,可以使填充具有柔边效果。(5)选择“消除锯齿”选项,可以消除填充时的锯齿。第58
21、页/共200页5.3 形状的创建形状工具可以创建出矢量图形或路径。形状工具组如图5-32所示。图5-32 形状工具组 第59页/共200页5.3.1 形状工具选项栏各种形状工具的选项栏略有差别,但总体上相近。图5-33所示为自定义形状工具的选项栏。图5-33 自定义形状工具选项栏 第60页/共200页1.三种绘制对象利用形状工具绘图可以得到三种类型的对象:(1)形状图层:将形状图层设为选中状态时,使用形状工具绘图将会得到一个单独的新图层,为形状图层,如图5-34所示。形状图层是三个对象中的默认选项。第61页/共200页图5-34 创建形状图层及相应的图层面板、路径面板第62页/共200页(2)
22、工作路径:将工作路径设为选中状态时,使用形状工具绘图将会得到形状的轮廓线,为工作路径。如图5-35所示。图5-35 创建工作路径及相应的图层、路径面板第63页/共200页(3)填充像素:将填充像素设为选中状态时,使用形状工具绘图,将在当前图层中画出所选形状的位图图形,填充颜色为前景色,如图5-36所示。图5-36 创建填充像素及相应的图层面板、路径面板第64页/共200页2.形状工具工具箱中的形状工具列表与选项栏中的形状工具是一一对应的。选择一个形状工具后,点击几何选项下拉列表,会出现几何选项面板,从中可以进一步设置工具的形状。选中自由形状工具后,点击形状选项下拉列表,会出现自由形状面板,如图
23、5-37所示,从中可以选择不同的形状。第65页/共200页图5-37 自由形状面板第66页/共200页3.运算按钮在默认情况下,绘制一个形状就会创建一个新图层。如果单击工具选项栏中相应的运算按钮,则能够在当前形状图层中继续绘制,并改变图层中的原形状。这些运算按钮与选区运算按钮的意义相同。若已存在一个形状图层,如图5-38所示,再进行绘制时,选中不同的运算按钮,会得到不同的结果。第67页/共200页图5-38 原形状图层 第68页/共200页从左至右各按钮的含义依次为:(1)创建新形状图层按钮:再次绘制的内容又创建了一个新图层,如图5-39所示。图5-39 新形状图层 第69页/共200页(2)
24、添加到形状图层按钮:在当前形状图层中添加再次绘制的形状,如图5-40所示。图5-40 添加到形状图层 第70页/共200页(3)从形状图层中减去按钮:在当前形状图层中减去原形状与再次绘制形状的相交部分,如图5-41所示。图5-41 从形状图层中减去 第71页/共200页(4)保留相交按钮:只保留再次绘制的形状与原形状相交的区域,如图5-42所示。图5-42 保留相交 第72页/共200页(5)保留非相交按钮:只保留再次绘制的形状与原形状相交以外的区域,如图5-43所示。图5-43 保留非相交 第73页/共200页5.3.2 形状工具几何选项设置1.矩形工具 矩形选项面板如图5-44所示,其中各
25、选项的功能如下:(1)选择“不受限制”选项,可以自由控制矩形的大小,这也是默认选项。(2)选择“方形”选项,则绘制的形状都是正方形。(3)选择“固定大小”选项,并在“W”和“H”文本框中输入数值,可以精确定义矩形的宽和高。第74页/共200页图5-44 矩形选项面板第75页/共200页(4)选择“比例”单选按钮,并在“W”和“H”文本框中输入数值,可定义矩形宽和高的比例。(5)选择“从中心”选项,以点击处为中心绘制矩形。(6)选择“对齐像素”选项,可使矩形边缘自动与像素边缘重合。2.圆角矩形工具 圆角矩形选项面板如图5-45所示。第76页/共200页图5-45 圆角矩形选项面板第77页/共20
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 平面设计 路径 教程 课件
限制150内