Sketch绘制相对复杂效果的Icon(网格、剪刀、旋转副本)使用

2021-03-02 15:36:37 浏览数 (2)

Demo1
  • 首先我们看到这个,之前的文章可以实现的差不多,但是中间的断层很难实现,这里就说一下怎么实现他们之间交叉的断层怎么实现的,两种方法
  • 方法1

直接钢笔工具自己将里面的所有的零部件全部画出来,显然这不是我要说的

  • 方法2
  • 我们直接绘制一个画板(快捷键是a)
  • 然后我们绘制一个矩形,然后复制一个,旋转90度,选中两个,选择减去顶层
  • 我们就得到这个断层的效果

当然又会有抬杠的说了,我不会直接画两个矩形吗?当然是可以的,但是复杂的时候就不那么舒服了,我只是给你们演示一下基础用法,复杂的时候也是一样的,这里还有一个点就是减去顶层的时候,看好自己哪个是在上面的

Demo2
  • 这种是怎么实现的呢,很简单
  • 我们将原图扔进去,然后绘制一个圆角的矩形,按照他的比例来
  • 选择旋转副本

这里值得注意的一点是,旋转的时候是不算自己的, 也就是你一共是8个的话,就只需要7个就够了

  • 旋转以后拖动中间的白点,就会自己缩小,和原图一样的时候就松手
  • 然后拖到隔壁的画板上,将颜色一个一个的改变
  • 最后就是这样,
  • 但是很明显,前途的嵌套和我们的不一样,这个时候我们需要做的是全部选中,将边框取消(快捷键是B),然后我们选择正片叠底
  • 苹果的Photo的logo就绘制结束了
Demo3
  • 这个最难的是这个缺口是怎么实现的
  • 我们绘制一个圆形,边框我们按照原图进行加粗,然后按照圆形的半径绘制一个正方形,这个正方形只是一个参考,没有别的作用,然后我们直接使用剪刀工具,将四分之一的部分减去
  • 最后将背景颜色改为当前圆形内部的颜色即可
  • 这里使用到了见剪刀工具,可以减去你不需要的任意部分。
Demo4
  • 这个是怎么快速实现的,这个icon其实就是一个更多的icon,很常见,这个实现最快的方式是网格
  • 我们绘制一个,然后选择网格,进行数量和间距的调整即可

这一篇就写到这,下一篇我们讲一下怎么将阿里的svg图标使用这个软件进行编辑,然后说一下怎么切图!

0 人点赞