用户界面图标设计的六个技巧和方法

发布时间:2020-07-20 10:13:00

PS是一个像素处理软件,可以绘制各种复杂的矢量图形,如AI。

PS是一个像素处理软件,可以绘制各种复杂的矢量图形,如AI。

有读者会问为什么不用人工智能,而是学习PS绘图路径,因为PS是适合UI设计的工具软件,而各种图形PS都可以实现像素对齐。

AI绘图路径导入PS还需要二次调整,下面介绍如何通过形状层绘制矢量图标。

① 前景色是黑色的。在前景中选择的颜色是绘制的形状层的颜色

② 在工具模式下选择路径时,必须选择路径而不是形状,因为直接生成的形状比大区域更暗,这对二次编辑路径非常不利。

③ 圆角可以在形状属性面板中设置,这是Photoshop CC版本的一个很好的特性。

特别是对于UI设计器,形状属性位于属性面板中,我们可以自由设置各种参数

例如:绘图大小、填充颜色、笔划颜色、笔划宽度、笔划样式(包括虚线、对齐方式、线段末端和合并类型)、圆角半径选项(不适用于椭圆)将绘制圆角矩形的矢量。

PS有许多内置形状。许多基本图形不需要自己绘制。您可以直接使用相应的图形。

首先创建一个新层,然后使用多边形工具,选择3条边,然后使用形状层工具绘制三角形。

一些复杂的图形都是通过各种图形的加减而得到的。因此,我们需要灵活地使用布尔运算工具来达到合并终图形的目的。

然后按住Ctrl键同时选择图层形状1和形状2,直接按住Ctrl+e键合并两条路径,通过合并各种路径得到一个对话框图形。

菜单顶部有一个路径组合工具。可以尝试不同的路径组合,体验不同路径组合的布尔运算效果。

许多复杂的基元不需要在一个层上绘制。它们可以逐层绘制,每层单独绘制,后合并为一个整体。

要创建一个新图层并绘制三个圆形矢量图形,必须创建一个新图层。如果直接绘制路径,则新路径和原始路径混合在一起。调整起来很不方便,而且路径比较复杂。你会感受到分层绘图的好处。

选择圆形图形所在的图层,在圆角矩形图层上按Ctrl+C、Ctrl+V键,并在圆角矩形图层上粘贴圆形路径。

在编辑图标中的一堆复杂路径时,快速选择路径可能不太容易。在这种情况下,可以使用路径选择工具。

这两支箭有什么区别?黑色箭头可以选择所有路径,而白色箭头可以选择本地路径。

有一些奇怪的形状和图形。比如下面的茄子就不能直接从基本数字中获得。这时,你只能用大招,笔工具!

掌握画笔工具,可以自由绘制各种图形,选择画笔工具,绘制圆弧路径,按住ALT键并单击路径的末端,为什么需要单击它?

您可以测试如果不切换此端点,则绘制的下一条路径将有一个弧。你不能沿着你想要的方向画一条路。

点击后的路径如下,然后我们绘制下一条路径,再次点击路径的末端,依次绘制下一条路径,然后绘制出一个路径的切割图。

后,利用钢笔工具按上述步骤画出茄子的柄,后得到茄子的矢量图。