iTunesConnectへの申請用アイコンとかスクリーンショットをなるべく自動生成する
- それなりのデザインでアイコンやスクリーンショットを早く作りたい!という人向けの手法をまとめました
- Keynoteで作るのはオートグリッドが使えたり、テキスト挿入が楽、画像編集がしやすいのでとってもおすすめです
KeynoteでCoolなアイコンを作成
- 1024x1024pxのキャンバスサイズ(背景)に設定する
- [Keynote] スライドのサイズを変更する方法。縦長も作れます | あなたのスイッチを押すブログ
- http://bamka.info/keynote-slide-size
- イメージの書き出しでPNGを選択
ファイル>書き出し>イメージ>任意のスライドを選択>PNG書き出し - PNGはアルファで書き出されているので「プレビュー.app」で開いて再度書き出してアルファ無しのPNGにする
- アイコンを自動生成!
- Makeappicon - Generate app icons of all sizes with a click!
http://makeappicon.com/
KeynoteでCoolなスクリーンショットを作成
- 5.5inchのキャンバスサイズ(背景)に設定する
- [Keynote] スライドのサイズを変更する方法。縦長も作れます | あなたのスイッチを押すブログ
- http://bamka.info/keynote-slide-size
- イメージの書き出しでPNGを選択
ファイル>書き出し>イメージ>任意のスライドを選択>PNG書き出し - PNGはアルファで書き出されているので「プレビュー.app」で開いて再度書き出してアルファ無しのPNGにする
AppStoreScreenShotMakerで複数サイズのスクショを自動生成
-
Command Line Toolsをインストール
-
ImageMagickをインストール
-
OSX に、brewを使ってImageMagickのインストール | k_miya@ぐるぐるじゃぱん
http://kmiya.grgrjapan.com/archives/1492.html -
シェルスクリプトをエディタで編集
-
新iTunes Connect用のスクリーンショット作成の苦行をなんとかする | blog.haranicle.net
-
シェルで自動生成!
3.5inch,iPad用のスクリーンショットも同じ方法で作成
- これらは自動生成できないので、Keynoteで作成しましょう
おまけ
- まだやったことないですが、iPhone画面のフレームが表示されるテンプレートを自動生成するサイト
- Screenshot Builder - Create gorgeous images for your App Store page in minutes. | LaunchKit
https://launchkit.io/screenshots