对于平面设计师来说快速的绘制矢量图标能大大提升工作的效率,如何快速绘制矢量图标?macw小编推荐各位设计师使用Affinity Designer矢量图设计软件,Affinity Designer绘制图标教程如下:
0 k8 F9 C) a7 r8 S6 \首先,在文档中创建一个160x160像素的工作空间,每10像素设置一条网格线。“在疏松的网格上制作图标,可以使用方便的吸附操作。”推荐我们用“样式”功能保存常用的笔画宽度和颜色,节省更多时间。
$ Q. s* ^* t1 M2 a7 a地图坐标开始制作这个图标时,我先用布尔操作把三个同心圆组合到一起。这项操作的功能就是把多个图形组合成一个。在这里,我选择了“异或”模式,也就是填充重叠部分以外的区域。然后,我选中图形最下方的点,使用“节点”工具把它变成了一个锐角。最后,再用贝塞尔曲线的控制线微调一下就可以了。* p3 _! {* ]4 i8 Q

% b8 [; @3 a% {" C, `相机镜头相机镜头中,光圈的中心形成了一个六边形,我们就从这个图形开始。先把六边形画出来,将其转换为曲线,再编辑它的顶点,下一步要用的三角形就成型了。
+ w6 f& L* B0 l5 }( \7 D调整好第一个形状后,用“编辑”>“复制”创建第二个形状,将整个图案的中心设定为“变换原点”,把它旋转到正确的位置。接下来就简单了:不断对新的副本重复这样的操作,图形的六个部分很快就能完成。7 z1 `( @3 _5 X, g
To view this video please enable JavaScript6 [& e1 J$ e" L2 V, f5 C& k( [
资源回收这个图标的难点是它的圆角。我先用“拐角”工具,让三角形的尖角变圆,再用“节点”工具中的“锐化”选项去掉多余的部分,再用一次“拐角”工具把角变得圆滑。
9 B5 C$ h/ O% y1 h0 P3 h2 g- F最后,创建一个圆,以圆心为旋转的原点完成整个图标。
' W' h8 ^4 c* _. U' N/ }1 t$ W用这个方法,你可以把任意位置设为“变换原点”。
, X  J# k2 q; |
$ t* z, D9 g+ w6 F0 K/ ?2 ~一颗爱心《Affinity Designer》有专门的心形工具,但自己制作心形图标,可以获得更自由的调整空间。首先,我会用“钢笔”工具画出一个字母V的形状,再用“节点”工具编辑贝塞尔曲线的控制节点,调整两侧的弧度。
* }! f6 q# a3 D5 ~" X' _5 Y调出满意的形状后,我将笔画加宽,并把两端设置为圆形,然后选择“图层”>“展开笔画”,把它转换成填充路径。
! a: v+ w* [5 N9 _$ h0 }& u; b为了确定要把心形顶部的反光点加在哪里,我用类似的方法缩小形状,找到了合适的位置。让工具来计算各个节点和路径的位置,会比手动绘制反光更加精确。' A" S7 Q+ N- T0 a" I, m
To view this video please enable JavaScript
! V4 o: e; T6 _: [3 B- e- N4 n. J0 v" Y' z
Affinity Designer for Mac(好用的矢量图设计软件)
4 u5 e2 V* y, N# p. |5 W/ E; h727.67 MB2022.03.15简体中文: {2 C) l. U% p* H" A! N; j
Affinity Designer是一款非常专业的设计绘图工具,是市面上最快速、最流畅、最精确的矢量图形设计软件。软件功能上有点类似于illustrator,可以进行图标、UI 设计、网站设计、宣传素材等图像的制作,具有丰富的图形设计工具,无论是网站的UI设计还是简单的图形绘制,都能为您提供最舒适的设计平台。( _$ ?' R- G' d  Y2 Z
下载

已有 0 个人发表评论

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

加入VIP会员
快速回复 返回列表 客服中心





快速回复 返回顶部 返回列表