數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Photoshop → PS實例教程 繪製質感十足的ITUNES圖標

PS實例教程 繪製質感十足的ITUNES圖標

時間:2013-06-05 09:50:33人氣:176作者:網友整理
PS設計達人v1.3.0
PS設計達人v1.3.0 for Android
  • 類型:安卓圖像處理大小:53.13M語言:簡體中文 評分:3.8
  • PS設計達人app是一款專業給力的全新處理手機客戶端軟件,app提供海量精選的優...
立即下載
小A教程安卓官方版(iApp學習教學) v1.2 正式版
小A教程安卓官方版(iApp學習教學) v1.2 正式版 for Android
  • 類型:安卓學習閱讀大小:17.01M語言:簡體中文 評分:3.0
  • 這是一款全新的iApp快捷高效的安卓端學習與應用托管平台。小A教程安卓官方版幫你...
立即下載
輕質流光圖標包v0.66
輕質流光圖標包v0.66 for Android
  • 類型:安卓圖像處理大小:36.10M語言:簡體中文 評分:3.5
  • 輕質流光圖標包app是一款強大的圖標修改軟件,用戶可以通過輕質流光圖標包app將...
立即下載

本教程教大家如何使用PS繪製ITUNES圖標的方法,圖標非常漂亮,製作方法不是很複雜。希望大家喜歡,自己試著做一下。

最後效果圖

PS實例教程 繪製質感十足的ITUNES圖標

1、首先新建一個512×512的畫布,設置如下。

PS實例教程 繪製質感十足的ITUNES圖標

2、設置參考線,上下左右各留出20px的邊距,也就是說,這個圖標的實際大小是472×472。

PS實例教程 繪製質感十足的ITUNES圖標

3、緊貼參考線,用形狀工具畫一個正圓,顏色隨便,大小應該是472×472,給此圖層起名叫"outside"。

PS實例教程 繪製質感十足的ITUNES圖標

4、設置此圖層的圖層樣式,如下圖:

PS實例教程 繪製質感十足的ITUNES圖標

5、用圓形形狀工具創建一個452×452的圓,起名為middle,與outside圓水平垂直居中對齊,也就是說,這個圓比外圈的圓半徑小了20像素

PS實例教程 繪製質感十足的ITUNES圖標

 

[page]
 

6、設置middle的圖層樣式如下:

PS實例教程 繪製質感十足的ITUNES圖標

7、畫一個442×442的圓,還是和其他兩個圓水平垂直居中對齊,這樣就有了3個同心圓。我們命名此圖層為inner,設置圖層樣式項"漸變疊加"如下:

PS實例教程 繪製質感十足的ITUNES圖標

8、接下來,胖紙李開始畫裏麵的造型部分了。首先還是得畫一個圓,422×422,命名為ball-outside,和其他3個圓水平垂直對齊,形成4個同心圓。

PS實例教程 繪製質感十足的ITUNES圖標

設置圖層樣式後,基本效果就出來了,應該是醬紫的:

PS實例教程 繪製質感十足的ITUNES圖標

9、接下來,就要開始音符的造型了,音符由5個部分組成,兩個傾斜的橢圓,兩個豎著的矩形,和一個斜切的矩形,我們用鋼筆形狀工具來畫,最終將5個矩形合並,就形成了音符的造型,步驟如下:

PS實例教程 繪製質感十足的ITUNES圖標

畫好分別的5個部分,將所有路徑剪切到同一個圖層後,合並所有路徑即可。

PS實例教程 繪製質感十足的ITUNES圖標

 

[page]
 

10、給音符增加圖層樣式,如下圖:

PS實例教程 繪製質感十足的ITUNES圖標

11、最後,將音符和圓合並,圖標基本完成~效果如下圖

PS實例教程 繪製質感十足的ITUNES圖標

等等,好像還少了點什麼……哦,對了,紋理,缺少一些體現質感的東西~

12,增加質感。首先,新建一個圖層,命名為noise,用黑色填充,接著在頂部菜單欄依次選擇濾鏡->雜色->添加雜色,設置如下:

PS實例教程 繪製質感十足的ITUNES圖標

完成後,將這個圖層 移動到outside圖層上麵,按ctrl+alt+G,將此圖層和outside層做遮罩。

13、將noise圖層的圖層模式改為"濾色",這樣,外圈的質感就完成了。

14、將noise圖層複製一層,移動到音符圖層的上麵,按ctrl+alt+G,將此圖層和音符層做遮罩。同樣將noise圖層的圖層模式改為"濾色",這樣,音符的質感也就完成了,結果如下圖:

PS實例教程 繪製質感十足的ITUNES圖標

15、最後還有藍色球麵的高光效果。先添加頂部的高光。

PS實例教程 繪製質感十足的ITUNES圖標

[page]
 

再添加底部的反光。

PS實例教程 繪製質感十足的ITUNES圖標

將此圖層透明度改為50%,圖層模式改為"柔光",最後結果如下:

PS實例教程 繪製質感十足的ITUNES圖標

16、最後再潤色一下,大功告成。

PS實例教程 繪製質感十足的ITUNES圖標

總結一下:

整體的光照要協調,不能一個光從左邊來,一個光在頭頂。

圖標的顏色要盡量鮮豔,這樣識別度高。

細節非常重要,可以使用內陰影或投影,和細微的漸變來突出質感。

一些看起來很複雜的圖標,其實都是由一些很基本的形狀來組成的,大家大可不必談圖標色變。

蘋果公司的產品圖標做的都非常精致,細節很到位,希望朋友們多模仿一些這樣好產品的圖標,會有很大提高的。

相關文章

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。