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