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

2019-11-08 16:13:22 來源/作者: 互聯網 / 中峰 己有:1771人學習過

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

復制兩層,分別旋轉120°和240°

將所有形狀合并形狀組件

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

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

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

 

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

 

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

 

步驟 02 制作齒輪內部

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

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

 

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

 

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

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

 

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

 

 

五、地圖圖標

步驟 01 制作基本形狀

創建190×190 px大小的圓形,140×140 px大小的矩形,將矩形旋轉45°

用錨點轉換工具和小白,將左右兩點調整至與圓相切,并且帶有下面兩條邊帶有弧度,像是從圓上延申過來的感覺

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

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

 

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

 

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

 

六、視頻圖標

步驟 01 制作外部結構

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

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

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

 

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

 

步驟 02 制作扣狀結構

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