如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.tlbvwg.live

設計簡潔風格IOS應用圖標的PS實例教程

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2019-05-27人氣:

開始前,請先準備一個iOS應用圖標模板,可以從iOS Icon Template或者App Icon Template下載,我的電腦屏幕上只顯示了1024PX的大圖標,我覺得用這個模板做參考就可以了。

先看看效果圖

設計簡潔風格IOS應用圖標的PS實例教程

 

你可以將應用圖標模板進行裁剪,只保留1024px的圖標,或者處理模板上的其余元素。

設計簡潔風格IOS應用圖標的PS實例教程

下面我們正式開始。

步驟 1:創建 iOS 應用圖標的基本形狀

首先新建一個圖層并填充背景色,參考色值是 #acced6。

設計簡潔風格IOS應用圖標的PS實例教程

接下來,給顏色圖層添加蒙版,使其呈現圖標的輪廓。技術上來講這一步可要可不要,因為上傳圖片之后,蘋果官方會自動幫你切成圓角,不過,為了呈現更好的視覺效果,我建議使用蒙版。

怎么操作呢?按住 COMMAND (MAC 用戶)或者 CTRL (Windows 用戶)鍵的同時點擊圖標模板圖層,顏色圖層就會出現一個選區啦。

設計簡潔風格IOS應用圖標的PS實例教程

再在圖層面板的底部點擊蒙版圖標,就可以創建蒙版了。

步驟 2:添加漸變色

在顏色圖層點擊鼠標右鍵,在彈出的菜單中選擇混合選項。我們來給它加一個弱漸變。漸變的起始和終止色值分別為 #acced6 和 #7cbece。

設計簡潔風格IOS應用圖標的PS實例教程

漸變樣式選擇線性漸變,角度設置為 135 度,呈現出由左上角的深藍色到右下角的淺藍色漸變效果。

如果這兩種顏色順序搞顛倒了,調整角度為 -135 度或者 315 度就行了。

設計簡潔風格IOS應用圖標的PS實例教程

步驟 3:創建內圓

圖標中部的白色圓形是整個圖標設計的重要組成部分,我們可以利用iOS圖標柵格畫一個圓:使用橢圓工具(U)創建一個寬高為 890px 的正圓,

在屬性面板中可以調整它的大小以便與柵格對齊。

設計簡潔風格IOS應用圖標的PS實例教程

步驟 4:給圓形添加圖層樣式

給形狀圖層添加描邊、陰影和漸變等圖層樣式。

設計簡潔風格IOS應用圖標的PS實例教程

 

添加漸變

圓的漸變比較簡單,漸變色值為 #ffffff 和 #d9d9d9。

設計簡潔風格IOS應用圖標的PS實例教程

漸變樣式選擇徑向漸變。要讓圓的中心呈現些許亮色,從圓心到邊緣有一個白色到淺灰色的漸變,縮放比例設置為 150%。

設計簡潔風格IOS應用圖標的PS實例教程

回頂部
黑龙江p62玩法开奖结果查询