編者按：今天這篇教程是臨摹追波大神@GsMike7?的Pokémon 圖標，來一枚可愛的卡比獸圖標，教程不難，重在運用漸變色，配合前兩天的漸變色零基礎自學指南，可以獲得更佳效果。一起來試試。

編者注：文章用的軟件是Sketch，不過原理相通，用PS也可以完成的。G大的追波，歡迎圍觀點贊：https://dribbble.com/gsmike

漸變色零基礎自學指南：

1. 上篇：《一份全面系統的漸變色自學指南》
2. 中篇：《如何用漸變色繪制高格調的背景+球體》
3. 下篇：《人氣教程最終版！寫給非科班設計師的漸變色學習指南》

昨天晚上坐在工作桌前抱怨著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到底什么時候要開放啊啊啊啊啊啊啊啊啊啊啊！！！！

「牛總的精品教程合集」

MBE 風格圖標：
《PS熱門教程！教你5分鐘快速繪制超火的MBE風格圖標》

五分鐘海報教程：
《PS教程！5分鐘設計出極具格調的藝術海報（一）》
《PS教程！5分鐘設計出極具格調的藝術海報（二）》

原文地址：medium

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com