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后产品汪,曾经的北漂一族,现定居上海。坚持原创,欢迎交流~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 注意:这是一篇译文,如果你够装逼,完全可以浏览原文:Sketch Tutorial for iOS Develop...
    Andy矢倉阅读 17,150评论 10 158
  • 早前写过两篇Sketch教程文章:《Sketch进阶教程:这可能是Symbol最详细的使用说明书》和《Sketch...
    夜雨y阅读 9,251评论 1 31
  • 前言 笔记仅记录了相比于第一次学习,重新理解的知识点完整内容详见:《ECMAScript 6 入门》 阮一峰 总结...
    ccminn阅读 3,012评论 1 2
  • 家里的地漏有些堵,请了58到家的师傅上门维修,一个小时,最后花了100元。 其实也没什么大的问题,就是些毛发之类的...
    劈柴捌哥阅读 2,338评论 0 1
  • 最近在读美国作家加·泽文的小说《时光倒流的女孩》,她的书目前为止看了3本,每一本都印象深刻。因为每一部小说都是看着...
    余小鱼MsYu阅读 3,118评论 0 4