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

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

用小白調(diào)整使新增錨點(diǎn)兩邊偏移10px,根據(jù)情況上下調(diào)整,使得四個(gè)新增錨點(diǎn)仍為矩形與圓形的交點(diǎn)

復(fù)制兩層,分別旋轉(zhuǎn)120°和240°

將所有形狀合并形狀組件

新建80x80px的圓形,與剛剛合并形成的形狀居中對(duì)齊,減去頂層形狀

添加圖層樣式,得到設(shè)置圖標(biā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í)例教程

 

步驟 02 制作齒輪內(nèi)部

白色部分:新建160×160 px和100×100 px的圓形,減去頂層形狀,添加圖層樣式

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

 

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

 

紅色部分:新建140x140px和100x100px的圓形,減去頂層形狀,添加圖層樣式,最后加上文字就可以了

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

 

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

 

 

五、地圖圖標(biāo)

步驟 01 制作基本形狀

創(chuàng)建190×190 px大小的圓形,140×140 px大小的矩形,將矩形旋轉(zhuǎn)45°

用錨點(diǎn)轉(zhuǎn)換工具和小白,將左右兩點(diǎn)調(diào)整至與圓相切,并且?guī)в邢旅鎯蓷l邊帶有弧度,像是從圓上延申過(guò)來(lái)的感覺(jué)

創(chuàng)建80x80px的圓形,將三個(gè)圖形合并形狀減去小圓,添加圖層樣式和文字裝飾

設(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 制作外部結(jié)構(gòu)

大圓:創(chuàng)建228×228 px大小的圓形,5個(gè)50×50 px的小圓,均勻分布,減去頂層形狀,添加圖層樣式

小圓環(huán):用60×60 px和50×50 px的圓做出5個(gè)圓環(huán),將大圓的圖層樣式復(fù)制到小圓環(huán)上,關(guān)掉投影內(nèi)陰影,放在5個(gè)小圓相對(duì)應(yīng)的位置上。

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

 

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

 

步驟 02 制作扣狀結(jié)構(gòu)

分別創(chuàng)建大小40x40px、34x34px、24x24px的圓形,命名【圓1】,【圓2】,【圓3】,添加圖層樣式