看教程的目的是什么?無非就是熟悉軟件+繪制技巧(或方法)這兩個了吧?吸收別人分享的經驗轉化成自己的知識，這樣才算達到了臨摹教程的目的了。所以，我會先去自己思考，然后嘗試著去做，遇到難題了不會了再去看教程，這樣吸收的快進步也快。

設計思路

首先我們得想好，這玩意該怎么做?先來看看手機的效果圖吧：

從這張圖里我們可以看到，手機由上下兩部分組成，上面是屏幕，下面是翻蓋和翻蓋上的音樂播放按鈕。那么我們畫草圖的時候就思路就很清晰了，也把圖標分成上下兩塊。為了增強效果，我又加了頂部的厚度部分，手機我有，厚度部分我是照著手機做的。

先別急，不要忙著打開PS，我們先拿出紙和筆，畫個草圖出來并簡單區分下明暗，比如這樣：

你們心里一定在想：臥槽!這特么是什么玩意?這二貨作者真的能畫出效果圖那樣的圖么?他不會是抄襲的吧?我能解釋的是：我手繪退步了，要不是為了說明下設計思路，我才不會自曝不足。

需要注意的是，手機原型是長寬比例大概是1:3，而圖標是1:1，那我們該怎么做呢?那有些地方變形是難免的，但是變形也不是盲目的變形，得知道會牽扯到哪些組成部分，該怎么變，和其他組成部分怎么組合才和諧?需要變形的部分內部有沒有元素要跟著變，該不該變?這都要考慮好。

繪制圖標

整個好看又能突出主體的背景。

我發布的相關作品中，背景太暗，圖標也是灰色系，而且比較暗，這就沒了對比，無法突出主題，犯了個低級錯誤。得虧美女大白(芷云白兔)同學一針見血的指出，所以這里改進下。背景不用浮夸，能突出主體又不搶鏡就行。具體怎么樣，大家隨心所欲。

Part1：用形狀和顏色來區分各區域

主體

頂層厚度

屏幕

按鍵

翻蓋的軸

翻蓋的把

Part2：豐富各區域的細節

然后根據手機效果圖，我們把細節部分(不加圖層樣式)豐富起來

看著是不是有種扁平化風格呢?原諒我一下子就到了這一步，因為我覺得……就添加么，實在沒什么好說的，不懂的同學請來私聊我。

???????