怎样快速绘制矢量图标？Affinity Designer绘制图标技巧

品牌型号：联想GeekPro 2020

系统：Windows 10 64位专业版

软件版本：Affinity Designer V2

矢量图形具有可伸缩性、放大不失真、文件较小等优点，因此在进行图标、logo等材料制作时，常会采用矢量图形制作。那么，怎样快速绘制矢量图标？大家可以使用简单而实用的Affinity Designer软件制作，本文会给大家介绍Affinity Designer绘制图标技巧。事不宜迟，一起来看看吧。

一、怎样快速绘制矢量图标

制作矢量图标，需要使用到矢量图形制作软件，本文会使用到操作简单、界面友好的Affinity Designer软件作演示，教大家怎样快速绘制矢量图标。

首先，在Affinity Designer创建页面宽度、高度均为160px的文档。由于图标一般为圆形、圆角方形等，创建一个方形的文档能更好地控制宽高比例。

然后，如图2所示，使用Affinity Designer左侧栏的椭圆形工具，在画布中绘制圆形。

在画布中绘制圆形时，如图3所示，尽量将圆形与画布的四条边相切，使得圆形保持正圆结构。

然后，如图4所示，在椭圆形工具的顶部快捷栏中，点击展开填充颜色色板，在色板中点击“无色（白底红色划线）”，将圆形设置为透明状态。

如图5所示，展开笔画样式面板，将笔画宽度设置为2.3pt，并选择实线样式。此时，一个带边框的中空圆形就制作完成了。

接下来，我们继续进行图标的装饰。

如图6所示，使用Affinity Designer的左侧栏的形状工具，选择三角形。

如图7所示，在圆形中绘制一个三角形，让三角形的三个角与圆形边缘对齐。

如图8所示，使用顶部工具栏的填充选项，为三角形填充淡紫色，同时将笔画的宽度设置为0.7pt。如果想加入更具标识性的元素，可以将公司、应用等缩写字母加入图标中，增加其可辨识度。

二、Affinity Designer绘制图标技巧

上述简单演示了Affinity Designer绘制矢量图标的方法，那么，Affinity Designer绘制图标技巧有哪些？

1.应用样式

Affinity Designer的样式功能可保存、导入、应用样式。在画布中绘制图形后，如图9所示，在右侧窗口中点击“样式”，即可选择合适的图形样式应用。

大家平常在绘制图形时，可以有意识地保存一些好看的图形样式，方便日后使用。

比如图10所示的渐变样式，同时为圆形与三角形都应用渐变效果，颇具科技感，适合科技类的图标使用。

2.运用圈饼工具构建同心圆

除了常规的图形外，Affinity Designer也提供了同心圆、心形、月牙、云朵等形状工具。大家可以利用这些特别的形状制作图标，比如同心圆形状就很适合用来制作图标。

同心圆形状，如图12所示，是由两个同心圆形组成，同时应用渐变效果，就能简单制作成一个图标。

3.使用网格线辅助设计

对于图标制作来说，比例尺寸的设置会直接影响到图标的美观度。经典的图标设计，其图案看似简单，实际上蕴含了科学的比例控制。

为了更好地控制图标的尺寸比例，大家可以使用Affinity Designer视图中的辅助线条，比如显示网格，可参照固定尺寸的网格控制图形绘制的尺寸。

比如，如图14所示，将圆形的矩形画框与网格对比，可绘制一个正圆结构。

4.以圆形复制图形

Affinity Designer的图层式编辑功能，可精准地选择一个或多个图层，并进行多图形的调整。

比如图15所示，在图层面板中选择“月牙形”、“椭圆形”两个图层。

然后，以“椭圆形”的画框为基准，可同时旋转选中的“月牙形”、“椭圆形”两个图层。

利用这一功能，我们可以复制多个“月牙形”，并按照以上的旋转操作，将其他“月牙形”围绕圆心旋转，可制作出规则的旋转图案。

三、小结

以上就是关于怎样快速绘制矢量图标，Affinity Designer绘制图标技巧的相关内容。Affinity Designer拥有实用的矢量图标制作功能，比如样式、辅助线条、图层管理、多种图形工具等，可帮助大家轻松制作矢量图标。如果想尝试更多的功能，可前往Affinity中文网站查阅相关的文章。

作者：泽洋