Sketch制作网格与旋转副本妙用
2020-07-15 本文已影响0人
追光柚子
sketch中有两个能提高绘制效率的小工具,制作网格和旋转副本。

如果工具栏里没有,就要从自定义工具栏中添加进去哦!
接下来我们看看如何使用它们吧~
制作网格
制作网格的意思是让一个图形或一组对象呈几行或几列平铺开。
首先在画布中置入一个正方形,然后点击【制作网格】图标。

行/列表示一行有几个正方形,外边距表示每个正方形之间的间距。
设置好后,点击制作网格,效果如下:

在移动界面中如何应用呢?
举个例子:我们想制作一个新闻列表页,那么一起看看如何通过网格制作工具快速实现。
首先制作一条新闻,然后对其进行编组。

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

旋转副本
旋转副本的意思是,让一个图形按照一定的数量围绕着一个圆平均铺开。
首先在画布中置入一个椭圆,然后点击【旋转副本】图标。

注意,输入框里的数量是除了原有的图形之外要增加的数量,这个面板已经说明共会生成多少个数量。
点击旋转,我们来看看效果:

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

再给雏菊画一个花芯:一个正圆填充咖啡色,一个方形网格填充黑色(编组)。

然后在选中两者,来个布尔运算-交集(留下相交部分)。

是不是有点那个意思了,哈~
除此之外,还可以通过旋转副本工具制作出很多有意思的图形,大家试试吧~