PS教程-設計Iphone應用圖標教程
PS教程-設計Iphone應用圖標教程-移動閱讀二維碼

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

廢話不多說,這是最終效果

 

用圓角矩形工具畫出長寬為512px,R值為92px的標準iphone框架

 

 

加上1px內陰影效果,使其有立體感

 

 

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

 

 

添加一個圓角矩形圖層

 

 

設置投影、內陰影、內發光效果進一步加強立體感

 

 

 

添加niigoo主體漸變色和描邊,你也可以自已發揮,描邊是使外部木邊更有立體感,這就是細節的體現了

 

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

圍脖圖層1

 

圍脖圖層2

 

 

 

圍脖圖層3

注意圖層的順序

 

 

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

 

 

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

 

 

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

 

 

 

添加圍脖波點

這里也是使用創建剪貼蒙板的方法,先用橢圓工具畫出波點,再把波點圖層嵌入圍脖圖層里

 

 

 

 

 

整理好圖層,三層圍脖完成了

回過頭來檢查圖層,噢~~~一切就是這么整體

 

 

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

 

 

 

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

 

如果是iphone上使用,可以整體縮放到114*114px的尺寸,ipad是72*72px

我已經放到niigoo.com上,有iphone、ipad的童鞋可以保存主頁到桌面上看一下最終效果!

來源:www.niigoo.com(尼果網,設計分享)

本文鏈接:http://www.casaleticia.com/ps-tutorial-design-iphone-application-icon-the-the-tutorial.html
本文標簽: