啾咪~我是憬颜小姐姐~
我们讲基础photoshop的矢量绘图~
今天的主要内容:
10.1 什么是矢量绘图
10.2 使用形状工具组
10.3 矢量对象的编辑操作
10.4 课后练习篇 综合实例:甜美风格女装招贴
文章最后有往期教学文章回顾~
本篇是长篇文章~有需要的小可爱可以按主要内容寻找学习哟~ ( ᖛ ̫ ᖛ )ʃ
第10章 矢量绘图绘图是Photoshop的一项重要功能,除了使用画笔工具进行绘图外,矢量绘图也是一种常用的方式。矢量绘图是一种风格独特的插画,画面内容通常由颜色不同的图形构成,图形边缘锐利,形态简洁明了,画面颜色鲜艳动人。在Photoshop中有两大类可以用于绘图的矢量工具:钢笔工具以及形状工具。钢笔工具用于绘制不规则的形态,而形状工具则用于绘制规则的几何图形,例如椭圆形、矩形、多边形等等。形状工具的使用方法非常简单,使用“钢笔工具”绘制路径并抠图的方法在前面的章节中进行过讲解,本章主要针对钢笔绘图以及形状绘图的方式进行讲解。
10.1 什么是矢量绘图
矢量绘图是一种比较特殊的绘图模式。与使用“画笔工具”绘图不同,画笔工具绘制出的内容为“像素”,是一种典型的位图绘图方式。而使用“钢笔工具”或“形状工具”绘制出的内容为路径和填色,是一种质量不受画面尺寸影响的矢量绘图方式。Photoshop的矢量绘图工具包括钢笔工具和形状工具。钢笔工具主要用于绘制不规则的图形,而形状工具则是通过选取内置的图形样式绘制较为规则的图形。
10.1.1 认识矢量图
矢量图形是由一条条的直线和曲线构成的,在填充颜色时,系统将按照用户指定的颜色沿曲线的轮廓线边缘进行着色处理。矢量图形的颜色与分辨率无关,图形被缩放时,对象能够维持原有的清晰度以及弯曲度,颜色和外形也都不会发生偏差和变形。所以,矢量图经常用于户外大型喷绘或巨幅海报等印刷尺寸较大的项目中。如图所示。
10.1.2 路径与锚点
在矢量制图的世界中,我们知道图形都是由路径以及颜色构成的。那么什么是路径呢?路径是由锚点及锚点之间的连接线构成。两个锚点就可以构成一条路径,而三个锚点可以定义一个面。锚点的位置决定着连接线的动向。所以,可以说矢量图的创作过程就是创作路径、编辑路径的过程。
路径上的转角有的是平滑的,有的是尖锐的。
路径可以被概括为三种类型:开放路径、闭合路径以及复合路径。如图、图和图所示。
10.1.3 矢量绘图的几种模式
在使用“钢笔工具”或“形状工具”绘图前首先要在工具选项栏中选择绘图模式:“形状”、“路径”和“像素”,如图所示。如图所示为三种绘图模式。注意,“像素”模式无法在“钢笔工具”状态下启用。
10.1.4 使用“形状”模式绘图
在使用“形状工具组”中的工具或“钢笔工具”时,都可将绘制模式设置为“形状”。在“形状”绘制模式下可以设置形状的填充,可以将其填充为“纯色”、“渐变”、“图案”或者无填充。同样还可以设置描边的颜色、粗细以及描边样式。如图所示。
10.1.5 “像素”模式
在“像素”模式下绘制的图形是以当前的前景色进行填充,并且是在当前所选的图层中绘制。首先设置一个合适的前景色,然后选择“形状工具组”中的任意一个工具,接着在选项栏中设置绘制模式为“像素”,设置合适的混合模式与不透明度。然后选择一个图层,按住鼠标左键拖拽进行绘制。如图所示。绘制完成后只有一个纯色的图形,没有路径,也没有新出现的图层。如图所示。
10.1.6 什么时候需要使用矢量绘图?
由于矢量工具包括几种不同的绘图模式,不同的工具在使用不同绘图时的用途也不相同。
抠图/绘制精确选区:钢笔工具 路径模式。绘制出精确的路径后,转换为选区可以进行抠图或者以局部选区对画面细节进行编辑,这部分知识已经在前面的章节进行过讲解。
需要打印的大幅面设计作品:钢笔工具 形状模式,形状工具 形状模式。由于平面设计作品经常需要进行打印或印刷,而如果需要将作品尺寸增大时,以矢量对象存在的元素,不会因为增大或缩小图像尺寸而影响质量。所以最好使用矢量元素进行绘图。
绘制矢量插画:钢笔工具 形状模式,形状工具 形状模式。使用形状模式进行插画绘制,即可方便的设置颜色,又方便进行重复编辑。
10.2 使用形状工具组右键单击工具箱中的形状工具组按钮 ,在弹出的工具组中可以看到六种形状工具,如图所示。使用这些形状工具可以绘制出各种各样的常见形状,如图所示。
10.2.1矩形工具
“矩形工具” 可以绘制出标准的矩形对象和正方形对象。矩形在设计中应用非常广泛。单击工具箱中的“矩形工具” 按钮,在画面中按住鼠标左键拖拽,释放鼠标后即可完成一个矩形对象绘制。如图和图所示。在选项栏中单击 图标,打开“矩形工具”的设置选项,如图所示。
10.2.2圆角矩形工具
圆角矩形在设计中应用非常广泛,它不似矩形那样锐利、棱角分明,它给人一种圆润、光滑的感觉,所以也就变得富有亲和力。“圆角矩形工具”的使用方法与“矩形工具”一样基本相同。
10.2.3椭圆工具
使用“椭圆工具”可绘制出椭圆形和正圆形。在“形状工具组”上单击鼠标右键,选择“椭圆工具” 。如果要创建椭圆,可以在画面中按住鼠标左键并拖动,如图所示。松开光标即可创建出椭圆形。如图所示。如果要创建正圆形,可以按住Shift键或Shift Alt组合键(以鼠标单击点为中心)进行绘制。
10.2.4多边形工具
使用“多边形工具”可以创建出各种边数的多边形(最少为3条边)以及星形。在形状工具组上单击鼠标右键,选择“多边形工具” 。在选项栏中可以设置“边”数,还可以在多边形工具选项中设置半径、平滑拐点、星形等参数,如图所示。设置完毕后在画面中按住鼠标左键拖拽,松开鼠标完成绘制操作,如图和图所示。
【我是憬颜小姐姐~想知道更多有关平面设计的知识、免费教学 教程 免费学习平面设计等等~
请私信我“平面设计”~私信我有软件安装包和免费的练习素材哦~爱你们啾咪~
10.2.5直线工具
使用“直线工具”可以创建出直线和带有箭头的形状。如图所示。右键单击形状工具组,在其中选择“直线工具”,首先在选项栏中设置合适的填充、描边。调整“粗细”数值设置合适的直线的宽度,接着按住鼠标左键拖拽进行绘制。如图所示。
10.2.6自定形状工具
使用“自定形状工具”可以创建出非常多的形状。右键单击工具箱中的形状工具组,在其中选择“自定形状工具”。在选项栏中单击“形状”按钮,在下拉面板中单击选择一个种形状,然后在画面中按住鼠标左键拖拽进行绘制。如图所示。
10.3 矢量对象的编辑操作
在矢量绘图时,最常用到的就是“路径”以及“形状”这两种矢量对象。“形状”对象由于是单独的图层,所以操作方式与图层的操作基本相同。但是“路径”对象由于是一种“非实体”对象,不依附于图层,也不具有填色描边等属性,只能通过转换为选区后进行其他操作。所以“路径”对象的操作方法与其他对象有所不同,想要调整“路径”位置,对“路径”进行对齐分布等操作,都需要使用特殊的工具。
10.3.1移动路径
如果绘制的是“形状”对象或“像素”,那么只需选中该图层,然后使用“移动工具”进行移动即可。如果绘制的是“路径”,想要改变图形的位置,可以单击工具箱中的“路径选择工具”按钮,然后在路径上单击,即可选中该路径。如图所示。按住鼠标左键并拖动光标,可以移动路径所处的位置。如图所示。
10.3.2 路径操作
在使用“钢笔工具”或“形状工具”以“形状模式”或“路径模式”进行绘制时,选项栏中就可以看到“路径操作”的按钮,单击该按钮,在下拉菜单中可以看到多种路径的操作方式。
10.3.3 变换路径
选择路径或形状对象,使用快捷键Ctrl T调出定界框,接着可以进行变换。也可以单击鼠标右键,在弹出的快捷菜单中选择相应的变换命令。如图所示。还可以执行“编辑>变换路径”菜单下的命令即可对其进行相应的变换。变换路径与变换图像的使用方法是相同的。
10.3.4 对齐、分布路径
对齐与分布可以对路径或者形状中的路径进行操作。如果是形状中的路径,则需要所有路径在一个图层内,接着使用“路径选择工具” 选择多个路径,接着单击选项栏中的“路径对齐方式”按钮,在弹出的菜单中可以对所选路径进行对齐、分布,如图所示。如图所示为底对齐的效果。路径的对齐与分布于图层的对齐分布的使用方法是一样的。
10.3.5 调整路径排列方式
当文档中包含多个路径,或者一个形状图层中包括多个路径时,可以调整这些路径的上下排列顺序,不同的排列顺序会影响到路径运算的结果。选择路径,单击属性栏中的“路径排列方法”按钮 ,在下拉列表中单击并执行相关命令。可以将选中的路径的层级关系进行相应的排列,如图所示。
10.3.6 定义为自定形状
如果某个图形比较常用,我们可以将其定义为“形状”,以便于随时在“自定形状工具”中随时使用。首先选择需要定义的路径,如图所示。接着执行“编辑>定义自定形状”菜单命令,在弹出的“形状名称”窗口中设置合适的名称,单击“确定”按钮完成定义操作。如图所示。接着单击工具箱中的“自定形状工具” 按钮,在选项栏中单击形状下拉列表按钮,在形状预设中可以看到刚刚自定的形状。如图所示。
10.3.7 填充路径
首先绘制路径,然后在使用“钢笔工具”或“形状工具”(自定义形状工具除外)状态下,在路径上单击鼠标右键执行“填充路径”命令,如图所示。随即会打开“填充路径”窗口,在该窗口中可以以前景色、背景色、图案等内容进行填充,使用方法与“填充”窗口一样。如图所示。
10.3.8 描边路径
“描边路径”命令能够以设置好的绘画工具沿路径的边缘创建描边,比如使用画笔、铅笔、橡皮擦、仿制图章等进行路径描边。
10.3.9 删除路径
在进行路径描边之后经常需要删除路径。使用“路径选择工具”单击选择需要删除的路径,如图所示。接着按一下键盘上的Delete键进删除。如图所示。或者在使用矢量工具状态下单击鼠标右键执行“删除路径”命令。
10.3.10 使用“路径”面板管理路径
“路径”面板主要用来储存、管理以及调用路径,在面板中显示了存储的所有路径、工作路径和矢量蒙版的名称和缩览图。执行“窗口>路径”菜单命令,打开“路径”面板,如图所示。
10.4 综合实例:甜美风格女装招贴
文件获取
私信我“获取素材”就可以免费获取本篇文章的实例素材以及教学视频哦~
难易指数
四颗星
技术掌握
矢量工具的使用
往期photoshop基础教学文章:
【平面设计教学】Photoshop基本教学-第1章 Photoshop入门
【平面设计教学】Photoshop基本教学-第2章 Photoshop基本操作
【平面设计教学】Photoshop基本教学-第3章 选区与填色
【平面设计教学】Photoshop基本教学-第4章 绘画与图像修饰
【平面设计教学】Photoshop基本教学-第5章 调色
【平面设计教学】Photoshop基本教学-第6章使用CameraRaw处理照片
「平面设计教学」Photoshop基本教学-第7章 实用抠图技法
「平面设计教学」Photoshop基本教学-第8章 蒙版与合成
「平面设计教学」Photoshop基本教学-第9章 图层混合与图层样式
【我是憬颜小姐姐~想知道更多有关平面设计的知识、免费教学 教程 免费学习平面设计等等~
请私信我“平面设计”~私信我有软件安装包和免费的练习素材哦~爱你们啾咪~
,