如何快速绘制矢量图标?Affinity Designer绘制图标的技巧分享
对于平面设计师来说快速的绘制矢量图标能大大提升工作的效率,如何快速绘制矢量图标?macw小编推荐各位设计师使用Affinity Designer矢量图设计软件,Affinity Designer绘制图标教程如下:
首先,在文档中创建一个160x160像素的工作空间,每10像素设置一条网格线。“在疏松的网格上制作图标,可以使用方便的吸附操作。”推荐我们用“样式”功能保存常用的笔画宽度和颜色,节省更多时间。
地图坐标
开始制作这个图标时,我先用布尔操作把三个同心圆组合到一起。这项操作的功能就是把多个图形组合成一个。在这里,我选择了“异或”模式,也就是填充重叠部分以外的区域。然后,我选中图形最下方的点,使用“节点”工具把它变成了一个锐角。最后,再用贝塞尔曲线的控制线微调一下就可以了。
相机镜头
相机镜头中,光圈的中心形成了一个六边形,我们就从这个图形开始。先把六边形画出来,将其转换为曲线,再编辑它的顶点,下一步要用的三角形就成型了。
调整好第一个形状后,用“编辑”>“复制”创建第二个形状,将整个图案的中心设定为“变换原点”,把它旋转到正确的位置。接下来就简单了:不断对新的副本重复这样的操作,图形的六个部分很快就能完成。
资源回收
这个图标的难点是它的圆角。我先用“拐角”工具,让三角形的尖角变圆,再用“节点”工具中的“锐化”选项去掉多余的部分,再用一次“拐角”工具把角变得圆滑。
最后,创建一个圆,以圆心为旋转的原点完成整个图标。
用这个方法,你可以把任意位置设为“变换原点”。
一颗爱心
《Affinity Designer》有专门的心形工具,但自己制作心形图标,可以获得更自由的调整空间。首先,我会用“钢笔”工具画出一个字母V的形状,再用“节点”工具编辑贝塞尔曲线的控制节点,调整两侧的弧度。
调出满意的形状后,我将笔画加宽,并把两端设置为圆形,然后选择“图层”>“展开笔画”,把它转换成填充路径。
为了确定要把心形顶部的反光点加在哪里,我用类似的方法缩小形状,找到了合适的位置。让工具来计算各个节点和路径的位置,会比手动绘制反光更加精确。
以上就是Affinity Designer绘制图标的技巧了,你学会了吗?如果你正在寻找一款矢量图设计软件,赶紧到macw下载Affinity Designer Mac版吧!
相关文章
App Store最新版截图应用iShot全新升级,截图不再麻烦
Mac电脑截图操作不会怎么办?百度搜索截图快捷键,那么我们仅仅使用截图显然是太单调了,如果我们想后期标注二次编辑就显得比较麻烦,所以我们可以使用一款app store里面的截图应用ishot来帮助我们录屏,长截图、窗口截图,后期标注。多合一的一个APP,功能强大且多用。
浏览:94次更新:2021-11-08
汇总macOS Monterey中升级的内置应用程序
随着macOS Monterey的到来,Mac系统中的很多内置应用都或多或少的做了升级,而升级后的这些应用程序更加实用和强大,下面我们盘点一下都有哪些应用程序做了升级。
浏览:34次更新:2021-11-10
如何使用扩展快速编辑图像?十款快速编辑照片的APP,使照片更具质感!
macOS的照片App自带一系列编辑工具,但有了这些扩展插件,你还可以实现更多功能。从此不必在杂乱的窗口中频繁切换,就可以直接使用其他App的特色功能:比如HDR、修图、抠图等
浏览:25次更新:2021-11-11
重磅更新!新版平面设计套装Affinity套件亮点一览
本次更新为每一款 App 都带来了大量新功能,同时让三者的协作更加顺畅。下面就来看看几款 《Affinity》 App 得到了哪些提升吧。
浏览:16次更新:2022-12-22