photoshop設(shè)計(jì)制作出Iphone應(yīng)用圖標(biāo)教程
uimaker.com 發(fā)布時(shí)間:2011-12-22 09:43:18 作者:niigoo
我要評(píng)論

借著圣誕節(jié)到來,這次用photoshop制一個(gè)簡單的圣誕iphone icon,整個(gè)過程利用photoshop的矢量功能結(jié)合位圖功能完成
借著圣誕節(jié)到來,這次用photoshop制一個(gè)簡單的圣誕iphone icon,整個(gè)過程利用photoshop的矢量功能結(jié)合位圖功能完成(什么?別告訴我你不知道photoshop矢量的強(qiáng)大!),這篇文章很簡單,對(duì)!是文章不是教程(不敢說是教程),主要是介紹photoshop中矢量在icon的應(yīng)用和一些小細(xì)節(jié)(細(xì)節(jié)決定成敗這是錯(cuò)不了的)。當(dāng)然高手看一眼最終效果就知道如何制作了,好吧,這是寫給高手娛樂的……
廢話不多說,這是最終效果

用圓角矩形工具畫出長寬為512px,R值為92px的標(biāo)準(zhǔn)iphone框架

加上1px內(nèi)陰影效果,使其有立體感

再用圖案疊加添加木紋圖案,你可以google好看的木紋圖案,這里我就用自帶的木紋了


添加一個(gè)圓角矩形圖層

設(shè)置投影、內(nèi)陰影、內(nèi)發(fā)光效果進(jìn)一步加強(qiáng)立體感


添加niigoo主體漸變色和描邊,你也可以自已發(fā)揮,描邊是使外部木邊更有立體感,這就是細(xì)節(jié)的體現(xiàn)了

接著到圍脖的部份,新建圖層,用鋼筆畫出圍脖,主體選用紅色,添加圖層陰影效果
圍脖圖層1

圍脖圖層2

圍脖圖層3
注意圖層的順序

再用鋼筆畫出圍脖陰影,畫好了用濾鏡進(jìn)行高斯模糊

用毛筆添加亮面和暗面,方法:這里可以在圍脖圖層1上面新建一圖層,右鍵-創(chuàng)建剪貼蒙板,然后這圖層就嵌入圍脖圖層1里了,再用毛筆畫亮面和暗面,不怕出邊了

其它圍脖塊用上述同樣方法畫出亮面和暗面

添加圍脖波點(diǎn)
這里也是使用創(chuàng)建剪貼蒙板的方法,先用橢圓工具畫出波點(diǎn),再把波點(diǎn)圖層嵌入圍脖圖層里


整理好圖層,三層圍脖完成了
回過頭來檢查圖層,噢~~~一切就是這么整體

再來就是加上“尼果”倆字(出處表明,哈哈)

好了,在底部再添加一個(gè)反光圖層就完成了

如果是iphone上使用,可以整體縮放到114*114px的尺寸,ipad是72*72px
我已經(jīng)放到niigoo.com上,有iphone、ipad的童鞋可以保存主頁到桌面上看一下最終效果!
廢話不多說,這是最終效果

用圓角矩形工具畫出長寬為512px,R值為92px的標(biāo)準(zhǔn)iphone框架

加上1px內(nèi)陰影效果,使其有立體感

再用圖案疊加添加木紋圖案,你可以google好看的木紋圖案,這里我就用自帶的木紋了


添加一個(gè)圓角矩形圖層

設(shè)置投影、內(nèi)陰影、內(nèi)發(fā)光效果進(jìn)一步加強(qiáng)立體感


添加niigoo主體漸變色和描邊,你也可以自已發(fā)揮,描邊是使外部木邊更有立體感,這就是細(xì)節(jié)的體現(xiàn)了

接著到圍脖的部份,新建圖層,用鋼筆畫出圍脖,主體選用紅色,添加圖層陰影效果
圍脖圖層1

圍脖圖層2

圍脖圖層3
注意圖層的順序

再用鋼筆畫出圍脖陰影,畫好了用濾鏡進(jìn)行高斯模糊

用毛筆添加亮面和暗面,方法:這里可以在圍脖圖層1上面新建一圖層,右鍵-創(chuàng)建剪貼蒙板,然后這圖層就嵌入圍脖圖層1里了,再用毛筆畫亮面和暗面,不怕出邊了

其它圍脖塊用上述同樣方法畫出亮面和暗面

添加圍脖波點(diǎn)
這里也是使用創(chuàng)建剪貼蒙板的方法,先用橢圓工具畫出波點(diǎn),再把波點(diǎn)圖層嵌入圍脖圖層里


整理好圖層,三層圍脖完成了
回過頭來檢查圖層,噢~~~一切就是這么整體

再來就是加上“尼果”倆字(出處表明,哈哈)

好了,在底部再添加一個(gè)反光圖層就完成了

如果是iphone上使用,可以整體縮放到114*114px的尺寸,ipad是72*72px
我已經(jīng)放到niigoo.com上,有iphone、ipad的童鞋可以保存主頁到桌面上看一下最終效果!

相關(guān)文章
PS怎畫倉庫標(biāo)志圖? ps倉庫圖標(biāo)設(shè)計(jì)技巧
PS怎畫倉庫標(biāo)志圖?想要設(shè)計(jì)簡單的倉庫標(biāo)志,該怎么操作呢?下面我們就來看看ps倉庫圖標(biāo)設(shè)計(jì)技巧,詳細(xì)請(qǐng)看下文介紹2023-07-28ps怎么畫簡筆畫的篝火火焰圖標(biāo)? ps火焰logo的繪制技巧
ps怎么畫簡筆畫的篝火火焰圖標(biāo)?ps中想要繪制一個(gè)篝火的簡筆畫logo,該怎么繪制呢?下面我們就來看看ps火焰logo的繪制技巧2023-07-21ps怎么設(shè)計(jì)愛護(hù)牙齒圖標(biāo)? ps畫愛牙標(biāo)志的技巧
ps怎么設(shè)計(jì)愛護(hù)牙齒圖標(biāo)?ps中想要繪制一款愛護(hù)牙齒的矢量圖,該怎么繪制這個(gè)標(biāo)志呢?下面我們就來看看ps畫愛牙標(biāo)志的技巧2023-07-21ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志? Photoshop畫簡筆畫游戲手柄的技巧
ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志?ps中想要繪制一款游戲手柄的簡筆畫圖形作為logo使用,該怎么繪制呢?下面我們就來看看Photoshop畫簡筆畫游戲手柄的技巧2023-07-18ps怎么畫收納袋logo? ps設(shè)計(jì)收納袋簡筆畫圖形的技巧
ps怎么畫收納袋logo?ps中想要畫一個(gè)收納袋,該怎么繪制呢?下面我們就來看看ps設(shè)計(jì)收納袋簡筆畫圖標(biāo)的技巧2023-07-14ps怎么畫攝影機(jī)logo矢量圖? photoshop手繪簡筆畫攝影機(jī)的技巧
ps怎么畫攝影機(jī)logo矢量圖?想要畫一個(gè)攝像機(jī)的logo,該怎么手繪一款簡單易懂的攝像機(jī)圖標(biāo)呢?下面我們就來看看photoshop手繪簡筆畫攝影機(jī)的技巧2023-07-11ps怎么畫一個(gè)圓角骰子? ps畫簡筆畫骰子logo的技巧
ps怎么畫一個(gè)圓角骰子?想要繪制一個(gè)骰子,但是想要畫成圓角效果的,該怎么操作呢?下面我們就來看看ps畫簡筆畫骰子矢量圖的技巧2023-07-11PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌? PS漸變式圖標(biāo)的做法
PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌?ps中想要設(shè)計(jì)一款漸變圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看PS漸變式圖標(biāo)的做法,詳細(xì)請(qǐng)看下文介紹2022-11-22ps怎么繪制眼睛標(biāo)志? ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧
ps怎么繪制眼睛標(biāo)志?想要設(shè)計(jì)一個(gè)圖形代表眼睛,該怎么繪制眼睛這個(gè)圖標(biāo)呢?下面我們就來看看ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-22ps+ai設(shè)計(jì)喜糖鋪?zhàn)铀囆g(shù)字標(biāo)志的logo
想要設(shè)計(jì)一款喜糖鋪?zhàn)拥臉?biāo)志圖標(biāo),該怎么設(shè)計(jì)這款矢量圖標(biāo)呢?下面我們就來看看ps+ai設(shè)計(jì)喜糖鋪?zhàn)訕?biāo)志的技巧,詳細(xì)請(qǐng)看下文介紹2022-08-09