設(shè)計立體擬物風格APP圖標的PS實例教程

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

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

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

將所有形狀合并形狀組件

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

添加圖層樣式,得到設(shè)置圖標的基本形狀

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

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

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

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

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

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

 

五、地圖圖標

步驟 01 制作基本形狀

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

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

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

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

六、視頻圖標

步驟 01 制作外部結(jié)構(gòu)

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

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

設(shè)計立體擬物風格APP圖標的PS實例教程

 

設(shè)計立體擬物風格APP圖標的PS實例教程

 

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

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