Photoshop

Photoshopだけで作るTikTok動画の最適サイズとAI活用完全ガイド

ⓘ本ページはプロモーションが含まれています

スポンサードリンク

1. 基本的なサイズ・フレームレートとビットレート

項目 推奨設定
解像度 1080 × 1920 px（縦長、9:16）
アスペクト比 9:16
フレームレート 30 fps（標準）／60 fps（高速アクション）
ビットレート 8 Mbps 〜 12 Mbps（可変ビットレート VBR）
コーデック・コンテナ H.264 / MP4

根拠

  • TikTok の公式クリエイターガイドは「1080×1920、30/60 fps、H.264（MP4）、8‑12 Mbps」を推奨しています【TikTok 公式ヘルプ – ビデオ要件】。
  • Adobe の「TikTok 用動画の作り方」でも同様の数値が掲載されており、実装例としてビットレートは 8 Mbps（低）〜12 Mbps（高） が目安とされています【Adobe 公式ガイド】。

2. Photoshop でのキャンバス作成手順

  1. ファイル → 新規 を選択
  2. 幅 1080 px・高さ 1920 px、解像度 72 ppi（Web 用）
  3. カラーモード RGBカラー、プロファイルは sRGB IEC61966‑2.1
  4. 「詳細設定」で アスペクト比を固定 にチェックし、9:16 が保たれるようにする。

ポイント：Photoshop のカラープロファイルを sRGB に統一すると、スマートフォン上で色崩れが起きにくくなります（後述のカラー管理参照）。

3. タイムラインパネルによるアニメーション作成

3‑1. 基本操作

手順 内容
ウィンドウ → タイムライン を開く 「動画タイムラインを作成」をクリックし、フレームベースの編集モードへ切替え
レイヤーにストップウォッチアイコンを付与 位置・不透明度など、アニメーションさせたいプロパティのキーフレームが追加できる
タイムライン上でインジケータを移動 → プロパティを変更 自動的に次のキーフレームが生成され、滑らかな変化になる

3‑2. 実用例

エフェクト 手順・設定
テキストフェードイン テキストレイヤーの不透明度に「0 %（開始）→100 %（2 秒後）」のキーフレームを配置。イージングは「イーズイン」がおすすめ
画像スライドイン 位置キーを左端（-540 px）から中央へ、フレーム数 15 fps（0.5 秒）で設定。加速感が欲しい場合は「イーズアウト」を適用
音声・BGM の挿入 ファイル → 埋め込み で MP3/WAV を読み込み、タイムラインにドラッグ。音量はレイヤーパネルのスライダーで -6 dB 前後 に調整（ピーククリッピング防止）

4. カラー管理とエクスポート設定

4‑1. カラープロファイルの統一

  1. 編集 → カラーモード設定 → 作業スペース を sRGB IEC61966‑2.1 に変更
  2. イメージ → 画像情報 で ガンマ 2.2 が表示されていることを確認（必要なら 画像 → ガンマ補正 で 2.2 に設定）

理由：スマートフォンのディスプレイは sRGB を基準に色再現しているため、他のプロファイル（Adobe RGB 等）だと再生時に色がずれやすくなります。

4‑2. H.264/MP4 エクスポート手順

  1. ファイル → 書き出し → 書き出し形式… を選択
  2. フォーマット H.264、コンテナ MP4 を指定
  3. ビデオ設定で ビットレート 8 Mbps（低）〜12 Mbps（高）、VBR（可変ビットレート）を有効化
  4. 音声は AAC, サンプリングレート 44.1 kHz, ビットレート 128 kbps に設定
  5. 「プレビュー」で再生確認後、「書き出し」

公式エクスポートガイドラインは Adobe のヘルプページで随時更新されています【Adobe Export Settings】。

5. AI 機能（2025 年現在）を活用した効率化

注意：以下の情報は Adobe の公式発表（2025 年1月リリース）に基づいていますが、機能の提供地域やプランによって利用可否が異なる場合があります。最新情報は公式ページをご確認ください。

機能 目的 参考リンク
Adobe Firefly – テキストから映像 キーワード入力だけで短尺の B‑roll や背景アニメーションを自動生成 https://www.adobe.com/jp/products/firefly.html
Generative AI（ジェネAI） – ビデオスクリプトテンプレート ナレーション原稿や字幕テキストを自然言語で作成し、タイムコード付き SRT に自動変換 https://www.adobe.com/jp/creativecloud/gen-ai.html

実装例（Photoshop 内）

  1. 拡張機能 → Firefly を起動し「テキストから映像」テンプレートに “街中でダンスする若者” と入力 → 5 秒のループ素材が生成される。
  2. ジェネAI の「字幕自動生成」機能でナレーション文を貼り付け、言語とフォント（白・アウトライン）を選択 → SRT が出力されるので、レイヤー → 文字ツール にドラッグ＆ドロップ。
  3. 生成された映像や字幕はタイムラインに直接配置でき、手動でのフレーム調整が不要になるため、制作時間を 30 % 程度短縮できます（Adobe のベンチマーク参照）。

6. 音声・音楽の最適化

項目 推奨設定
平均音量 -6 dB 前後に正規化（ピークは -1 dB 以下）
ダイナミックレンジ 6 dB〜10 dB に抑えるとスマホスピーカーでも聞き取りやすい
音楽の長さ 動画全体に合わせてフェードイン/アウトを 0.3 秒程度設定
ロイヤリティフリー素材 TikTok のクリエイターミュージックライブラリ、または Adobe Stock Audio（商用利用可）

音量正規化は Photoshop の「オーディオ」パネルで “Normalize” を選択し、目標レベルを -6 dB に設定すると簡単に実行できます。

7. アップロード前の最終チェックリスト

チェック項目 確認ポイント
動画長さ 3 秒〜10 分（推奨は 15 秒〜60 秒）【TikTok 公式】
解像度・フレームレート 1080×1920、30 fps／60 fps が正しく設定されているか
ビットレート 8‑12 Mbps の範囲内でエクスポート済みか
サムネイル 動画開始1 秒のフレームを PNG/JPEG（最大 2 MB）に保存し、目立つ文字やロゴを配置
ハッシュタグ・キャプション 主要キーワード 3〜5 個、総文字数 ≤80 文字（ハッシュタグは100文字以内）【TikTok 公式】
音量正規化 平均 -6 dB 前後で統一されているか
アクセシビリティ 字幕（SRT）とテロップが同期しているか、色コントラストは WCAG AA 以上か
プレビュー再生 Photoshop の「書き出し」前にタイムラインで実際の再生速度・音声バランスを確認

8. 補足：エンゲージメント向上のためのテクニック

  1. 最初の 2 秒でインパクト

  2. カラフルなビジュアルや動きで視聴者の注意を引くと、離脱率が約 15 % 減少します（TikTok 内部データ）

  3. テキストオーバーレイは 3 行以内

  4. スマホ画面上で読める行数に抑えることで、視認性とシェア率が向上

  5. 音楽のリズムに合わせたカット

  6. ビートごとにシーンを切り替えると、アルゴリズムが「高品質」動画として評価しやすくなります

  7. A/B テスト

  8. 同じ素材でサムネイルだけ変えて 2 本投稿し、再生回数・エンゲージ率を比較。最も効果的なデザインを次の制作に活かす

9. 参考文献・リンク集

  1. TikTok 公式ヘルプ – ビデオ要件
    https://www.tiktok.com/help/faq/video-requirements
  2. Adobe 公式ガイド – TikTok 用動画の作り方
    https://www.adobe.com/jp/express/discover/video/tiktok
  3. Adobe Export Settings（Photoshop）
    https://helpx.adobe.com/photoshop/using/export-video.html
  4. Adobe Firefly 製品ページ（2025 年リリース情報）
    https://www.adobe.com/jp/products/firefly.html
  5. Generative AI – Creative Cloud 公式ページ
    https://www.adobe.com/jp/creativecloud/gen-ai.html

まとめ：本ガイドは、Photoshop の標準機能と2025 年に追加された Adobe のジェネレーティブ AI を組み合わせて、TikTok 向け動画を 高品質かつ効率的に 作成する方法を示しました。公式のサイズ・ビットレート要件を守り、カラー管理・音声正規化・AI 補助機能を活用すれば、再生エラーや色崩れのリスクを最小限に抑えつつ、アルゴリズムに好まれるコンテンツを安定的に発信できます。ぜひ実践してみてください。

スポンサードリンク

-Photoshop