寫給熱愛卡比獸的-漸層配色(番外篇)

Samuel

卡比卡比。

註:感謝方瑜,Angela兩位卡比好朋友協助編修。

昨天晚上坐在工作桌前抱怨著Pokemon Go怎麼在台灣還不開放?抱怨之餘意外在Dribbble發現一位神級中國設計師gsmike的作品-皮皮icon,就…忍不住來做一顆卡比獸版本的Rebound,在這邊跟各位分享/紀錄一下製作流程。

因為有不少的朋友在詢問這顆icon的製作過程,那麼…我希望請卡比獸本獸來跟各位說明自己的製作過程:

製作流程

開始之前,打開你的音響/耳機,點開這個童年回憶邊聽邊做會更能領悟這顆icon的精髓。

Tips. 注意粗體字的部分即可。

Step1. 首先,卡比獸需要一個相稱的背景跟名字

卡比卡比,卡比。(漸層背景:#BEE0D9 → #93B8AE)

Step2. 卡比獸需要個圓滾滾的身體

卡比卡比,卡比卡比卡比。(漸層身體:#F1DFB9 → #CDB098)

Step3. 卡比獸的身體需要更多的細節

卡比內陰影卡比:

卡比卡比卡比比:

Step4. 卡比獸還需要圓滾滾的手來摸圓滾滾的肚子

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

卡比卡比加入亮部內陰影(#819895, 70%)卡比卡有立體感卡比:

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

卡比卡比,Layer →Transform →Horizontal(複製手臂)卡比:

卡比卡比卡比:

Step5. 注意,卡比獸的頭部也有花紋

卡比卡,卡比頭部卡比綠綠卡比。(#56817A → #354A43)

Step6. 卡比獸沒有毛皮覺得冷

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

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

Step7. 卡比獸的一號表情

卡~比~~~

Step8. 卡比獸想要更真實一點

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

卡比卡比!!!!!!👏

相信目標是成為神奇寶貝大師的各位,這篇的分享應該可以融會貫通吧。讓我們一起朝著神奇寶貝大師的路前進吧。話說,Pokemon Go到底什麼時候要開放啊啊啊啊啊啊啊啊啊啊啊!!!!

相關文章

希望對於漸層配色有更深一層認識的神奇寶貝大師們可以由下面幾篇基礎文章開始入門喔。

寫給不是設計師的-漸層配色(上)

寫給不是設計師的-漸層配色(中)

寫給不是設計師的-漸層配色(下)

Samuel

Written by

Samuel

Hahow 好學校的 Product Owner & Software Developer。軟體工程師、介面設計師、產品設計師、業界講師和不負責任各類型內容產出者。個人網站:www.samuel-kao.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade