转载

【Design】Sketch 画圆弧

作为一个 Sketch -100 级新手新新手,我觉得我还是需要把很多形状的绘制记录一下。

环境信息:

Mac OS X 10.11.2

Sketch 3.4.4

正文

一、效果图

【Design】Sketch 画圆弧

二、步骤图

1.创建 Artboard

在全局范围按快捷键 A ,或者 insert -> Artboard 。在右边栏中,创建一个 icon,大小随意。

【Design】Sketch 画圆弧

2.创建圆

快捷键 O ,拖拽时加上 Shift ,画出一个圆。

【Design】Sketch 画圆弧

3.绘制圆环

取消填充色,设置边框颜色与宽度

【Design】Sketch 画圆弧

【Design】Sketch 画圆弧

4.添加锚点

双击圆环,出现编辑锚点状态。在需要删除的线段端点出,加两个锚点(点击圆环就是加锚点)。

【Design】Sketch 画圆弧

5.裁剪

退出编辑状态,找到 Scissors 小剪刀。如果没找到,在 Sketch 的菜单栏上,找到 View -> Customize Toolbar… 。

【Design】Sketch 画圆弧

找到 Scissors,然后拖到工具栏上。

【Design】Sketch 画圆弧

点击 Scissors,将剪刀移动到要删除的线段上,点击删除

【Design】Sketch 画圆弧 【Design】Sketch 画圆弧

6.圆角

设置边框的 joins 与 ends 样式:

【Design】Sketch 画圆弧 【Design】Sketch 画圆弧

三、参考

奇葩的Sketch教程,专治各种疑难杂症

原文  http://www.saitjr.com/design/【design】sketch-画圆弧.html
正文到此结束
Loading...