Adobe XD-03-画板与绘图功能

一、画板

xd 是以画板来组织内容的,同一个文件里面可以有多个画板

1. 可以使用 快捷键 A 或者单击左侧工具条 画板按钮

在页面中单击 创建画板


2. 也可以在右侧面板中选择一种画板尺寸(xd内置用 apple ,google安卓,microsoft ,web常见尺寸)

3. 无论apple 还是安卓在绘制时候都是建议使用1倍图来绘制(以苹果8为例 1倍图是375*6674,2北图是 750*1334)

4. 如果想创建一个自定义画板大小可以用 画板工具在页面中直接绘制(如果做app建议使用内置的常见尺寸)

5. 双击画板名称可以重命名画板。也可以在左侧画板面板中双击重命名,或者右键重命名

Adobe XD-03-画板与绘图功能_第1张图片
Adobe XD-03-画板与绘图功能_第2张图片
Adobe XD-03-画板与绘图功能_第3张图片


6. 画板的移动,可以选择画板的名称后移动画板

Adobe XD-03-画板与绘图功能_第4张图片

7.更改画板大小

选中画板拖动控制手柄 或者直接在右侧面板中更改画板尺寸

Adobe XD-03-画板与绘图功能_第5张图片

8.画板复制 ,选中画板 ctrl+D 完成对画板复制(同时也会复制画板里面的内容)

Adobe XD-03-画板与绘图功能_第6张图片

9. 画板的背景颜色

Adobe XD-03-画板与绘图功能_第7张图片

10 画板的网格

Adobe XD-03-画板与绘图功能_第8张图片

当使用钢笔工具的时候,画板网格提供了更多的方向选择。它可以让你拖拽对象对齐到网格,也可以让你一边绘制一边将你的锚点对齐到网格。启用网格(Grid)功能,点击位于工具栏上的画板图标,在右侧属性面板中的 网格(Grid) 选项中打勾即可。这里你也可以根据你的喜好修改网格的尺寸和颜色。


Adobe XD-03-画板与绘图功能_第9张图片
Adobe XD-03-画板与绘图功能_第10张图片

注意 xd中是没有参考线的(有强大的智能对齐与网格对齐)

和ps一样 按 空格键可以切换的抓手工具



二、矩形绘制

1. 使用矩形工具  快捷键(R)绘制一个矩形

Adobe XD-03-画板与绘图功能_第11张图片

2. 调整大小与位置

在xd里面调节内容都是通过右侧面板来调整的(这里的数字可以用 加 + 减 - 乘 * 除 / 来运算)

Adobe XD-03-画板与绘图功能_第12张图片

3. 圆角

可以通过 拖动控制点来改变圆角 也可以在右侧面板中输入数值来改变圆角

Adobe XD-03-画板与绘图功能_第13张图片

按住alt键 拖动可以改变 单独改变一个圆角值

也可以在右侧选择单独设置圆角

Adobe XD-03-画板与绘图功能_第14张图片

4. 改变颜色

  通过填充能够改变矩形的颜色

Adobe XD-03-画板与绘图功能_第15张图片

5. 渐变填充(注意颜色是可以设置透明度的)

Adobe XD-03-画板与绘图功能_第16张图片

6. 描边

可以指定描边的类型 大小等

Adobe XD-03-画板与绘图功能_第17张图片


三、复制

1. 用移动移动工具拖动复制

2. ctrl+D 原地复制

3. ctrl+C 复制 ctrl+V粘贴

四、缩放


Adobe XD-03-画板与绘图功能_第18张图片


五、作业

Adobe XD-03-画板与绘图功能_第19张图片

你可能感兴趣的:(Adobe XD-03-画板与绘图功能)