iPhoneとiPad アイコンを一括で作る方法

icon

iPhoneとiPadで使用するアイコンをまとめて作る方法の忘備録

最近のアプリのアイコンはiPhoneとiPad合わせて18種類ほど作らねばなりません。さらにサイズごとに角丸も変わってきます。

一個一個作っていくとかなり時間がかかるのでPhotoshopのスマートオブジェクト機能を使ってサクッと作りましょう。

①まずはテンプレートのpsdをダウンロードします。

App Icon Template

②赤枠のところをクリック

③赤枠でダウンロード。

④解凍してpsdを開きます。

このような画面になると思います。

⑤赤枠で上から三番目のレイヤー「 edit me and save」をダブルクリック

⑥ここからデザインをしていきます。

最初からたくさんのiOS8風のグラデーション背景が入っております。

エンジニアさんでもそれっぽいアイコンが作れちゃいます。

⑦今回は適当に純正「ミュージック」アプリっぽいのにしました。（本当に適当です）

ここでcmd + sで保存をかけてicon.psbを閉じます。

すると。。。

⑧全てのアイコンが上書きされます。

⑨最後にcmd + Option + Shift + S でWeb用に保存します。

その際に「すべてのスライス」にします。

すると指定した場所に必要なファイルが書き出されます。

以上で完了です、お疲れ様でした。