新窗口打开
动画

时间: 浏览次数:3 编辑:user05

Affinity Designer教程:如何使用Affinity Designer绘制图标?

对于平面设计师来说快速的绘制矢量图标能大大提升工作的效率,如何快速绘制矢量图标?macw小编推荐各位设计师使用Affinity Designer矢量图设计软件,Affinity Designer绘制图标教程如下:

首先,在文档中创建一个160x160像素的工作空间,每10像素设置一条网格线。“在疏松的网格上制作图标,可以使用方便的吸附操作。”推荐我们用“样式”功能保存常用的笔画宽度和颜色,节省更多时间。

地图坐标

开始制作这个图标时,我先用布尔操作把三个同心圆组合到一起。这项操作的功能就是把多个图形组合成一个。在这里,我选择了“异或”模式,也就是填充重叠部分以外的区域。然后,我选中图形最下方的点,使用“节点”工具把它变成了一个锐角。最后,再用贝塞尔曲线的控制线微调一下就可以了。

相机镜头

相机镜头中,光圈的中心形成了一个六边形,我们就从这个图形开始。先把六边形画出来,将其转换为曲线,再编辑它的顶点,下一步要用的三角形就成型了。

调整好第一个形状后,用“编辑”>“复制”创建第二个形状,将整个图案的中心设定为“变换原点”,把它旋转到正确的位置。接下来就简单了:不断对新的副本重复这样的操作,图形的六个部分很快就能完成。

资源回收

这个图标的难点是它的圆角。我先用“拐角”工具,让三角形的尖角变圆,再用“节点”工具中的“锐化”选项去掉多余的部分,再用一次“拐角”工具把角变得圆滑。

最后,创建一个圆,以圆心为旋转的原点完成整个图标。

用这个方法,你可以把任意位置设为“变换原点”。

一颗爱心

《Affinity Designer》有专门的心形工具,但自己制作心形图标,可以获得更自由的调整空间。首先,我会用“钢笔”工具画出一个字母V的形状,再用“节点”工具编辑贝塞尔曲线的控制节点,调整两侧的弧度。

调出满意的形状后,我将笔画加宽,并把两端设置为圆形,然后选择“图层”>“展开笔画”,把它转换成填充路径。

为了确定要把心形顶部的反光点加在哪里,我用类似的方法缩小形状,找到了合适的位置。让工具来计算各个节点和路径的位置,会比手动绘制反光更加精确。

相关文章

客服QQ:

客服微信

返回顶部