LABO IWASAKI

Mac用アイコンの作り方。

icon for Mac

Mac用のアイコンを作ります。
流れとしては、各サイズの画像を作ってフォルダへ。
その後ターミナルでicnsに変換して作成します。

意外と簡単に作れます。
ターミナル使った事なくても大丈夫です。
細かく書いておくので読みながら進めてください。

アイコン画像作成

Make the Images

まずアイコン画像を作る前にフォルダを作ります。
デスクトップに「appName.iconset」というフォルダを作りましょう。

「appName」の部分は、変更するアプリケーションに入っているアイコン名にします。
例えば、Safariの場合は「compass.iconset」になります。

こう聞かれたら「追加」を選択

この名前を調べるのは簡単です。
Finderから「アプリケーション」を表示し、変更したいアプリケーションの上で右クリック
「パッケージの内容を表示」を選択 → 「Contents」 → 「Resources」
この中にある拡張子「icns」の画像の名前です。

 アイコン画像を作る 
 1、【サイズ】 1024 × 1024  【保存名】icon_512x512@2x.png  2、【サイズ】 512 × 512   【保存名】icon_512x512.png  3、【サイズ】 512 × 512   【保存名】icon_256x256@2x.png  4、【サイズ】 256 × 256   【保存名】icon_256x256.png  5、【サイズ】 256 × 256   【保存名】icon_128x128@2x.png  6、【サイズ】 128 × 128   【保存名】icon_128x128.png  7、【サイズ】 64 × 64   【保存名】icon_32x32@2x.png  8、【サイズ】 32 × 32   【保存名】icon_32x32.png  9、【サイズ】 32 × 32   【保存名】icon_16x16@2x.png 10、【サイズ】 16 × 16   【保存名】icon_16x16.png

上記のサイズと名前の画像をそれぞれ作ってフォルダに入れます。

※【保存名】に関して
保存名の中に「x」という文字がありますが、これは「かける」で変換すると正常にアイコンを作成できません。
面倒ですが上記「保存名」をコピーするか「小文字のエックス」と入力しましょう。

ターミナルを操作

Operation Terminal

ターミナルを立ち上げたら、まずデスクトップまで移動しましょう。

 cdでデスクトップまで移動 
 iwasakiDESK:~ takayoshi$ cd ~/desktop

次にさっきのフォルダをアイコンに変換します。
フォルダ名は「compass.iconset」と仮定します。

 アイコンに変換 
 iwasakiDESK:desktop takayoshi$ iconutil -c icns compass.iconset

これでデスクトップに「compass.icns」というアイコンが出来たはずです。
出来なかった場合はスペルミスとカレントディレクトリを見直してください。
(ファオルダ内の画像保存名の中の「x」が「かける」を変換したモノでもエラーになります)
上記注意書き参照

意外と簡単でしょ?
そうなんです。この部分は簡単なんです。
難しいのは「どんなアイコンを作るか」っていうデザインですね…。