/* syntax highlight */ /* end of syntax highlight */

2011年1月4日 星期二

iphone app 開發 (四十) 製做 icon 並且加入專案中

Bookmark and Share

不知道讀者都是什麼背景的

如果不是那麼喜歡寫程式而是較喜歡做設計或美工的人

這篇文章應該會比較容易看的懂

本篇目標就是教你們如何從無到有把一個 App iCon 放到你的專案當中

image

第一步驟:製作 icon

 

你可以自己用 PhotoShop 製作 icon ,不過記得要做  256*256畫素及60*60 的 PNG 兩張圖片,網路上有人說可以使用  iPhone / iTouch icon generator 這個網站來自動產生 icon

image

 

但是我在今天連上去的時候似乎系統有些問題,所以我就改用 CREATE POLISHED VERSIONS OF YOUR APP ICON AS IT LOOKS ON THE IPHONE & 這個網站,不過比較麻煩的是要先準備好  57x57 PNG for iPhone 或是  72x72 PNG for iPad style,還有 512x512 JPG or PNG for iTunes App Store style 才能上傳 (請用軟體像是 photoshop 把圖檔轉成以上格式),進入系統後,首先選擇檔案

image

 

然後再按送出,它就會自動幫你轉成有 Glossy 效果的以及一般的 icon,請按右鍵另存即可

image

 

如以一來你就準備好你的 icon 了

 

 

第二步驟:放到專案當中

這部份很簡單,我的習慣是在專案裡面建一個 images 資料夾,然後把會用到的 icon 放進去,記得取名叫做 icon.png ,這時候只要把圖片拉到 Resources 資料夾,就會出現以下圖片,記得不要勾選 copy items into destination folder,然後按下 add 就會把 icon 加入專案中

螢幕快照 2011-01-05 上午11.32.22

螢幕快照 2011-01-05 上午11.32.29

 

 

 

第三步驟:在 info.plist 設定

 

這時候你可以在 resources  資料夾底下看到一個 info.plist 檔案,請進入編輯,並且加入以下參數

螢幕快照 2011-01-05 上午11.33.38

 

然後就可以試著編譯看看啦,如果成功就會看到你剛剛的 icon 出現在模擬器當中

螢幕快照 2011-01-05 上午11.34.01

 

 

 

參考資料

鲸男 iPhone App 制做简易指北 – 4, 只有图标的 app 也是 app

CREATE POLISHED VERSIONS OF YOUR APP ICON AS IT LOOKS ON THE IPHONE &

iPhone Icon (二)超經典克隆iPhone PNG圖標下載

iPhone / iTouch icon generator

iPhone 開發之路 (二) - 設計 iPhone 程式 icon

iPhone開發入門(11)— 在App Store上發布程序

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...