最美UI

sketch教程!教你绘制一枚可爱的Pokemon Go卡比兽图标教程

编者按:今天这篇教程是临摹追波大神@GsMike7 的Pokémon 图标,来一枚可爱的卡比兽图标,教程不难,重在运用渐变色,配合前两天的渐变色零基础自学指南,可以获得更佳效果。一起来试试。

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

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

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

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

Step 1

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

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

Step 2

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

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

Step 3

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

卡比内阴影卡比:

卡比卡比卡比比:

Step 4

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

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

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

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

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

卡比卡比卡比:

Step 5

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

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

Step 6

卡比兽没有毛皮觉得冷。

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

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

Step 7

卡比兽的一号表情。

卡~比~~~

Step 8

卡比兽想要更真实一点。

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

卡比卡比!!!!!!

相信目标是成为神奇宝贝大师的各位,这篇的分享应该可以融会贯通吧。让我们一起朝着神奇宝贝大师的路前进吧。话说,Pokemon Go到底什么时候要开放啊啊啊啊啊啊啊啊啊啊啊!!!!

来源:优设网 

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
快速提升SKETCH的操作技巧
下一篇
Sketch 技巧:好用的对齐快捷键(附设置教程)