10-用sketch画一个暖萌的大白

(●—●)

▽

说实话，作为产品经理，我完全不会用Axure，嫌软件操作麻烦，嫌画出的原型没逼格。画原型做交互甚至是出视觉稿，都强烈推荐sketch，操作简单易上手，出图迅速又好看。

网上有很多sketch的破解包，官网还有中文版sketch教程，分分钟可以卸载Axure了。

至于产品的流程图、泳道图、时序图，我一般是用Omnigraffle，如果要用sketch代替，也是妥妥的。

最近开始尝试用sketch画画，下面是用sketch画大白(●—●)的教程，治愈系清新暖萌有木有~

▽

1-画一个圆

第一步

左上角，点击Insert→Shape→Oval，画一个圆。设置Fills的颜色为#FFFFFF，Borders的颜色为#5A3817，Thickness初设为12。后期可以根据自己的喜好来调整颜色透明度和圆圈粗细。

▽

2-调整为椭圆形

第二步

用钢笔工具将圆形调整为适合大白的椭圆头型。用鼠标左键双击圆圈边框，就会出现一条有三个点的线段，长按拖动就可以调整圆圈形状。

▽

3-设置阴影

第三步

在sketch右侧找到Inner Shadows，点击加号，添加圆形的内阴影，颜色为#D0D7DF，其他属性如上图右。其中，x和y代表阴影坐标，x为正，则阴影在圆圈的左侧。反之，则在右侧。

▽

4-画眼睛嘴巴

第四步

大白的头部轮廓完成，开始画眼睛嘴巴。还是用圆形工具画一个小圆，颜色和头部轮廓颜色一致，为#5A3817，复制黏贴成另一个眼睛。接下来是嘴巴，画一条直线，使用钢笔工具调整节点使之变成一条弧线。

▽

5-画腮红

第五步

大白最萌的腮红，还是画一个圆，用钢笔工具调整为椭圆，设置Borders为不勾选，设置Fills的颜色为#F9C9BE。画完一个腮红，复制黏贴另一个。移动腮红至最合适的位置。

▽

6-勾勒身体线条

第六步

将大白的头部轮廓旋转，设置Transform为-51°，为了使之看起来自然，我还使用了左右翻面工具（在Transform的右侧Flip），同时将内阴影Inner Shadows的x值从-15改为15。所以效果是大白头向右倾斜，且面部也向右张望。

大白的身体线条依旧是画一条直线，直线颜色#5A3817，用钢笔工具调整为合适的弧线。最后画两个大圆，重叠之，作为边框。

▽

7-细细美化

第七步

大白身体太空旷，所以添加一个小装饰品。还是画个圆形，调整为不规则的椭圆。画一条直线，调整为不规则的曲线。椭圆和曲线颜色为#5A3817，透明度和粗细适当调整。

加完小饰品还是觉得过于空旷，再填充个背景色，色号为#D8F0FC。用裁剪工具Slice裁剪并导出为图片格式保存。

PS：可以在Borders处设置线条头尾更加平滑，注意红线框内，设置前后，线条末端的对比。

对比图

▽

暖萌暖萌的大白送给你(●—●)

暖萌暖萌的大白头像

————————————————

pmwiki，90后产品汪，曾经的北漂一族，现定居上海。坚持原创，欢迎交流~