立體圖標,制作一個立體的UI圖標(7)
這個圖標很簡單,主要學習該圖標的立體制作。先看看效果:
首先讓我們來新建一個高度為560,寬度為420.
填充背景為:#fbf5e7
選擇圓角矩形工具
畫一個180*180,半徑為10的圓角矩形
填充顏色為:#a9d0e1
ctrl+t,然后右擊旋轉(zhuǎn),旋轉(zhuǎn)45°,然后右擊進行扭曲(其中萬萬不可雙擊取消變形哦)
可以拉輔助線,按住alt鍵,選中其中一個點,進行水平移動,這樣是以中心為點進行的兩邊的延伸,哎呀,具體怎么個術語我也不是很清楚,就是這個意思吧,哈哈
嗯,最后變成這個樣子
接著我們Ctrl+Alt+↓ 多按幾遍大概十七八次就可以了,這部叫輕移。look,是不是有厚度出來了,具體厚度根據(jù)自己喜好來定,可厚可薄的嘛,嘻嘻(*^__^*)
然后我們按住shift鍵點選所有輕移出的副本
接著Ctrl+g,這樣這些副本就全部放到一個組里面了
點擊組1圖層的綠色部分的任何一個位置都可以
打開圖層樣式,進行顏色疊加,顏色為#63a8c7
把組1圖層放到圓角矩形1圖層的下面
效果是這樣的,是不是立起來啦,
接著復制圓角矩形1圖層放置組1圖層的下面
打開圖層樣式進行顏色疊加,顏色為:#345469,往右下方移動,使陰影露出
把不透明度降低至50%
下面我們來制作小爪子,打開自定形工具
找到小爪子
如果沒有的話,點擊邊上的小齒輪,然后點擊動物,點擊追加,這圖案是自帶的。也可以選擇或者制作自己喜歡的圖案。
填充顏色為:#f3cfd3
同樣,我們做一些變形扭曲的調(diào)整
從而達到這種效果
Ctrl+Alt+↓輕移出多個圖層,shift點選所有副本圖層,Ctrl+g放入一個組里
打開組2的圖層樣式,進行顏色疊加,顏色為#efa9b1
復制形狀1圖層,放在組2圖層的下面
進行顏色疊加,顏色為#eb8894,往右下方移動,使陰影露出
不透明度降低至50%
選擇橢圓工具,畫個橢圓,填充顏色為#fbf5e7
Ctrl+Alt+↓輕移出多個圖層,shift點選所有副本圖層,Ctrl+g放入一個組里
對組3進行顏色疊加,顏色為#fe12be
復制小肉墊圖層,移至組3圖層的下面
打開圖層樣式進行顏色疊加,顏色為#e1c789 往右下方移動,使陰影露出
不透明度降低至50%
大功告成啦,超簡單的
學習 · 提示
相關教程