提高效率必备!10个超实用的Photoshop矢量图技巧 - 优设网 - UISDC

提高效率必备!10个超实用的Photoshop矢量图技巧

2014/09/02 36714评论区

提高效率必备!10个超实用的Photoshop矢量图技巧

大家都知道,Photoshop是编辑位图的一个重要应用程序。其实,Photoshop在处理矢量图方面也有很强大的功能。本教程中,我将向大家介绍10个最重要的PS矢量图特征。

我们将学习如何使用 自由钢笔工具、橡皮筋功能、即时形状属性、路径操作、路径安排、隔离以及其他功能。一起来学习吧!

一、自由钢笔工具

钢笔工具是PS中很有用的一个工具,但不是很好掌握。用它画直线很简单,但画曲线就比较难了。如果你精通钢笔工具,可以用它进行精确的选择、绘制不同的形状、创建矢量蒙版等很多操作。如果希望在路径工作时轻松一点,可以尝试使用自由钢笔工具。它允许你使用锚点进行自由绘画,而不需要使用钢笔工具。自由钢笔工具就像是画笔工具和钢笔工具的混合体,没有真正的钢笔工具那么精确,但在很多情况下,却非常有用。

提高效率必备!10个超实用的Photoshop矢量图技巧

二、橡皮带

通过在一个点上设置线的方向和长度来画曲线是很有挑战性的。默认下,在确定下一个锚点之前,PS不会帮用户查看下一段路径。不过,有一个隐藏的功能–钢笔工具下的橡皮带,可帮助你在实际确定了下一个锚点之前,预览下一段路径。这个功能非常有帮助,尤其是针对那些刚开始使用钢笔工具的新手。

提高效率必备!10个超实用的Photoshop矢量图技巧

三、钢笔工具的快捷键

钢笔工具有一些很实用的快捷键,可帮助你更好的操作。

  • Command/Ctrl:临时移动锚点或线条,从钢笔工具切换到直接选择工具。
  • Shift:用钢笔工具画水平、倾斜或竖直的直线。
  • option/Alt:将锚点从角点转换为曲线点,反之亦然。

四、转化圆角图形

如果你试图利用自由变换命令来修改图形尺寸,圆角会发生扭曲。为避免这种情况,如果你使用的是Photoshop CC版本,可使用直接选择工具来调整圆角图形的尺寸,移动锚点至你想要的形状和尺寸。

Photoshop CC版本中,可以随时使用形状属性面板很轻松地保持圆角半径,即使是用自由变换命令操作有圆角的矢量图。

Photoshop CC 还有很多超实用的贴心小功能,保证省心方便,大大提高工作效率!学习戳《终于等到你!Photoshop CC 2014新功能详解(附下载地址)》
see-more-ps-cc
提高效率必备!10个超实用的Photoshop矢量图技巧

五、形状属性

这是Photoshop CC版本中最令人兴奋的一个功能,尤其是对UI和网页设计师而言。形状属性位于属性面板中,当我们选择矢量图形时,它就会出现。你可以轻松的实现以下操作:

  • 文件中图形的位置
  • 图形尺寸
  • 为图形填充颜色
  • 图形的描边颜色
  • 图形的描边宽度
  • 图形的描边样式(包括虚线)
  • 其他的描边选项(例如描边的对齐方式、线段端点和合并类型)
  • 圆角半径选项(对椭圆形不可用)

提高效率必备!10个超实用的Photoshop矢量图技巧

六、合并矢量图形

PS另一个很酷的功能是能很容易的实现将矢量图形无损地合并在一起。通常,我们用Command/Ctrl + E来合并位图,但在Photoshop CC版本中,我们可以用同样的快捷键来合并矢量图形图层,而且不用进行栅格化。当两个或两个以上的图形合并在一起之后,还可以通过路径选择工具来进行单个选择,并通过路径操作来改变图形之间相互叠加运算的方式。

提高效率必备!10个超实用的Photoshop矢量图技巧

七、路径操作

前面我们已提到,路径操作可以改变图形间叠加运算的方式。对于这个功能,必须对同一个矢量图形图层或矢量蒙版设置多个路径。这里为大家提供了几种路径操作,你可以通过设置它们来创建图形之间的叠加运算的方式:

  • 合并形状
  • 减去顶层形状
  • 交叉形状区域
  • 排除重叠的区域

要弄明白它们的效果最简单的方法就是去试。路径操作的优点在于它们是完全无损的,因此可随时轻松地改变它们。

提高效率必备!10个超实用的Photoshop矢量图技巧

八、路径排列

精通路径操作后,还应当学习如何利用路径排列来工作。路径排列也会影响图形结合的方式。这与图层结构的概念类似,可在层次结构中上下移动路径。上面的路径优于下面的路径。这个功能只有当你选择一个矢量蒙版或者矢量图形图层时才会在选项栏中显示。

提高效率必备!10个超实用的Photoshop矢量图技巧

九、路径选择工具–选择所有图层

路径选择工具有一个非常方便的功能,那就是当选中这个工具后,你可以改变选项栏。只有在选中图层或所有图层下,才能用路径选择工具来选择路径。这可能是需要来回更改的选项,取决于在一个PS项目中什么更有用。如果在一个文件中有多个矢量图层,而你希望能快速编辑它们,用路径选择工具设置所有图层,可能会节省很多时间。这样的话,就不用因为编辑路径而来回切换图层了。

提高效率必备!10个超实用的Photoshop矢量图技巧

十、隔离图层

Photoshop CC版本的另一个新功能是隔离图层选项,当操作矢量图形和路径时,这个选项尤其的好用。前面已经提到过,为路径选择工具选中所有图层,这样当有多个矢量图形图层时操作起来会更容易。另一方面,有时想控制路径选择工具或者直接选择工具以确保只影响某个特定的路径,而不影响其他路径。举个很简单的例子,当前后有两个矢量图形,而你只想选中后面的那个,这种情况下,你可以用路径选择工具双击那个图形,这样会将选中的图层与文档中的其它图层隔离起来,因此,可以在不影响其他部分的情况下修改选中的图像。双击画布的其他部位就可以退出隔离模式。

提高效率必备!10个超实用的Photoshop矢量图技巧

20分钟学完!学完效果立现的教程合集!

步骤繁多、过程繁琐的多边形背景教程也有简化版了!
《AI新手教程!教你简单快速地将图片变成多边形背景》

字体扫盲必备!轻松掌握字体性格!平面设计利器!
《再也不纠结字体选择了!超全面的英文字体小结》

除了色盲,所有人都可以秒变配色高手的6个原则!
《秒变配色高手!怎么都不会错的6条网页设计配色原则》

AI新手教程!教你简单快速地将图片变成多边形背景

原文地址:shejipai

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量77万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-vector-ps-skills

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里