美工ps教程新手(Photoshop基本教学矢量绘图)

一对一服务,犹如全职。上石艺术有天马行空的想象可打破常识的束缚,唤醒大众的审美角度,不要叫我牛逼设计,请叫我神笔马良。www.shangshiyishu.com

美工ps教程新手(Photoshop基本教学矢量绘图)(1)

我们讲基础photoshop的矢量绘图~

今天的主要内容:

10.1 什么是矢量绘图

10.2 使用形状工具组

10.3 矢量对象的编辑操作

10.4 课后练习篇 综合实例:甜美风格女装招贴

文章最后有往期教学文章回顾~

本篇是长篇文章~有需要的小可爱可以按主要内容寻找学习哟~ ( ᖛ ̫ ᖛ )ʃ

第10章 矢量绘图

绘图是Photoshop的一项重要功能,除了使用画笔工具进行绘图外,矢量绘图也是一种常用的方式。矢量绘图是一种风格独特的插画,画面内容通常由颜色不同的图形构成,图形边缘锐利,形态简洁明了,画面颜色鲜艳动人。在Photoshop中有两大类可以用于绘图的矢量工具:钢笔工具以及形状工具。钢笔工具用于绘制不规则的形态,而形状工具则用于绘制规则的几何图形,例如椭圆形、矩形、多边形等等。形状工具的使用方法非常简单,使用“钢笔工具”绘制路径并抠图的方法在前面的章节中进行过讲解,本章主要针对钢笔绘图以及形状绘图的方式进行讲解。

10.1 什么是矢量绘图

矢量绘图是一种比较特殊的绘图模式。与使用“画笔工具”绘图不同,画笔工具绘制出的内容为“像素”,是一种典型的位图绘图方式。而使用“钢笔工具”或“形状工具”绘制出的内容为路径和填色,是一种质量不受画面尺寸影响的矢量绘图方式。Photoshop的矢量绘图工具包括钢笔工具和形状工具。钢笔工具主要用于绘制不规则的图形,而形状工具则是通过选取内置的图形样式绘制较为规则的图形。

10.1.1 认识矢量图

矢量图形是由一条条的直线和曲线构成的,在填充颜色时,系统将按照用户指定的颜色沿曲线的轮廓线边缘进行着色处理。矢量图形的颜色与分辨率无关,图形被缩放时,对象能够维持原有的清晰度以及弯曲度,颜色和外形也都不会发生偏差和变形。所以,矢量图经常用于户外大型喷绘或巨幅海报等印刷尺寸较大的项目中。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(2)

路径可以被概括为三种类型:开放路径、闭合路径以及复合路径。如图、图和图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(3)

10.1.3 矢量绘图的几种模式

在使用“钢笔工具”或“形状工具”绘图前首先要在工具选项栏中选择绘图模式:“形状”、“路径”和“像素”,如图所示。如图所示为三种绘图模式。注意,“像素”模式无法在“钢笔工具”状态下启用。

美工ps教程新手(Photoshop基本教学矢量绘图)(4)

美工ps教程新手(Photoshop基本教学矢量绘图)(5)

10.1.4 使用“形状”模式绘图

在使用“形状工具组”中的工具或“钢笔工具”时,都可将绘制模式设置为“形状”。在“形状”绘制模式下可以设置形状的填充,可以将其填充为“纯色”、“渐变”、“图案”或者无填充。同样还可以设置描边的颜色、粗细以及描边样式。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(6)

10.1.5 “像素”模式

在“像素”模式下绘制的图形是以当前的前景色进行填充,并且是在当前所选的图层中绘制。首先设置一个合适的前景色,然后选择“形状工具组”中的任意一个工具,接着在选项栏中设置绘制模式为“像素”,设置合适的混合模式与不透明度。然后选择一个图层,按住鼠标左键拖拽进行绘制。如图所示。绘制完成后只有一个纯色的图形,没有路径,也没有新出现的图层。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(7)

10.1.6 什么时候需要使用矢量绘图?

由于矢量工具包括几种不同的绘图模式,不同的工具在使用不同绘图时的用途也不相同。

抠图/绘制精确选区:钢笔工具 路径模式。绘制出精确的路径后,转换为选区可以进行抠图或者以局部选区对画面细节进行编辑,这部分知识已经在前面的章节进行过讲解。

需要打印的大幅面设计作品:钢笔工具 形状模式,形状工具 形状模式。由于平面设计作品经常需要进行打印或印刷,而如果需要将作品尺寸增大时,以矢量对象存在的元素,不会因为增大或缩小图像尺寸而影响质量。所以最好使用矢量元素进行绘图。

绘制矢量插画:钢笔工具 形状模式,形状工具 形状模式。使用形状模式进行插画绘制,即可方便的设置颜色,又方便进行重复编辑。

10.2 使用形状工具组

右键单击工具箱中的形状工具组按钮 ,在弹出的工具组中可以看到六种形状工具,如图所示。使用这些形状工具可以绘制出各种各样的常见形状,如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(8)

10.2.1矩形工具

“矩形工具” 可以绘制出标准的矩形对象和正方形对象。矩形在设计中应用非常广泛。单击工具箱中的“矩形工具” 按钮,在画面中按住鼠标左键拖拽,释放鼠标后即可完成一个矩形对象绘制。如图和图所示。在选项栏中单击 图标,打开“矩形工具”的设置选项,如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(9)

10.2.2圆角矩形工具

圆角矩形在设计中应用非常广泛,它不似矩形那样锐利、棱角分明,它给人一种圆润、光滑的感觉,所以也就变得富有亲和力。“圆角矩形工具”的使用方法与“矩形工具”一样基本相同。

美工ps教程新手(Photoshop基本教学矢量绘图)(10)

10.2.3椭圆工具

使用“椭圆工具”可绘制出椭圆形和正圆形。在“形状工具组”上单击鼠标右键,选择“椭圆工具” 。如果要创建椭圆,可以在画面中按住鼠标左键并拖动,如图所示。松开光标即可创建出椭圆形。如图所示。如果要创建正圆形,可以按住Shift键或Shift Alt组合键(以鼠标单击点为中心)进行绘制。

美工ps教程新手(Photoshop基本教学矢量绘图)(11)

10.2.4多边形工具

使用“多边形工具”可以创建出各种边数的多边形(最少为3条边)以及星形。在形状工具组上单击鼠标右键,选择“多边形工具” 。在选项栏中可以设置“边”数,还可以在多边形工具选项中设置半径、平滑拐点、星形等参数,如图所示。设置完毕后在画面中按住鼠标左键拖拽,松开鼠标完成绘制操作,如图和图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(12)

【我是憬颜小姐姐~想知道更多有关平面设计的知识、免费教学 教程 免费学习平面设计等等~

请私信我“平面设计”~私信我有软件安装包和免费的练习素材哦~爱你们啾咪~

10.2.5直线工具

使用“直线工具”可以创建出直线和带有箭头的形状。如图所示。右键单击形状工具组,在其中选择“直线工具”,首先在选项栏中设置合适的填充、描边。调整“粗细”数值设置合适的直线的宽度,接着按住鼠标左键拖拽进行绘制。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(13)

10.2.6自定形状工具

使用“自定形状工具”可以创建出非常多的形状。右键单击工具箱中的形状工具组,在其中选择“自定形状工具”。在选项栏中单击“形状”按钮,在下拉面板中单击选择一个种形状,然后在画面中按住鼠标左键拖拽进行绘制。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(14)

10.3 矢量对象的编辑操作

在矢量绘图时,最常用到的就是“路径”以及“形状”这两种矢量对象。“形状”对象由于是单独的图层,所以操作方式与图层的操作基本相同。但是“路径”对象由于是一种“非实体”对象,不依附于图层,也不具有填色描边等属性,只能通过转换为选区后进行其他操作。所以“路径”对象的操作方法与其他对象有所不同,想要调整“路径”位置,对“路径”进行对齐分布等操作,都需要使用特殊的工具。

10.3.1移动路径

如果绘制的是“形状”对象或“像素”,那么只需选中该图层,然后使用“移动工具”进行移动即可。如果绘制的是“路径”,想要改变图形的位置,可以单击工具箱中的“路径选择工具”按钮,然后在路径上单击,即可选中该路径。如图所示。按住鼠标左键并拖动光标,可以移动路径所处的位置。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(15)

10.3.2 路径操作

在使用“钢笔工具”或“形状工具”以“形状模式”或“路径模式”进行绘制时,选项栏中就可以看到“路径操作”的按钮,单击该按钮,在下拉菜单中可以看到多种路径的操作方式。

美工ps教程新手(Photoshop基本教学矢量绘图)(16)

10.3.3 变换路径

选择路径或形状对象,使用快捷键Ctrl T调出定界框,接着可以进行变换。也可以单击鼠标右键,在弹出的快捷菜单中选择相应的变换命令。如图所示。还可以执行“编辑>变换路径”菜单下的命令即可对其进行相应的变换。变换路径与变换图像的使用方法是相同的。

美工ps教程新手(Photoshop基本教学矢量绘图)(17)

10.3.4 对齐、分布路径

对齐与分布可以对路径或者形状中的路径进行操作。如果是形状中的路径,则需要所有路径在一个图层内,接着使用“路径选择工具” 选择多个路径,接着单击选项栏中的“路径对齐方式”按钮,在弹出的菜单中可以对所选路径进行对齐、分布,如图所示。如图所示为底对齐的效果。路径的对齐与分布于图层的对齐分布的使用方法是一样的。

美工ps教程新手(Photoshop基本教学矢量绘图)(18)

10.3.5 调整路径排列方式

当文档中包含多个路径,或者一个形状图层中包括多个路径时,可以调整这些路径的上下排列顺序,不同的排列顺序会影响到路径运算的结果。选择路径,单击属性栏中的“路径排列方法”按钮 ,在下拉列表中单击并执行相关命令。可以将选中的路径的层级关系进行相应的排列,如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(19)

10.3.6 定义为自定形状

如果某个图形比较常用,我们可以将其定义为“形状”,以便于随时在“自定形状工具”中随时使用。首先选择需要定义的路径,如图所示。接着执行“编辑>定义自定形状”菜单命令,在弹出的“形状名称”窗口中设置合适的名称,单击“确定”按钮完成定义操作。如图所示。接着单击工具箱中的“自定形状工具” 按钮,在选项栏中单击形状下拉列表按钮,在形状预设中可以看到刚刚自定的形状。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(20)

10.3.7 填充路径

首先绘制路径,然后在使用“钢笔工具”或“形状工具”(自定义形状工具除外)状态下,在路径上单击鼠标右键执行“填充路径”命令,如图所示。随即会打开“填充路径”窗口,在该窗口中可以以前景色、背景色、图案等内容进行填充,使用方法与“填充”窗口一样。如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(21)

10.3.8 描边路径

“描边路径”命令能够以设置好的绘画工具沿路径的边缘创建描边,比如使用画笔、铅笔、橡皮擦、仿制图章等进行路径描边。

美工ps教程新手(Photoshop基本教学矢量绘图)(22)

10.3.9 删除路径

在进行路径描边之后经常需要删除路径。使用“路径选择工具”单击选择需要删除的路径,如图所示。接着按一下键盘上的Delete键进删除。如图所示。或者在使用矢量工具状态下单击鼠标右键执行“删除路径”命令。

美工ps教程新手(Photoshop基本教学矢量绘图)(23)

10.3.10 使用“路径”面板管理路径

“路径”面板主要用来储存、管理以及调用路径,在面板中显示了存储的所有路径、工作路径和矢量蒙版的名称和缩览图。执行“窗口>路径”菜单命令,打开“路径”面板,如图所示。

美工ps教程新手(Photoshop基本教学矢量绘图)(24)

10.4 综合实例:甜美风格女装招贴

美工ps教程新手(Photoshop基本教学矢量绘图)(25)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页