Sketch制作网格与旋转副本妙用

sketch中有两个能提高绘制效率的小工具，制作网格和旋转副本。

图标

如果工具栏里没有，就要从自定义工具栏中添加进去哦！

接下来我们看看如何使用它们吧~

制作网格

制作网格的意思是让一个图形或一组对象呈几行或几列平铺开。

首先在画布中置入一个正方形，然后点击【制作网格】图标。

设置面板

行/列表示一行有几个正方形，外边距表示每个正方形之间的间距。

设置好后，点击制作网格，效果如下：

网格图

在移动界面中如何应用呢？

举个例子：我们想制作一个新闻列表页，那么一起看看如何通过网格制作工具快速实现。

首先制作一条新闻，然后对其进行编组。

一条新闻

然后选中这条新闻，点击打开制作网格面板，设置1列多行间距适当调整，点击确定瞬间完成。

新闻列表

旋转副本

旋转副本的意思是，让一个图形按照一定的数量围绕着一个圆平均铺开。

首先在画布中置入一个椭圆，然后点击【旋转副本】图标。

设置面板

注意，输入框里的数量是除了原有的图形之外要增加的数量，这个面板已经说明共会生成多少个数量。

点击旋转，我们来看看效果：

旋转完成

看上去像是一个雏菊的花瓣，可以去拖动图形上的手柄，调整花瓣的紧密程度。

调整之后

再给雏菊画一个花芯：一个正圆填充咖啡色，一个方形网格填充黑色（编组）。

花芯制作中

然后在选中两者，来个布尔运算-交集（留下相交部分）。

完成

是不是有点那个意思了，哈~

除此之外，还可以通过旋转副本工具制作出很多有意思的图形，大家试试吧~