设计工具的后起之秀——AffinityDesigner功能提炼(下)

用户头像
杭州/设计爱好者/6年前/1300浏览
设计工具的后起之秀——AffinityDesigner功能提炼(下)

这篇文章的功能讲解主要来自于AD的官方教学视频,所以也可以看做是对官方教学视频的一种提炼化速览。



前情提要:AffinityDesigner功能提炼(上)

多图预警(动图较多,推荐在WIFI情况下阅读)


四、矢量工具

1.节点工具和点变换工具

相关链接:https://www.bilibili.com/video/av56372339/?p=29

节点工具(Node Tool)快捷键为A,功能同AI的白箭头。点变换工具(Point Transform Tool)快捷键为F,切换到点变换工具后,当前图形会显示一个重心,重心可拖动,重心影响着点变换工具下的旋转操作。(为了方便大家观看,我将工具手柄UI尺寸都拉到了系统最大尺寸。)

注意,通过图形工具绘制的矢量图层,无法直接使用节点工具,需要通过右键菜单找到【转换为曲线】选项,点击后才可调整锚点。点变换工具同样可以作用于文字。


2.多节点选择(multi-node select)、对齐(align)和转换(transform)

相关链接:https://www.bilibili.com/video/av56372339/?p=31

1)选择

选中一个图层,在节点工具下按住option(alt)和鼠标左键并拖动,可绘制自由选框,用于多选复杂的节点。

如果按住option后不选择按住左键,而是用左键在不同位置点击,则会在点击处出现连接线,并把所有点连成一个不规则选区,效果同上。

2)对齐

选中的节点可用对齐工具。

3)转换

可通过点击【转换模式】按钮激活节点转换模式。在该模式下,选中的节点周围会出现转换框,通过调节转换框,可整体移动选中的节点,比如放大缩小等操作。


3.铅笔工具(推荐完整观看视频)

相关链接:https://www.bilibili.com/video/av56372339/?p=32

这一部分要点较多,动图也无法准确描述功能点,推荐观看相关链接的视频进行学习。

可通过调节控制器选项来让铅笔工具带有压感。

笔画面板下,可手动调节压力。

借助稳定器工具,使铅笔更流畅。稳定器共有两种模式,具体请观看视频进行区分。

雕刻模式,可将一笔一笔独立的笔触,连成一个整体。只要你的下一笔开始于上一笔的终端节点。


4.拾色器工具(Color Picker Tool)

相关链接:https://www.bilibili.com/video/av56372339/?p=37

拾色器[I]可通过调节半径,来选择是取一个点的颜色,还是取一个范围内的平均色值。这很有效的解决了在复杂色彩上的误操作选取。想象一下,你本来想在黑夜插画中吸取一个夜空的颜色,然后手一抖选了一个星星,你的取色器就显示了白色,是不是很懊恼?有了这个选项,就不用担心了。


5.样本条(Swatches)

样本条菜单有很多功能,比如新建调色板等,其中比较有趣的功能叫做从文档创建调色板。什么意思呢?就是说可以在文件中选择一个图片上传,然后系统会自动帮你解析图片,把图片中的颜色列举出来,储存成一个调色板,供你快速复用。可以在借鉴优秀作品配色时,省去了一步步吸色的步骤。


6.透明度工具 (Transparency Tool)

同渐变工具,区别就是将颜色换成了不透明度,从而控制物体的渐变显示或隐藏。换句话说,在PS中我们经常需要通过蒙版去隐藏物体一部分的操作,在这里只需要借助透明度工具就可以完成。



五、像素工具

接下来我们将了解到像素部分的一些功能。

1.对称和镜像绘画 (Symmetry and mirror painting)

相关链接:https://www.bilibili.com/video/av56372339/?p=42

切换到绘图画笔工具[B],上方工具栏会显示出几个选项,包括对称、镜像、锁定。合理借助这几个工具可以绘制出效果很不错的图案。

1)对称

选中该工具后,画面会出现一条参考线,将画面分隔,对称选项后面的数字代表了参考线的数量,比如数字为3,那么画面中将会出现3条相交于一点的参考线,在参考线的一部分内绘制图形,其他被分割区域同样会出现与其对称的图形,并共同组成有趣的图案。

2)镜像

将对称复写的图形,变成镜像复写。

3)锁定

将参考线锁定,方便绘制的时候不会误操作移动参考线位置。


2.选取画笔工具(Selection Brush)

同PS魔棒工具,选择后,可通过优化工具(refine)来进行精细化选择,同PS选择并遮住功能。


六、导出工具

1.切片面板(Slices Panel)

这一部分跟sketch基本上没有太大差别,都是可以同时导出不同分辨率的切图,也比较方便。每个切图的后面都会有一个小图标,点击后可单独导出该切图。


2.图层面板(Layers Panel)

在我们的日常工作中,会遇到需要将单独的元素切图而非整个画板,我们就可以通过导出角色下的图层面板来进行切图创建。我们首先选中其中一个图层或者一个分组,点击创建切片,图层或分组左边就会出现类似于分享一样的icon,那意味着该图层已经被创建了切片,同时在同级的切片面板,就可以看到我们刚刚创建的切片,然后就可以导出它们。



七、其他

1.路径文本 (Text on a path)

相关视频:https://www.bilibili.com/video/av56372339/?p=57

同PS的路径文本操作,但是操作有些地方有点不同。

首先我们绘制一个路径,在选中路径的前提下,使用艺术字工具(快捷键T),在靠近路径的地方会发现光标产生了变化。注意,光标在哪一侧,在按下左键的时候,文字就会出现在哪一侧。但是,有些时候并非如此听话,具体原因未知。

输入内侧文字后,调整起止点,将橙色点(终止点)贴近文字末尾处(按住command可同时调整绿色点与橙色点),再进行文字输入后,就会自动换行到外侧,产生新的绿色点与橙色点,与内侧的起止点是相互独立的,可单独调整。


2.复制粘贴图层样式

选中要复制的样式源,在编辑(edit)中,找到复制,然后选中目标图层,点击编辑菜单中的粘贴样式,就可以将样式源图层的样式,粘贴到目标层了。



基本上到这里,教学视频所介绍的AD1.7版本的主要功能都已经讲述完毕了,其中我删去了很多一看就会或者说很常见的功能的介绍,方便大家能够在最短时间里通读这款软件。我对这款软件的定位就是矢量插画神器,但是也可以做一些LOGO设计或界面设计相关的工作,就看大家尝试过后更倾向于哪方面了。


19
阅读原文
|
Report
|
15
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in