ビデオとアニメーションのプレビュー

  1. Photoshop ユーザーガイド
  2. Photoshop の概要
    1. 夢をカタチに
    2. Photoshop の新機能
    3. 初めての写真編集
    4. ドキュメントの作成
    5. Photoshop | よくある質問
    6. Photoshop の必要システム構成
    7. プリセット、アクションおよび設定の移行
    8. Photoshop とは
  3. Photoshop と Adobe のサービス
    1. Photoshop と Adobe Stock
    2. Creative Cloud ライブラリ
    3. Photoshop の Creative Cloud ライブラリ
    4. グリッドとガイド
    5. アクションの作成
    6. 取り消しおよびヒストリー
    7. 初期設定のショートカットキー
    8. タッチ機能とカスタマイズ可能なワークスペース
    9. Photoshop での Touch Bar の使用
    10. Photoshop の Capture アプリ内拡張機能の使用
  4. Photoshop iPad 版
    1. Photoshop iPad 版 | よくある質問
    2. ワークスペースについて
    3. システム要件 | Photoshop iPad 版
    4. クラウドドキュメントの作成、表示、書き出し
    5. 写真の追加
    6. レイヤーの操作
    7. ブラシを使った描画とペイント
    8. 範囲の選択とマスクの追加
    9. コンポジットを修正する
    10. 調整レイヤーを使用する
    11. トーンカーブでコンポジットの色調を調整する
    12. 変形操作を適用する
    13. 合成画像の切り抜きと回転
    14. カンバスの回転、パン、ズーム、リセット
    15. テキストレイヤーを使用する
    16. Photoshop と Lightroom の連携
    17. Photoshop iPad 版で環境にないフォントを取得する
    18. Photoshop iPad 版での日本語テキスト
    19. アプリの設定を管理する
    20. タッチショートカットとジェスチャー
    21. キーボードショートカット
    22. システム要件 1.x | Photoshop iPad 版
    23. システム要件 2.x | Photoshop iPad 版
    24. 画像サイズを編集する
    25. Photoshop iPad 版での制作過程をライブストリームで配信
    26. 修復ブラシで不具合を修正する
    27. Capture でブラシを作成して Photoshop で使用する
  5. Photoshop Web 版
    1. Photoshop Web 版| よくある質問
    2. ワークスペースの概要
    3. 必要システム構成 | Photoshop Web 版
    4. キーボードショートカット | Photoshop Web 版
    5. サポートされるファイルの種類 | Photoshop Web 版
    6. クラウドドキュメントを開いて操作する
    7. 関係者との共同作業
    8. クラウドドキュメントに対する制限付き編集の適用
  6. クラウドドキュメント
    1. Photoshop クラウドドキュメント | よくある質問
    2. Photoshop クラウドドキュメント | ワークフローに関する質問
    3. Photoshop でのクラウドドキュメントの管理と操作
    4. Photoshop 用クラウドストレージのアップグレード
    5. クラウドドキュメントを作成または保存できない
    6. Photoshop クラウドドキュメントのエラーを解決する
    7. クラウドドキュメントの同期ログの収集
    8. アクセスを共有してクラウドドキュメントを編集
  7. ワークスペース
    1. ワークスペースの基本
    2. ドキュメントの作成
    3. Photoshop での Touch Bar の使用
    4. Photoshop での Microsoft Dial のサポート
    5. ツールギャラリー
    6. パフォーマンス環境設定
    7. ツールの使用
    8. タッチジェスチャー
    9. タッチ機能とカスタマイズ可能なワークスペース
    10. テクノロジープレビュー
    11. メタデータと注釈
    12. 作品の手軽な配信
    13. ほかのアプリケーションへの Photoshop 画像の配置
    14. 環境設定
    15. 初期設定のショートカットキー
    16. 定規
    17. プリントしないエクストラの表示または非表示
    18. 画像のコラムの指定
    19. 取り消しおよびヒストリー
    20. パネルとメニュー
    21. ファイルの配置
    22. スナップを使用した要素の配置
    23. ものさしツールを使用した配置
    24. プリセット
    25. キーボードショートカットのカスタマイズ
    26. グリッドとガイド
  8. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. Photoshop でのファイルの書き出し
    4. デバイスプレビュー
    5. レイヤーから CSS をコピー
    6. Web ページのスライス
    7. スライスの HTML オプション
    8. スライスのレイアウトの変更
    9. Web グラフィックの使用
    10. Web フォトギャラリーの作成
  9. 画像とカラーの基本
    1. 画像のサイズを変更する方法
    2. ラスター画像とベクトル画像の操作
    3. 画像サイズと解像度
    4. カメラやスキャナーからの画像の取り込み
    5. 画像を作成、開く、読み込む
    6. 画像の表示
    7. 無効な JPEG マーカーエラー | 画像を開く
    8. 複数の画像の表示
    9. カラーピッカーとスウォッチのカスタマイズ
    10. ハイダイナミックレンジ(HDR)画像
    11. 画像のカラーの適用
    12. カラーモードの変換
    13. カラーモード
    14. 画像の一部の消去
    15. 描画モード
    16. カラーの選択
    17. インデックスカラーのカラーテーブルのカスタマイズ
    18. 画像情報
    19. ゆがみフィルターが使用できない
    20. カラーについて
    21. チャンネルを使用したカラーおよびモノクロの補正
    22. カラーパネルとスウォッチパネルでのカラーの選択
    23. サンプル
    24. カラーモードまたは画像モード
    25. 色かぶり
    26. アクションへの条件付きモード変更の追加
    27. HTML CSS と SVG からスウォッチを追加
    28. ビット数と環境設定
  10. レイヤー
    1. レイヤーの基本
    2. 非破壊編集
    3. レイヤーとグループの作成および管理
    4. レイヤーの選択、グループ化、リンク
    5. 画像をフレームに配置する
    6. レイヤーの不透明度と描画
    7. レイヤーのマスク
    8. スマートフィルターの適用
    9. レイヤーカンプ
    10. レイヤーの移動、重なり順の変更およびロック
    11. ベクトルマスクによるレイヤーのマスク
    12. レイヤーとグループの管理
    13. レイヤー効果とレイヤースタイル
    14. レイヤーマスクの編集
    15. アセットを抽出
    16. クリッピングマスクを使用したレイヤーの表示
    17. レイヤーからの画像アセットの生成
    18. スマートオブジェクトの操作
    19. 描画モード
    20. 複数の画像のグループ写真への合成
    21. レイヤーを自動合成を使用して画像を結合
    22. レイヤーの整列と分布
    23. レイヤーから CSS をコピー
    24. レイヤーまたはレイヤーマスクの境界線からの選択範囲の読み込み
    25. ノックアウトして他のレイヤーからコンテンツを表示
    26. レイヤー
    27. レイヤーの統合
    28. 合成
    29. 背景色
  11. 選択範囲
    1. 選択とマスクワークスペース
    2. クイック選択の実行
    3. 選択の基本を学ぶ
    4. 選択ツールによる選択
    5. なげなわツールによる選択
    6. 画像内のカラーの範囲の選択
    7. ピクセル選択範囲の補正
    8. パスと選択範囲の境界線の変換
    9. チャンネルの基本
    10. 選択したピクセルの移動、コピー、削除
    11. 一時的なクイックマスクの作成
    12. 選択範囲とアルファチャンネルマスクの保存
    13. 画像の焦点領域の選択
    14. チャンネルの複製、分割、および統合
    15. チャンネルの演算
    16. 選択範囲
    17. バウンディングボックス
  12. 画像調整
    1. 遠近法ワープ
    2. カメラの振動によるぶれの軽減
    3. 修復ブラシの使用例
    4. カラールックアップテーブルの書き出し
    5. 画像のシャープとぼかしの調整
    6. カラー調整について
    7. 「明るさ・コントラスト」補正の適用
    8. シャドウとハイライトのディテールの調整
    9. レベル補正
    10. 色相と彩度の調整
    11. 自然な彩度の調整
    12. 画像領域内のカラーの彩度の調整
    13. 色調のクイック補正
    14. 画像への特殊なカラー効果の適用
    15. カラーバランスの補正による画像の演出
    16. ハイダイナミックレンジ(HDR)画像
    17. ヒストグラムとピクセル値の表示
    18. 画像のカラーの適用
    19. 写真を切り抜きおよび角度補正する方法
    20. カラー画像の白黒画像への変換
    21. 調整レイヤーと塗りつぶしレイヤー
    22. トーンカーブの補正
    23. 描画モード
    24. 出力用画像のターゲット指定
    25. レベル補正およびトーンカーブスポイトツールを使用したカラーと色調の補正
    26. HDR の露光量とトーンの調整
    27. フィルター
    28. ぼかし
    29. 画像領域の覆い焼きまたは焼き込み
    30. 特定色域の色調の補正
    31. オブジェクトカラーの置き換え
  13. Adobe Camera Raw
    1. Camera Raw の必要システム構成
    2. Adobe Camera Raw の新機能
    3. Camera Raw の紹介
    4. パノラマの作成
    5. サポート対象レンズ
    6. Camera Raw の周辺光量補正、粒状、かすみの除去の効果
    7. 初期設定のショートカットキー
    8. Camera Raw の自動的な遠近法の補正
    9. Camera Raw で非破壊的な編集を行う方法
    10. Camera Raw の円形フィルター
    11. Camera Raw 設定の管理
    12. Camera Raw での画像のオープン、処理、および保存
    13. Camera Raw の強化されたスポット除去ツールで画像を修復
    14. 画像の回転、切り抜きおよび調整
    15. Camera Raw でのカラーレンダリングの調整
    16. 機能の概要 | Adobe Camera Raw | 2018 年リリース
    17. 新機能の概要
    18. Camera Raw のプロセスバージョン
    19. Camera Raw での部分補正
  14. 画像の修復および復元
    1. コンテンツに応じた塗りつぶしを使用して写真からオブジェクトを削除
    2. コンテンツに応じたパッチと移動
    3. 写真のレタッチと修復
    4. 画像のゆがみとノイズの修正
    5. 多くの問題を解決するための基本的なトラブルシューティング手順
  15. 画像変換
    1. オブジェクトの変形
    2. 切り抜き、回転およびカンバスサイズを調整
    3. 写真を切り抜きおよび角度補正する方法
    4. パノラマ画像の作成と編集
    5. 画像、シェイプ、パスのワープ
    6. Vanishing Point
    7. ゆがみフィルターの使用
    8. コンテンツに応じた拡大・縮小
    9. 画像、シェイプ、パスの変形
    10. ワープ
    11. 変形
    12. パノラマ
  16. 描画とペイント
    1. 対称パターンのペイント
    2. 長方形の描画とストロークオプションの変更
    3. 描画の概要
    4. シェイプの描画と編集
    5. ペイントツール
    6. ブラシの作成と修正
    7. 描画モード
    8. パスへのカラーの追加
    9. パスの編集
    10. 混合ブラシによるペイント
    11. ブラシプリセット
    12. グラデーション
    13. 選択範囲、レイヤーおよびパスの塗りつぶしおよび境界線の描画
    14. ペンツールによる描画
    15. パターンの作成
    16. パターンメーカーを使用したパターンの生成
    17. パスの管理
    18. パターンライブラリとプリセットの管理
    19. グラフィックタブレットによる描画またはペイント
    20. テクスチャブラシの作成
    21. ブラシへの動的な要素の追加
    22. グラデーション
    23. アートヒストリーブラシによる、スタイル化されたストロークのペイント
    24. パターンによるペイント
    25. 複数のデバイスでのプリセットの同期
  17. テキスト
    1. OpenType SVG フォントの操作
    2. 文字の書式設定
    3. 段落の書式設定
    4. テキスト効果の作成方法
    5. テキストの編集
    6. 行と文字の間隔
    7. アラビア語およびヘブライ語のテキスト
    8. フォント
    9. フォントのトラブルシューティング
    10. 日本語、中国語、韓国語のテキスト
    11. テキストの入力
    12. Photoshop で文字ツールを使用したときのテキストエンジンエラー | Windows 8
    13. アジア言語スクリプト用多言語対応コンポーザー
    14. Photoshop でテキストを追加および編集する方法
  18. ビデオとアニメーション
    1. Photoshop でのビデオの編集
    2. ビデオおよびアニメーションレイヤーの編集
    3. ビデオとアニメーションの概要
    4. ビデオとアニメーションのプレビュー
    5. ビデオレイヤーのフレームのペイント
    6. ビデオファイルと画像シーケンスの読み込み
    7. フレームアニメーションの作成
    8. Creative Cloud 3D アニメーション(プレビュー)
    9. タイムラインアニメーションの作成
    10. ビデオ用の画像の作成
  19. フィルターと効果
    1. ゆがみフィルターの使用
    2. ぼかしギャラリーの使用
    3. フィルターの基本
    4. フィルター効果リファレンス
    5. 照明効果の追加
    6. 広角補正フィルターの使用
    7. 油彩フィルターの使用
    8. レイヤー効果とレイヤースタイル
    9. 特定フィルターの適用
    10. 画像領域をこする
  20. 保存と書き出し
    1. グラフィック形式でのファイルの保存
    2. Photoshop でのファイルの保存
    3. ファイル形式
    4. ビデオとアニメーションの保存と書き出し
    5. PDF ファイルを保存
    6. Digimarc 著作権保護
  21. プリント
    1. 3D オブジェクトのプリント
    2. Photoshop を使用したプリント
    3. カラーマネジメントを使用したプリント
    4. コンタクトシートと PDF プレゼンテーション
    5. ピクチャパッケージレイアウトでの写真のプリント
    6. スポットカラーのプリント
    7. ダブルトーン
    8. 業務用プリンターでの画像のプリント
    9. Photoshop からのカラー印刷の改善
    10. 印刷問題のトラブルシューティング | Photoshop
  22. 自動化
    1. アクションの作成
    2. データ駆動型グラフィックの作成
    3. スクリプト
    4. ファイルのバッチ処理
    5. アクションの再生と管理
    6. 条件付きアクションの追加
    7. アクションおよびアクションパネルについて
    8. アクションへのツールの記録
    9. アクションへの条件付きモード変更の追加
    10. プラグインとスクリプト用の Photoshop UI ツールキット
  23. 3D と技術的な画像の処理
    1. Creative Cloud 3D アニメーション(プレビュー)
    2. 3D オブジェクトのプリント
    3. 3D ペイント
    4. 3D パネルの拡張機能 | Photoshop
    5. 3D の基本概念とツール
    6. 3D レンダリングと保存
    7. 3D オブジェクトおよび 3D アニメーションの作成
    8. 画像のスタック
    9. 3D ワークフロー
    10. 計測
    11. DICOM ファイル
    12. Photoshop と MATLAB
    13. 画像内のオブジェクトのカウント
    14. 3D オブジェクトの結合と変換
    15. 3D テクスチャ編集
    16. HDR の露光量とトーンの調整
    17. 3D パネルの設定
  24. カラーマネジメント
    1. カラーマネジメントの設定
    2. 一貫した色の保持
    3. カラー設定
    4. カラープロファイルの操作
    5. オンライン表示用ドキュメントのカラーマネジメント
    6. 印刷時におけるドキュメントのカラーマネジメント
    7. 読み込んだ画像のカラーマネジメント
    8. 色の校正
注意:

Photoshop CC より前の Photoshop バージョンにおいて、この記事で説明している機能の一部は Photoshop Extended をお持ちの場合のみ使用できます。Photoshop には、別個の Extended バージョンはありません。Photoshop には、Photoshop Extended のすべての機能が含まれています。

フレームアニメーションのプレビュー

  1. 次のいずれかの操作を行います。
    • タイムラインパネルで再生ボタン をクリックします。

    • スペースバーを使用してアニメーションを再生および一時停止します。

    アニメーションがドキュメントウィンドウに表示されます。ループオプションで繰り返し回数を指定しない限り、アニメーションは無限に繰り返されます

  2. アニメーションを停止するには、停止ボタン をクリックします。
  3. アニメーションを巻き戻すには、最初のフレームを選択ボタン をクリックします。
    注意:

    アニメーションとタイミングのプレビューをさらに正確に表示するには、Web ブラウザーでアニメーションをプレビューします。Photoshop では、Web 用に保存ダイアログボックスを開いて、「プレビュー」ボタンをクリックします。ブラウザーの「中止」コマンドと「更新」コマンドを使用して、アニメーションを停止したり再生したりします。

プレビューするタイムライン領域の設定

  1. 書き出しまたはプレビューするタイムラインのデュレーションを設定するには、タイムラインパネルで次のいずれかの操作を行います。

    • ワークエリアバーのいずれかの端をドラッグします。

    Photoshop ワークエリアバーをドラッグしてプレビューを設定
    ワークエリアバーの端のドラッグ

    • ワークエリアバーをプレビューする部分にドラッグします。

    • 現在の時間インジケーターを目的の時間またはフレームまで移動します。パネルメニューから、ワークエリア/再生ヘッドで開始点を設定またはワークエリア/再生ヘッドで終了点を設定を選択します。

  2. ワークエリア外の不要なタイムラインを削除するには、パネルメニューの「ワークエリアに合わせてデュレーションをトリミング」を選択します。

ビデオまたはタイムラインアニメーションのプレビュー

ビデオやアニメーションは、ドキュメントウィンドウでプレビューすることができます。Photoshop では、RAM を使用して、編集セッション中にビデオやアニメーションをプレビューできます。再生またはドラッグしてフレームをプレビューする場合、次回フレームを再生するときに高速に再生できるように、フレームは自動的にキャッシュに保存されます。キャッシュに保存されたフレームは、タイムラインパネルのワークエリアで緑のバーで示されます。キャッシュに保存されるフレーム数は、Photoshop で使用できる RAM の容量によって決まります。

ビデオまたはタイムラインアニメーションをプレビュー

  1. 必要に応じて次のいずれかの操作を行います。
    • タイムラインで、現在の時間インジケーターをドラッグします。

    • アニメーションパネルまたはタイムラインパネルの下部にある再生ボタンを使用します。

    • スペースバーを押すと、再生が開始または停止します。追加のショートカットについては、アニメーションパネルのタイムラインモードのショートカットキーを参照してください。

    注意:

    Web 用に作成したアニメーションをさらに正確にプレビューするには、アニメーションを Web ブラウザーでプレビューします。ブラウザーの「中止」コマンドと「更新」コマンドを使用して、アニメーションを停止したり再生したりします。Web 用に保存ダイアログボックスを開いて、「プレビュー」ボタンをクリックします。

ビデオレイヤーのオーディオをプレビュー

ビデオレイヤーのオーディオプレビューを有効にすると、QuickTime ムービー形式に書き出されたファイルにそのオーディオが含まれます(詳しくは、 ビデオファイルまたは画像シーケンスの書き出しを参照してください)。

タイムラインパネルで、次のいずれかの操作を行います。

  • 特定のビデオレイヤーのオーディオプレビューを有効または無効にするには、そのレイヤーのスピーカーアイコン  をクリックします。
  • ドキュメント全体のオーディオプレビューを有効または無効にするには、パネルの下部にある再生ボタンの右側のスピーカーアイコンをクリックします。

フレームスキップの有効化

Photoshop では、キャッシュに保存されていないフレームをスキップして、リアルタイムで再生することができます。

  1. タイムラインパネルをタイムラインアニメーションモードにして、パネルメニューから「フレームスキップを許可」を選択します。

ビデオモニターでのドキュメントのプレビュー

ビデオプレビュープラグインを使用すると、アニメーションのタイムラインで指定した現在のフレーム(または Photoshop で開いている画像)を、FireWire(IEEE 1394)経由で、ビデオモニターなどの表示装置でプレビューできます。また、画像を適切に表示するために縦横比を調整できます。

注意:

64 ビットのオペレーティングシステムでは、ビデオプレビュープラグインにアクセスするために、32 ビットバージョンの Photoshop を使用する必要があります。

ビデオプレビュープラグインは、RGB、グレースケールおよびインデックスされた画像をサポートします。このプラグインは 16 bit / チャンネル画像を 8 bit / チャンネル画像に変換します。ビデオプレビュープラグインはアルファチャンネルをサポートしません。透明部分は黒く表示されます。

注意:

ビデオプレビュープラグインは表示装置をロックしません。Photoshop がコンピューターのバックグラウンドになり、別のアプリケーションがフォアグラウンドになった場合、プレビューはオフになり、他のアプリケーションが表示装置をプレビュー目的で使用できるように装置のロックは解除されます。

  1. ビデオモニターなどの表示装置は FireWire(IEEE 1394)経由でコンピューターに接続します。
  2. Photoshop でドキュメントが開かれている状態で、次のいずれかの操作を行います。
    • 装置上でドキュメントの表示に出力オプションを設定しない場合には、ファイル/書き出し/ビデオプレビューをデバイスに送るを選択します。ここで説明する残りの手順は省略できます。

    • 表示装置にドキュメントを表示する前に出力オプションを設定するには、ファイル/書き出し/ビデオプレビューを選択します。

    ビデオプレビューダイアログボックスが表示されます。ドキュメントのピクセル縦横比が表示装置の縦横比設定と一致しない場合には警告が表示されます。

    注意:

    「ビデオプレビューをデバイスに送る」コマンドでは、ビデオプレビューダイアログボックスの前回の設定が使用されます。

  3. デバイス設定で、画像を表示する表示装置に対してオプションを指定します。
    • (Mac OS)出力モードを指定するには、「NTSC」または「PAL」を選択します。出力モードと装置が一致しない場合(例えば、出力モードに NTSC を指定していて、PAL モードの出力装置に接続した場合)、プレビューは黒く表示されます。

    • 表示装置の縦横比を指定するには、縦横比メニューから「標準(4:3)」または「ワイドスクリーン(16:9)」のいずれかを選択します。

    注意:

    縦横比設定は、どの配置オプションが利用可能かを決定します。

  4. 画像オプションで、配置オプションを選択して表示装置に画像がどのように表示されるかを決定します。

    中央

    画面の中央に画像の中心を配置し、ビデオプレビュー装置の表示エッジの外側になる部分は切り取ります。

    ピラーボックス

    画面の中心を画像の中心にして 16:9 ディスプレイに 4:3 画像を表示し、画像の左側と右側にグレーの帯を表示します。このオプションは、デバイス縦横比にワイドスクリーン(16:9)を選択した場合にのみ利用可能です。

    エッジクロップ

    画面の中心を画像の中心にして 4:3 ディスプレイに 16:9 画像を表示し、ビデオプレビュー装置の表示エッジの外側になるフレームの左側と右側のエッジを切り取ることによって歪みをなくします。このオプションは、デバイス縦横比に「標準(4:3)」を選択した場合にのみ利用可能です。

    レターボックス(16:9)

    4:3 ディスプレイに収まるように 16:9 画像を拡大 / 縮小します。16:9 画像と 4:3 ディスプレイの縦横比の違いのため、画像の上下にはグレーの帯が表示されます。これによって、画像を切り抜いたり、歪めたりすることなく表示比率は保たれます。このオプションは、デバイス縦横比に「標準(4:3)」を選択した場合にのみ利用可能です。

    レターボックス(14:9)

    ワイドスクリーン画像を 14:9 の縦横比に切り取って表示し、画像の上下(4:3 ディスプレイで表示する場合)または左右(16:9 ディスプレイで表示する場合)に黒い帯を表示します。これによって、表示比率は保たれ、画像は歪められません。

  5. 画像サイズメニューからオプションを選択して、ドキュメントピクセルが装置ディスプレイに拡大/縮小されるかどうかを制御します。

    拡大・縮小しない

    縦方向の画像の拡大 / 縮小を行いません。高さがビデオディスプレイよりも高い場合、画像は切り取られます。

    ディスプレイに合わせて拡大・縮小

    ビデオフレームに収まるように、画像の高さと幅を比例して増加または減少させます。このオプションでは、16:9 画像は 4:3 ディスプレイ上にレターボックスとして表示され、4:3 画像は 16:9 ディスプレイにピラーボックスとして表示されます。

  6. 「ピクセル縦横比を適用してプレビュー」チェックボックスを選択し、ドキュメントの(非正方形)ピクセル縦横比を使用して画像を表示します。このオプションをオフにすると、コンピューターモニター(正方形ピクセル)に表示されるように画像が表示されます。

    初期設定では、「ピクセル縦横比を適用してプレビュー」チェックボックスは画像のピクセル縦横比を保持するように選択されます。一般に、ドキュメントのピクセル縦横比が正方形であると想定され、画像をコンピューターモニター(正方形ピクセル)で表示されるのと同じに表示したい場合には、このオプションをオフにします。

  7. 「OK」をクリックしてドキュメントを装置ディスプレイに書き出します。
アドビのロゴ

アカウントにログイン