萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> Photoshop設計金屬立體效果的APP圖標

Photoshop設計金屬立體效果的APP圖標

Photoshop設計金屬立體效果的APP圖標 三聯

  第1步:

  打開Photoshop,Ctrl+N新建文檔,根據自己的情況來定義尺寸。

f2cb663a9a4441339d7042dc8ad5a0c6 利用Photoshop創建iCloud圖標

  第2步:

  選擇圓角矩形工具 ,按住Shift鍵在畫布上繪制出一個方形的圓角矩形,這裡我將圓角半徑設置為50像素。

95bbcba86bbb47c7b5a55ae8c7c0259e 利用Photoshop創建iCloud圖標

  第3步:

  雙擊圓角矩形圖層,為其添加漸變圖層樣式。漸變樣式選擇角度漸變 。漸變顏色使用深灰與淺灰相互交替,具體設置如下圖。這是做金屬樣式的常用手法。

1efe2b2dfe35420a801f63bb118e0382 利用Photoshop創建iCloud圖標

  再添加描邊 樣式,此處填充類型選擇漸變。

57a66d43160a4eada473b63904f2b2eb 利用Photoshop創建iCloud圖標
2092323160aa432faa0fb26c25d51c07 利用Photoshop創建iCloud圖標

  第4步:

  選擇鋼筆工具 ,工具模式選擇形狀 ,在圓角矩形中心繪制出雲形。這裡我並沒有嚴格按照iCloud的曲線來繪制,只是教大家一種方法。

a3040f7f52124bce96d986969cebf9e6 利用Photoshop創建iCloud圖標

  第5步:

  雙擊雲圖層,為其添加內陰影 樣式。

8fbfe230dc8940e2bb031dd0d571d697 利用Photoshop創建iCloud圖標

  繼續添加描邊 樣式,這裡依然選擇漸變描邊,將默認的黑白漸變反向即可。

e3b623c986d64bb1a1aed2b0732121aa 利用Photoshop創建iCloud圖標

  第6步:

  將雲圖層Ctrl+J復制一層,清除其圖層樣式,並將顏色改變為淺灰色。Ctrl+T將其縮小,縮小時按住Alt鍵可以進行中心縮放。縮小完畢,你可以利用直接選擇工具 微調錨點,使邊緣看上去均勻即可。

55beeaf3f6234c62a23057eec43e7cc3 利用Photoshop創建iCloud圖標

  第7步:

  復制圓角矩形的圖層樣式,粘貼到內部的雲形圖層。(小技巧:按住Alt鍵拖動圖層樣式的fx圖標到另外圖層上,可以快速復制圖層樣式。)

  將描邊 大小修改為2像素,我們就完成了非常簡單的icloud圖標的制作。

1d738c0d30f7473c80d44d0e46a18b6b 利用Photoshop創建iCloud圖標

  來看看最終效果圖吧:

a62b94b6fb314ae0a53320c67bb59f80 利用Photoshop創建iCloud圖標

        :更多請關注photoshop教程欄目,三聯PS教程群:181754111歡迎你的加入

copyright © 萬盛學電腦網 all rights reserved