下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps設計立體iTunes圖標教程

          ps設計立體iTunes圖標教程

          時間:2024-03-05 21:46作者:下載吧人氣:38

          今天快下班前,胖紙李閑來無事,想起來很久沒有畫圖標了,很想練練手。于是乎,從桌面上選了一個iTunes的圖標,來做個臨摹。這次用到的是photoshop,正好大家也一起來看看胖紙李是如何畫從零畫一個圖標的。

          先看看效果

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

          ps設計立體iTunes圖標教程

          ps設計立體iTunes圖標教程

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

          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圖標教程

          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圖標教程

          再添加底部的反光。

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

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

          ps設計立體iTunes圖標教程

          總結:

          整體的光照要協調,不能一個光從左邊來,一個光在頭頂。圖標的顏色要盡量鮮艷,這樣識別度高。細節非常重要,可以使用內陰影或投影,和細微的漸變來突出質感。一些看起來很復雜的圖標,其實都是由一些很基本的形狀來組成的,大家大可不必談圖標色變。

          最后,不得不贊一下,蘋果公司的產品圖標真的非常精致,各個細節考慮的都很到位,各位如果有時間,多去模仿這樣好產品的圖標,對于自己的進步非常有好處!

          標簽iTunes,圖標,效果,立體,繪畫,Photoshop

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: 国产精品制服丝袜一区| 日韩视频一区二区三区| 国产成人片视频一区二区| 伊人久久大香线蕉AV一区二区| 无码少妇一区二区| 精品欧洲av无码一区二区| 无码中文人妻在线一区二区三区| 国模一区二区三区| 国产一区二区三区免费观在线| 国产精品日本一区二区不卡视频 | 四虎永久在线精品免费一区二区 | 日本一区二区在线| 成人在线一区二区| 国产suv精品一区二区6| 国产午夜精品一区二区三区嫩草| 91成人爽a毛片一区二区| 日韩一区二区三区在线| 亚洲AV无码一区二三区| 日韩一区二区在线观看| 风间由美性色一区二区三区| 亚洲AV日韩AV一区二区三曲| 激情亚洲一区国产精品| 精品成人乱色一区二区| 欧美成人aaa片一区国产精品| 亚洲一区动漫卡通在线播放| 精品国产乱子伦一区二区三区| 精品无码一区二区三区爱欲| 午夜福利国产一区二区| 视频一区视频二区在线观看| 激情爆乳一区二区三区| 亚洲一区二区三区乱码A| 中文字幕亚洲一区| 国产主播一区二区| 精品无码AV一区二区三区不卡| 国产成人精品日本亚洲专一区| 国产午夜精品片一区二区三区| 女同一区二区在线观看| 人妻天天爽夜夜爽一区二区 | 精品国产香蕉伊思人在线在线亚洲一区二区 | 亚洲丰满熟女一区二区v| 中文字幕无码不卡一区二区三区|