homeホームHTMLに役立つヒントAppleScriptfor OS X > アイコンの作り方 for Xcode

アイコンの作り方 for Xcode

 Xcodeでアプリケーションを作ったら、仕上げにアイコンをつけたいのが人情。結構手順が面倒だし、忘れそうなのでメモしておきます。

目次

●原画を描く ▲ページトップ

 IllustratorでもAdobe Photoshopでもいいので、まずは原画を描きます。

●TIFFファイルとして保存する。 ▲ページトップ

 TIFFで圧縮なし、「透明部分を保持」して保存する。Photoshopファイルでもいいようだ。

●.icnsファイルを作る。 ▲ページトップ

「/Developer/Applications/Utilities/Icon Composer」を立ち上げる。

 左下の一番大きな画像枠をクリックして、TIFFファイルをドラッグ・アンド・ドロップする。

 その画像をどんどん上にドラッグして、小さいアイコンも作る。

 できたら保存する。

/Developer/Applications/Utilities/Iconicns Browser
 で確認できます。

●Xcodeに取り込む。 ▲ページトップ

 Xcodeの「Resources」フォルダに、.icnsファイルをドラッグアンドドロップすると、プロジェクトに追加されます(上・左図)。その際、ダイアログがでて、オプションを選択できるので、一番上のコピーオプションをクリックして、Addします(上・右図)。

 画面左の「Target」をダブルクリックすると、下位に現在作っているプロジェクトのターゲットがでてきます。これをダブルクリック。

 ウインドウが開いて、左に何やら階層構造の文字列が並び、右にその中身が表示されます。ここで、左から「Info.plist Entries」をクリック。

 右に「Application Icon」入力欄が出るので、「Icon file」に今ドロップしたファイル名を入力して、ウインドウを閉じます。

 後はビルドし直すだけ。

●最初はアイコンが確認できない。 ▲ページトップ

 最初はFinderでアイコンが確認できません。できたアプリをDocに登録してみると、ちゃんとアイコン付きになっているはず。

 アプリを立ち上げても確認できると思います。アプリを立ち上げて「about xxxxx」を選択すると、ちゃんとアバウト画面にアイコンがついているはず。

 Finderが新しいアイコンを認識するには、再起動するか、いったんログアウトしてログインし直す必要があります。