設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

2019-11-08 16:13:22 來源/作者: 互聯(lián)網(wǎng) / 中峰 己有:1771人學(xué)習(xí)過

 

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

步驟 03 制作主頁面下半部分

復(fù)制上半頁,垂直翻轉(zhuǎn),用小白適當(dāng)調(diào)整形狀,添加圖層樣式

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

 

步驟 04 制作日期

選擇一個字體,隨便打個數(shù)字,將數(shù)字轉(zhuǎn)化為形狀,添加圖層樣式,復(fù)制一層備用

按住CTRL+左鍵點(diǎn)擊【上半頁】圖層縮略圖,選擇數(shù)字圖層,添加蒙版

為備用數(shù)字圖層添加圖層樣式

CTRL+左鍵點(diǎn)擊【下半頁】圖層縮略圖,選擇備用的數(shù)字圖層,添加蒙版

用小白工具對備用圖層的形狀進(jìn)行調(diào)整,添加圖層樣式

最后加上月份星期

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

三、相冊圖標(biāo)

步驟 01 制作底座和膠片基本形狀

新建225×144 px大小的矩形,將右邊的兩個角的圓角半徑修改為10px,顏色#f6f5f5

運(yùn)用布爾運(yùn)算做出上下兩排小孔(12x16px,圓角半徑4px)

新建圓角矩形116×80 px,圓角半徑10px;顏色#dad7d7

復(fù)制一個,適當(dāng)調(diào)整位置和大小

將三個圖層編組,命名【膠片-下】

整組復(fù)制,命名【膠片-上】

運(yùn)用布爾運(yùn)算將【膠片-上】中的底修改成合適的形狀

將兩組合起來編成一個新的組命名【膠片】,添加圖層樣式

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

步驟 02 制作膠片高光和陰影

新建34x155px的矩形,顏色#ffffff,羽化4.6

復(fù)制一層,將寬改為9px

兩個高光圖層居中對齊

新建空白圖層,用柔邊圓畫筆在【膠片-上】左側(cè)邊緣畫出陰影

調(diào)整圖層順序,使高光和暗部圖層在【膠片-上】的上方,做剪切蒙版

添加紅色裝飾物,使整體圖標(biāo)風(fēng)格統(tǒng)一

設(shè)計(jì)立體擬物風(fēng)格APP圖標(biāo)的PS實(shí)例教程

 

四、設(shè)置圖標(biāo)

步驟 01 制作齒輪基本形狀

新建180×180 px大小的圓,40×240 px的矩形,將矩形與圓形居中對齊

用鋼筆工具在矩形與圓形交點(diǎn)處,為矩形添加四個錨點(diǎn)