点击上方“独立开发者杂谈”
喜欢本文,请置顶或星标
快速制作简单的 Icon
Icon 通常就是一些图形和颜色组成。这篇文章介绍 Sketch 中重点的绘制图形的方法,只要掌握了,就能快速的制作自己设计的 Icon了。
绘制基本的图形和文字
首先了解一下 Sketch 基础功能 :
显示 / 隐藏标尺 【 Control + R 】
显示 / 隐藏网格【 Control + G 】
显示 / 隐藏参考线 【 Control + L 】
移动画板 【 空格 + 拖动鼠标拖动 】
放大缩小画板 【 Cmd + 鼠标滚轮】
绘制基本图形和文字:
添加椭圆形 / 圆形 【 O / Shift + O 】
添加方形 / 方形 【 R / Shift + R 】
文字 【 T 】
其他图形,比如直线和三角形,【 置入 -> 形状 】里选
绘制不规则的图形
Icon 设计可能包含不规则的形状,比如箭头,曲线等。接下来的操作用于绘制这些不规则的图形。首先可以利用锚点来调整图形的形状【 双击图形获得锚点 】。
使用蒙版功能【 Control + Cmd + M 】来裁剪图形,使用切片功能【 S 】切割图形。
还可以使用集联来合并图片:
合并形状【 Alt + Cmd + U 】
减去顶层形状【 Alt + Cmd + S 】
保留重叠形状【 Alt + Cmd + I 】
排除重叠形状 【 Alt + Cmd + X 】
使用设计师的图形来组装或参考
有一些拟物的图形可以直接使用网上设计师的图形来组装,或者参考重新绘制。可以把阿里巴巴 iconfont 里的图标直接拖进来组装。
绘制图形很简单,所以重在设计 Icon。下一篇文章将介绍如何设计。
END
往期回顾:
《 独立开发者如何快速从 0 到 1 设计一款 App 的 Logo —— 配置 Sketch 工具 》
欢迎扫码关注
独立开发者杂谈
喜欢本文,右下方点击 在看 ↓