Photoshop なしで App Store スクリーンショットを作る
Photoshop、Figma、Canva、スクリーンショットジェネレーター、ローカルブラウザー Composer を、インディーアプリ公開向けに比較。
ストア用スクリーンショットを公開するのに Photoshop は必須ではありません。必要なのは、文脈を付け、公式サイズを満たし、アップロード可能なパッケージをエクスポートする再現可能な方法です。
この記事では一般的なアプローチを比較し、実際のアプリキャプチャを持つ開発者向けの ローカルブラウザーワークフロー を紹介します。
選択肢の比較
| アプローチ | 向いている用途 | トレードオフ |
|---|---|---|
| Photoshop | 完全なアートディレクション、代理店ワークフロー | サイズバリアントは手作業；必須枠の見落としが起きやすい |
| Figma | 共同デザインシステム | デバイスごとの手動エクスポート；クラウドに素材を置く |
| Canva | 手早いマーケティングテンプレート | 汎用テンプレート；App Store / Play ポリシーツールは少ない |
| オンラインスクリーンショットジェネレーター | 素早いデバイスモックアップ | サブスクが多い；アップロードで端末外に出る |
| DevCove Composer | 生キャプチャ → ストアレイアウトをローカルで | 決定的テンプレート；フルデザインスイートではない |
どれもプラットフォームルールの読み替えにはなりません。必要ファイルが不明なら 素材ガイド から始めてください。
実践的な Photoshop なしの手順
- 実機またはシミュレーターで実画面をキャプチャする。
- Screenshot Composer を開き、最大 6 枚アップロードする。
- App Store または Google Play を選び、エクスポートサイズを 1 つ選び、見出し + 背景付きテンプレートを適用する。
- ポリシーヒント（テキスト比率、アルファ、Google Play のプロモーション文言）を確認する。
- 有効サイズ向けに PNG または JPEG をエクスポート；他プリセットは繰り返すか、アートワークが平坦なら Market Image Resizer に切り替える。
キャプチャからマーケティングまでの手順は スマートフォンキャプチャから App Store スクリーンショットを作る を参照。
それでも Figma や Photoshop を使う場面
- テンプレートを超えるカスタムイラストが必要なブランドキャンペーン。
- 多ロケールでキーアート要件が重いゲーム。
- マーケティング運用と連動した Figma ライブラリを既に持つチーム。
その場合でも、マスターを 1 度エクスポートし、アップロード前のプリセット正確クロップは resizer に任せられます。
プライバシーと反復速度
ブラウザーローカルツールは反復中もキャプチャを端末内に保ちます — 未公開機能に有用です。DevCove の Composer ワークフローにアカウントは不要で、画像 blob ではなく小さな UI 設定のみ保存します。
次のステップ
- Apple と Google のルール比較：プラットフォーム比較
- スクリーンショット文言ポリシー：文言とマーケティングルール