pokemon-go-design-kabigon-1

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

编者注:文章用的软件是Sketch,不过原理相通,用PS也可以完成的。G大的追波,欢迎围观点赞:https://dribbble.com/gsmike

渐变色零基础自学指南:

  1. 上篇:《一份全面系统的渐变色自学指南》
  2. 中篇:《如何用渐变色绘制高格调的背景+球体》
  3. 下篇:《人气教程最终版!写给非科班设计师的渐变色学习指南》

昨天晚上坐在工作桌前抱怨着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

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

pg2016073117

「牛总的精品教程合集」

MBE 风格图标:
《PS热门教程!教你5分钟快速绘制超火的MBE风格图标》

五分钟海报教程:
《PS教程!5分钟设计出极具格调的艺术海报(一)》
《PS教程!5分钟设计出极具格调的艺术海报(二)》

原文地址:medium

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 2

发表评论 已发布 1

还可以输入 800 个字
 
 
载入中....
相关推荐
1 收藏