页面载入中...

Sketch绘制一枚可爱的卡比兽图标

xingSketch, 2016-08-010

文章用的软件是Sketch,不过原理相通,用PS也可以完成的。

昨天晚上坐在工作桌前抱怨着Pokemon Go怎么在台湾还不开放?抱怨之余意外在Dribbble发现一位神级中国设计师gsmike的作品-皮皮icon,就…忍不住来做一颗卡比兽版本的Rebound,在这边跟各位分享/纪录一下制作流程。

pg201607311

因为有不少的朋友在询问这颗icon的制作过程,那么…我希望请卡比兽本兽来跟各位说明自己的制作过程:

开始之前,打开你的音响/耳机,点开这个童年回忆边听边做会更能领悟这颗icon的精髓。

Step 1

首先,卡比兽需要一个相称的背景跟名字

卡比卡比,卡比。(渐层背景:#BEE0D9 → #93B8AE)

pg201607319

Step 2

卡比兽需要个圆滚滚的身体。

卡比卡比,卡比卡比卡比。(渐层身体:#F1DFB9 → #CDB098)

pg2016073113

Step 3

卡比兽的身体需要更多的细节。

卡比内阴影卡比:

pg2016073110

卡比卡比卡比比:

pg201607317

Step 4

卡比兽还需要圆滚滚的手来摸圆滚滚的肚子。

卡比卡比,卡比卡比卡比。(渐层手臂,注意方向:#42625C → #243935)

pg201607314

卡比卡比加入亮部内阴影(#819895, 70%)卡比卡有立体感卡比:

pg201607315

卡比卡比,卡比爪子卡比:

pg201607318

卡比卡比,Layer →Transform →Horizontal(复制手臂)卡比:

pg2016073111

卡比卡比卡比:

pg2016073116

Step 5

注意,卡比兽的头部也有花纹。

卡比卡,卡比头部卡比绿绿卡比。(#56817A → #354A43)

pg201607313

Step 6

卡比兽没有毛皮觉得冷。

卡比卡比毛毛,卡比卡比:

pg2016073115

卡比卡比毛毛材质overlay卡比透明25%卡比卡比:

pg201607316

Step 7

卡比兽的一号表情。

卡~比~~~

pg2016073114

Step 8

卡比兽想要更真实一点。

卡比卡,卡比头部卡比亮亮卡比。(#FFFFFF → 全透明)

pg2016073112

卡比卡比!!!!!!

pg201607312

相信目标是成为神奇宝贝大师的各位,这篇的分享应该可以融会贯通吧。让我们一起朝着神奇宝贝大师的路前进吧。

原文地址:medium


发布评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信