10个超实用的PS矢量图设计技巧

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


  10个超实用的PS矢量图设计技巧

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

  一、自由钢笔工具

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


  图01

  二、橡皮带

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


  图02

  三、钢笔工具的快捷键

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

  Command/Ctrl:临时移动锚点或线条,从钢笔工具切换到直接选择工具。

  Shift:用钢笔工具画水平、倾斜或竖直的直线。

  option/Alt:将锚点从角点转换为曲线点,反之亦然。

  四、转化圆角图形

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

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


  图03

  五、形状属性

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

  文件中图形的位置

  图形尺寸

  为图形填充颜色

  图形的描边颜色

  图形的描边宽度

  图形的描边样式(包括虚线)

  其他的描边选项(例如描边的对齐方式、线段端点和合并类型)

  圆角半径选项(对椭圆形不可用)


  图04

  六、合并矢量图形

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


  图05

  七、路径操作

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

  合并形状

  减去顶层形状

  交叉形状区域

  排除重叠的区域

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


  图06

  八、路径排列

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


  图07

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

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


  图08

  十、隔离图层

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


  图09

分类:

  • PS入门教程
时间: 2024-08-25 06:47:05

10个超实用的PS矢量图设计技巧的相关文章

10个超实用的PHOTOSHOP矢量图技巧

  大家都知道,Photoshop是编辑位图的一个重要应用程序.其实,Photoshop在处理矢量图方面也有很强大的功能.本教程中,我将向大家介绍10个最重要的Photoshop矢量图特征.我们将学习如何使用 自由钢笔工具.橡皮筋功能.即时形状属性.路径操作.路径安排.隔离以及其他功能.一起来学习吧! 一.自由钢笔工具 钢笔工具是PS中很有用的一个工具,但不是很好掌握.用它画直线很简单,但画曲线就比较难了.如果你精通钢笔工具,可以用它进行精确的选择.绘制不同的形状.创建矢量蒙版等很多操作.如果希

7个PS实用的设计技巧

  7个PS实用的设计技巧,不知道你知道不知道!每个都非常实用,非常简单粗暴,好的技巧可以提高你的设计工作速度 分类: PS入门教程

PS矢量形状变形技巧

        这篇教程像三联的朋友们介绍PS矢量形状变形技巧,教程难度一般,属于基础入门级别的技巧介绍,转发过来和三联的朋友们一起分享学习了,先来看看最终的效果图吧:        三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载   具体的制作步骤如下: 第一步 打开photoshop并创建新画布.Ctrl+k打开"首选项 "面板,来到编辑-参数-参考线,"参考线/网格"一

Android矢量图之VectorDrawable类自由填充色彩_Android

2014年6月26日的I/O 2014开发者大会上谷歌正式推出了Android L,它带来了全新的设计语言Material Design,新的API也提供了这个类VectorDrawable .也就是android支持SVG类型的资源也就是矢量图.想到矢量图,自然就会想到位图,何为矢量图,何为位图?先来说说位图吧,我们经常用的png,jpg就是位图了,他是由一个单元一个单元的像素组成的.当小icon遇到大屏幕手机的时候,icon如果被撑开那就是马赛克一样啦.这可不是我们想要的.而矢量图正式和它相

用Photoshop创作矢量图的10个技巧

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

如何用PS和AI将图片转成矢量图

教程主要使用Photoshop把人物图片转换成矢量图. 1. PS打开一个文件,文件像素相对高些,这样制作出来的图在细节上面会表现的更好.前景色设置除了白色以外的任意颜色,这里为黑色. 2. 执行滤镜--图章,设置根据左图的预览图自行调整.这里其实有很多的黑白效果可以应用,例如撕边.绘图笔等,效果都不一样,大家都可以去试试.确定后保存PS文件. 3. 打开Illustrator,新建一个空白文档,将图片置入.选择图片,会出现如图所示的工具按钮--实时描摹,按默认执行. (CorelDRAW也有类

PS手绘精美秋天矢量图

这个教程用Photoshop绘制一幅精美的秋天风景矢量图 首先创建一个文档: 使用渐变工具绘制: 我们利用钢笔工具绘制一个轮廓,然后设置选区: 然后使用渐变工具填充,注意颜色: 然后利用钢笔工具和填充效果选项创建图案: 创建一个新图层,按住Shift绘制一个太阳: Ctrl+J,复制图层,执行高斯模糊: 降低可见度:         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:75789345欢迎你的加入 分类: PS入门教程

PS快速将图片转为矢量图效果

  给大家分享一篇PS快速将图片转为矢量图效果教程,调整图片,定义自定形状,方便以后使用,大大的减少了时间,一起看看吧! 第一步:打开图像菜单--调整--去色--CTRL+SHIFT+U(如下图所示) 第二步:打开图像菜单--调整--亮度/对比图(如下图所示)         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS图片处理

PS手机界面设计中后期出图的一点技巧详解

1.预先向开发人员了解图片格式的限制.      三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 2.由于手机系统的硬件限制,保存图片采用web颜色 3.确定好坐标,便于ps出图时候使用. 分类: PS入门教程 ps后期处理教程