懶人包
如果不想一步一步親手打造，這裡有現成的 PSD 檔可下載，下載後直接拿去改就好囉，省去製作的時間。
親手打造
如果對製作過程有點興趣，就繼續往下看吧，這裡是用 Photoshop CS4 製作。整個製作過程區分為下列三大步驟
- 打底
- 上透明
- 下透明
1. 打底
首先新增正方形透明圖片（圖示通常都不會超過 100*100，不過我習慣畫出大圖再縮小來用，以防某一天需要大圖才不用重畫）
拉出上下左右四條參考線，各離邊邊 100px，等等拉圓角矩形時對齊用
使用圓角矩形工具
圓角半徑改成 80px，半徑大小依個人喜好調整看看吧，顏色先隨便選，以後可以很輕鬆調整，不用太在意
開始拉圓角矩形
拉完長這樣
滑鼠左鍵雙擊圖層準備製造陰影效果
勾選陰影，其餘設定可參考下圖或自行調整
打底完成囉
2. 上透明
切到路徑，按右鍵選取製作選取範圍…
按照預設設定
選取出剛剛我們畫的底圖
接著縮減選取範圍
縮減 30px
選取範圍縮小了
新增「上透明」圖層
使用漸層工具
按照下表調整漸層中的四個色標的顏色、透明度
| 左上：不透明 50% | 右上：不透明 0% |
| 左下：顏色 全白 | 右下：顏色 全白 |
調整好漸層後從選取區最上方拉漸層到最下方
使用橢圓選取畫面工具，準備拉橢圓
記得選取與選取範圍相交
像下圖一樣拉橢圓
拉出來的橢圓會跟縮減後的圓角矩形香蕉相交
接著用快速鍵 Shift+Ctrl+I 反轉選取區，再按下 Del，刪掉不要的漸層，完成上透明圖層囉
3. 下透明
先按照上透明的前六步驟，選取出縮減後的圓角矩形，並新增「下透明」圖層
接著使用矩形選取畫面工具
一樣選取與選取範圍相交
按照下圖拉出下透明區塊
相交後的選取區如下
完成囉
最後再加上圖案或文字就是個標準的 iPhone Style 圖示
後記
密密麻麻 20 幾個步驟，看起來頗難，其實是因為寫得很詳細才會這麼多，參考的原文 Design Your iPhone Widgets 因為沒交待這麼詳細，看起來簡單許多。
網路上也有人放出做好的 PSD 檔，不過大小只有 80*80，實在不夠大，以後有機會拿來重製也很不方便，自己做一個不僅可以多點變化，也可以趁機學學 Photoshop。
PS: 要變化底色，只要點選圖層中的縮圖，就可自由變化各式各樣的底色
 |        |
