Tab bar のアイコンを自作して設定するときのメモ

Xcodeでは画像のシルエットをそのままアイコンにしてくれる。

そこで困ったこと。

• 画像が四角くなってしまう。

• 画像をmacで編集するには？

• シルエット画像が表示されない。

画像が四角くなってしまう。

これは画像の背景も含めて一つの画像と認識してしまうから。
自分で画像を編集して、背景なし画像を用意する必要がある。

背景なし画像を作るには

１．背景なし画像をつくるには、「GIMP」というソフトをインストールする（フリーソフト）。

GIMP(ギンプ)最新日本語版のダウンロード・インストール方法

※最初インストールしたら言語設定のウィンドウが開かれず、日本語にならなかった。
次に違うバージョンをインストールしたところ、また言語設定のウィンドウが開かれなかったが、自動的に日本語になっていた。うまくいかなければ違うバージョンをインストールしてみる方がよいかも。

２．画像をGIMPで切り抜く

GIMPで画像を開いて、消したくない範囲を選択して・・・

選択範囲を反転（消したい範囲が選択される）

消去して

完成！！！

※詳細は下記サイトを参考に。

GIMPで画像を切り抜く（トリミング）７つの方法

※背景領域の選択後、削除できなかった。色々操作してみたところ、上記サイトにある方法（「メニュー ⇒ 選択 ⇒ 削除」）ではうまくいかなかった。選択範囲の反転、削除は、その範囲を右クリックしてでてくるメニューから削除することでうまくいった。（単純に設定の問題かもしれない）

３．画像をpng形式やjpeg形式などに変換してXcodeに登録

画像を作成後、「～.xcf」形式のファイルとなるが、そのままでは使えないのでメニューから「Export」を選んで変換する。
その後、ナビゲータエリアにドラッグして登録。

シルエット画像が表示されない

シルエット画像が表示されなかった。

GIMPでサイズを小さくする。

30×30(Retinaの場合 60×60)pxの正方形にGIMPでサイズを変更する。

完成！！！