快速用 Sketch 绘制30个图标

操作分解:

快速用 Sketch 绘制30个图标_第1张图片

一个正方形,两个同等直径的圆形即可完成,最后旋转

快速用 Sketch 绘制30个图标_第2张图片

多选矩形 Edit 后可以一起改圆角

快速用 Sketch 绘制30个图标_第3张图片

正方形不停地裁剪

快速用 Sketch 绘制30个图标_第4张图片

一个椭圆加长方形,复制即可

快速用 Sketch 绘制30个图标_第5张图片

圆角矩形加两个不同大小的圆合成

快速用 Sketch 绘制30个图标_第6张图片

小矩形旋转角度,最后拉下 Radius 即可

快速用 Sketch 绘制30个图标_第7张图片

选中锚点删掉,调下倾斜度,复制合成

快速用 Sketch 绘制30个图标_第8张图片

添加锚点一拉一调

快速用 Sketch 绘制30个图标_第9张图片

添加左右两个锚点的时候放大比较容易

快速用 Sketch 绘制30个图标_第10张图片

处理号细节锚点的 radius

快速用 Sketch 绘制30个图标_第11张图片

合成后记得 Flatten 下,就可以选择锚点加 radius

添加钢笔锚点,并且 Show Grid View 做校对

快速用 Sketch 绘制30个图标_第12张图片

直接用 Layer – Paths – Scissors 剪掉圆的一半

用四分之一正方形去Layer – Paths – Close Path 背后的圆

快速用 Sketch 绘制30个图标_第13张图片

Lock 上半部用「圆加同等矩形合成」的方式实现

快速用 Sketch 绘制30个图标_第14张图片

找到合适的锚点下拉一下就可以

快速用 Sketch 绘制30个图标_第15张图片

Ctrl D 上面的三角形并且 Scale 放大 120%与背后的矩形相减

添加中间的锚点,如果觉得没有对准,可以拖动锚点感受下对准时的那个「钝钝」的感觉

快速用 Sketch 绘制30个图标_第16张图片

底部先做全圆角(Radius 拉到底)再做 Transform

快速用 Sketch 绘制30个图标_第17张图片

中间镂空的白色其实只是填充了白色为了校准,最后可以和背后的部分相减掉

快速用 Sketch 绘制30个图标_第18张图片

合成头部,Ctrl D 再 Scale 后和上半身相减

快速用 Sketch 绘制30个图标_第19张图片

先用两个正方形做裁剪,然后合成后向右拉伸,这样才会严谨

快速用 Sketch 绘制30个图标_第20张图片

星和圆合成后就可以在右侧调多边形的边数了,最后圆角一下

快速用 Sketch 绘制30个图标_第21张图片

类似 iOS 系统的齿轮,不停的复制旋转

快速用 Sketch 绘制30个图标_第22张图片

用 Paths – Scissors 剪掉形成耳机的连接部分,最后 Group 下就行

快速用 Sketch 绘制30个图标_第23张图片

都是 Ctrl D 原来的图形 Scale 后与背后的图像相见减的原理

快速用 Sketch 绘制30个图标_第24张图片

没什么特别的,如果太细的不太好校准的,Command + 放大画布

用两个正方形相减,然后 Edit 三个角拉 Radius 到底,其他镜像下即可

快速用 Sketch 绘制30个图标_第25张图片

尾翼直接 Ctrl D 了机翼,Scale 缩小了而已,最后90度旋转

用正方形旋转取得菱形,Shirt 左右箭头键可以以 10px 单位移动,方便很多

Show Grid 模式,以一个长方形添加对应的锚点,并且移动到适合比例的位置

快速用 Sketch 绘制30个图标_第26张图片

Ctrl D Scale 旋转后互相伤害,相减

跟 Home 类似,那天晚上在打一个很长的电话:)

选中椭圆的两边锚点,Straight 下就可以

快速用 Sketch 绘制30个图标_第27张图片

做类似 45度角的 Icon,可以先在水平或者垂直放向上先做,最后旋转即可

看过去有点复杂,其实还是用 Ctrl D 再 Scale 得到最后的结果,你会了吧

快速用 Sketch 绘制30个图标_第28张图片

所有有关箭头 Icon 都可以在 45度方向先做出来

你可能感兴趣的:(快速用 Sketch 绘制30个图标)