工具栏

工具栏包含你设计时需要使用的各种工具和功能,中间部分显示的工具取决于你在画布上所选的内容。

画布未选择状态 1280X1280xftaafubcs 画布选择图像时状态 1280X1280 (1)

选择 / 等比缩放工具

选择工具(快捷键 V):当你打开页面时,鼠标默认停留在 选择工具 ,你可以通过它选择 “画布” 上任意内容并拖动。 等比缩放工具(快捷键 K):你可以用旁边的下拉箭头选择 等比缩放工具,这时你调整图形大小,是按照原图比例缩放的。

容器工具

在 MasterGo 中,容器是用来承载内容的框架,是你在做设计时的基础元素。你可以将容器当作画板使用,也可以将其当作可以自定义边界的组。

创建容器的方法 选择容器工具(快捷键 F),然后在画布中拖拽创建自定义大小的容器或单击画布创建默认大小的容器,也可在工具栏中选择包含的尺寸创建。 调整容器的边界 在调整边界大小时,容器和组会有不同的表现。调整组时内部的子元素也将跟随外部边界大小进行调整。而默认情况下,对容器的边界大小调整不会影响其子元素的尺寸,但是你可以给子元素设置约束。截屏2021-04-23 下午3.45.40.png 内容裁剪 由于容器的边界大小可以独立于其子元素进行调整,配合内容裁切功能(可在右侧属性面板中看到)可以有许多不同的使用方式,通过启用内容裁切,可以显隐超出容器的元素。 截屏2021-04-23 下午3.49.16.png

形状工具

你只需单击工具栏中的「形状工具」按钮或使用快捷键,选择一个图形,便可以开始创作。当你的鼠标在画布上拖拽的时候,我们会提示你这个图形的大小,松开鼠标,便会成功添加图形。 截屏2021-04-23 下午4.58.58.png

钢笔工具

你可以点击钢笔图标在画布上绘制任意图形,并且可以在封闭图形外添加点连接组成新的图形。 截屏2021-04-23 下午5.01.27.png

文字工具

如果你需要创建文本图像,请选择文本工具 “T” 然后单击画布,创建自动调整大小的文本。 也可以单击并拖动鼠标以创造一个固定尺寸的文本框,当文本超过文本框区域,文本向下延伸,但文本框保持尺寸不变,如图 image.png

连接线工具

连接线功能可以将不同图层通过箭头连接起来,绘制流程图,结构化呈现想法,清晰地展示设计思路。

点击连接线图标(快捷键 X ),单击并拖动就可以创建出一条连接线,连接线会自动吸附在图层的连接点上;拖动手柄可以调整连接线的形状,在手柄处双击,可以使连接线恢复初始状态;双击连接线可以在连接线上添加文字,拖动文字可以使其沿着连接线进行移动。

1b37119e-2bf6-4281-a3f8-78021e56ddcb

移动视图工具

点击小手图标(快捷键:H)你可以任意拖拽移动画布,或者按住空格键不松手也可激活相同效果。 截屏2021-04-23 下午5.06.45.png

编辑模式

选中图层双击 / 按回车键,或者激活钢笔工具后在画布中落点都会进入编辑模式,在该模式下属性栏发生变化,只显示选中点的属性,如果退出该模式需要点击 “退出编辑模式” 按钮或者双击选中的图层 / 画布中其他位置。image.png

新建组件

选中图层然后按快捷键 ⌥ Option +⌘ Command + K 或点击工具栏中的组件按钮即可创建成功,在左侧组件栏中可找到分类好的组件。创建的组件是主组件,复制或者从组件栏中拖出来的为实例,修改组件内容,实例会同步变化,修改实例内容,组件不受影响。 截屏2021-04-23 下午5.13.43.png

设为蒙版图层

在图层列表里,那些使用了蒙版的图层名前会有一个虚线方框 截屏2021-04-21 下午6.56.30.png 截屏2021-04-21 下午6.56.54.png

布尔运算

下拉箭头显示具体的子路径。每一层子路径都可以单独设置布尔运算,决定和它的下一图层以什么方式组合。并且,图层列表能清晰的展现子路径的组合方式,方便你随时调整更改 image.png

  • 联集:合并形状 (Union):合并的结果是会得到两个矢量区域的总和。
  • 减去顶层:这一项的结果是顶层矢量的区域会从下一层的图形上移去。
  • 交集:与形状区域相交的结果是会保留原图形重叠的部分。
  • 差集:只保留原图形不重叠的部分,是“与形状区域相交”这一运算的反向。
  • 拼合:将布尔图层合并为一个完整的路径图层

image.png 截屏2021-04-21 下午3.04.28.png 截屏2021-04-21 下午3.07.27.png 截屏2021-04-21 下午3.05.54.png

对齐像素网络

快捷键:command+shift+‘。开启对齐像素网格后,一切操作都会让图层贴合网格。 截屏2021-04-22 下午3.17.12.png组件 1@4x (2).jpg

显示多人光标

多人协作时,可以显示对方具体修改和操作位置,可关闭显示多人光标以防画布太乱。

评价此篇文章:👍🏻 有帮助 👎🏻 无帮助

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。