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

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

 

設(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í)例教程

 

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

 

步驟 05 制作玻璃球

新建大小24x24px的圓形,顏色#000000,復(fù)制一個(gè)備用

添加蒙版,擦去上半部分,添加圖層樣式

將復(fù)制的圓形顏色改為#ffffff,調(diào)整不透明度10%,添加蒙版,擦出一個(gè)月牙形狀

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

 

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

 

步驟 06 制作鏡頭高光

按住CTRL+左鍵點(diǎn)擊【外圓1】圖層縮略圖得到圓形選區(qū)

新建一個(gè)圖層,用柔邊圓筆刷(大概400px)在圓形選區(qū)的上半部分輕輕拍一下,顏色#ffffff,不透明度20%

用布爾運(yùn)算做出圖中圖形(三個(gè)圖層),顏色#ffffff,不透明度30%

添加蒙版將邊緣擦的模糊一點(diǎn),讓邊緣過渡看起來(lái)自然一些

在較大的兩個(gè)圖像上添加圖層樣式

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

 

 

步驟 07 添加裝飾性元素

新建100×300 px的矩形,顏色#d43131,調(diào)整圖層順序使它在底座上方,做剪貼蒙版

選個(gè)字體打一些裝飾性的文字啥的

至此,相機(jī)就做完啦~(做完記得將相機(jī)的都編成一個(gè)組)

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

 

二、日歷圖標(biāo)

步驟 01 制作底座和日歷基本形狀

將相機(jī)底座復(fù)制一個(gè),新建228x 224 px大小的圓角矩形,圓角半徑24,命名【底頁(yè)1】,添加圖層樣式

復(fù)制底頁(yè)1,命名【底頁(yè)2】,修改投影大小,相對(duì)底頁(yè)1上移2px

復(fù)制底頁(yè)2,命名底頁(yè)3,相對(duì)底頁(yè)2上移2px。

設(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í)例教程

 

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

 

步驟 02 制作主頁(yè)面上半部分

新建228x114px大小的矩形,將上面兩個(gè)角的圓角半徑調(diào)整為24px,命名【上半頁(yè)】,添加圖層樣式

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