立體圖標(biāo)，制作一個(gè)立體的UI圖標(biāo)(7)

這個(gè)圖標(biāo)很簡(jiǎn)單，主要學(xué)習(xí)該圖標(biāo)的立體制作。先看看效果：

首先讓我們來(lái)新建一個(gè)高度為560,寬度為420.

填充背景為：#fbf5e7

選擇圓角矩形工具

畫(huà)一個(gè)180*180，半徑為10的圓角矩形

填充顏色為：#a9d0e1

ctrl+t,然后右擊旋轉(zhuǎn)，旋轉(zhuǎn)45°，然后右擊進(jìn)行扭曲（其中萬(wàn)萬(wàn)不可雙擊取消變形哦）

可以拉輔助線(xiàn)，按住alt鍵，選中其中一個(gè)點(diǎn)，進(jìn)行水平移動(dòng)，這樣是以中心為點(diǎn)進(jìn)行的兩邊的延伸，哎呀，具體怎么個(gè)術(shù)語(yǔ)我也不是很清楚，就是這個(gè)意思吧，哈哈

嗯，最后變成這個(gè)樣子

接著我們Ctrl+Alt+↓ 多按幾遍大概十七八次就可以了，這部叫輕移。look，是不是有厚度出來(lái)了，具體厚度根據(jù)自己喜好來(lái)定，可厚可薄的嘛，嘻嘻(*^__^*)

然后我們按住shift鍵點(diǎn)選所有輕移出的副本

接著Ctrl+g，這樣這些副本就全部放到一個(gè)組里面了

點(diǎn)擊組1圖層的綠色部分的任何一個(gè)位置都可以

打開(kāi)圖層樣式，進(jìn)行顏色疊加，顏色為#63a8c7

把組1圖層放到圓角矩形1圖層的下面

效果是這樣的，是不是立起來(lái)啦，

接著復(fù)制圓角矩形1圖層放置組1圖層的下面

打開(kāi)圖層樣式進(jìn)行顏色疊加，顏色為：#345469,往右下方移動(dòng)，使陰影露出

把不透明度降低至50％

下面我們來(lái)制作小爪子，打開(kāi)自定形工具

找到小爪子

如果沒(méi)有的話(huà)，點(diǎn)擊邊上的小齒輪，然后點(diǎn)擊動(dòng)物，點(diǎn)擊追加，這圖案是自帶的。也可以選擇或者制作自己喜歡的圖案。

填充顏色為：#f3cfd3

同樣，我們做一些變形扭曲的調(diào)整

從而達(dá)到這種效果

Ctrl+Alt+↓輕移出多個(gè)圖層，shift點(diǎn)選所有副本圖層，Ctrl+g放入一個(gè)組里

打開(kāi)組2的圖層樣式，進(jìn)行顏色疊加，顏色為#efa9b1

復(fù)制形狀1圖層，放在組2圖層的下面

進(jìn)行顏色疊加，顏色為#eb8894，往右下方移動(dòng)，使陰影露出

不透明度降低至50％

選擇橢圓工具，畫(huà)個(gè)橢圓，填充顏色為#fbf5e7

Ctrl+Alt+↓輕移出多個(gè)圖層，shift點(diǎn)選所有副本圖層，Ctrl+g放入一個(gè)組里

對(duì)組3進(jìn)行顏色疊加，顏色為#fe12be

復(fù)制小肉墊圖層，移至組3圖層的下面

打開(kāi)圖層樣式進(jìn)行顏色疊加，顏色為#e1c789 往右下方移動(dòng)，使陰影露出

不透明度降低至50％

大功告成啦，超簡(jiǎn)單的