如何製作mac icon

Apr 26 2007

朋友問起我,你怎麼做那些奈良美智的icon呢?其實不會很難。如果你有影像處理程式,你就那就開始動手做了。

在mac os x之前,icon最大尺寸只有32×32,更早的icon甚至只有黑白兩色,要把icon畫的清楚又明瞭,是一件非常不容易的事情。在OSX之前,很多icon,不管是給windows或是mac,都非得走pixel art才能在小小的畫布裡面讓人一目了然。這時候設計師的功力馬上就顯現了出來。

如果是本身對graphic design擅長的朋友,畫icon應該是比較容易。我並不是出身的,也不太會畫圖,所以當Mac OSX支援128×128的時候。只要稍微會修改一下圖檔,就可以把圖片傳成icon。這裡要注意,因為icon最大只有128×128 pixel,並不是所有的圖都適合拿來當icon。所以你事先可以先把圖檔縮小起來預覽,如果不明顯,你可能要想想補強措施,像是加上黑框或是加強對比色等。

你若裝了XCode, Apple Developer Pack裡面就icon composer,你只要把正方形的圖檔丟進去,程式會自動替你縮小。然後將icon檔存為.icns檔即可。另外有其他個免費的icon轉檔程式。我今天要介紹的有兩個,一個是img2icns,另一個是fasticns。這兩個程式比和icon composer好的地方在於,他們都支援icon folder,還有你不需要事先將圖檔弄成正方形。

img2icns和fasticns的差別在於:

  • img2icns : 是我最初用的程式,也是兩者之中最易用的。但是才後來發現img2icns所產生的hitmask (1 bit) 並不是那麼的乾淨。(普通是完全看不出來,你得用preview去看icns檔)另外,img2icns產生的folder裡面,會有個檔案叫做icon。我個人是比較希望這個icon檔是隱藏起來的,所以後來又試了fasticns,不過若你剛開始玩,我覺得img2icns是一個不錯的開始。
  • fasticns : 雖然不像img2icns可以instant drop就產生icon。還是得輸入檔名,但是也很好用,生出來的hitmask跟icon composer一樣好。用久了我唯一的抱怨是,那個一直旋轉的正方體,如果永遠置頂的話,真的是會讓人眼花。

當然還有超強力的IconBuilder可以用。不過不在今天討論範圍之內。最近沒有在畫icon,倒是弄了個microformatskwiki的icon。有興趣的話,請自取。

icon available for download: [download#6#nohits]

3 responses so far

  1. how are ya?

    appears that you’ve developed into an icon junkie. can you do a bender for me? thank you, thank you , thank you.

  2. 可以問你一下 我用fasticns
    先在illustrator畫好 存出psd檔 (因希望底是透明的)
    把psd檔拉去fasticns的正方體中 有看到標誌 也存出icns的檔案
    可是按蘋果鍵+i 看簡介的圖式還是普通的樣子 @___@”"
    要怎樣才能套用剛做好的logo?

  3. 您好~
    我很喜歡您製作的雄貓功夫第一彈icon~~
    但好像沒辦法下載了!!
    如果檔案還在的話你可以寄給我嗎??
    真的謝謝您

Leave a Reply