マニュアル

レスポンシブデザインのグラフィックへの追加

  1. After Effects ユーザガイド
  2. ベータ版のリリース
    1. ベータ版プログラムの概要
    2. After Effects ベータ版ホーム
  3. はじめに
    1. After Effects の概要
    2. After Effects の新機能 
    3. リリースノート | After Effects
    4. After Effects の必要システム構成
    5. After Effects のキーボードショートカット
    6. サポートされているファイル形式 | After Effects
    7. ハードウェアに関する推奨事項
    8. Apple シリコン対応の After Effects
    9. 計画と設定
    10. 今日のヒント
  4. Workspaces
    1. 一般ユーザーインターフェイスアイテム
    2. After Effects インターフェイスについて
    3. ワークフロー
    4. Workspaces、パネルおよびビューア
    5. UI 言語のサポートの強化
  5. プロジェクトとコンポジション
    1. プロジェクト
    2. コンポジションの基本
    3. プリコンポーズ、ネスト化およびプリレンダリング
    4. コンポジションプロファイラーを使用した詳細なパフォーマンス情報の表示
    5. CINEMA 4D コンポジションレンダラー
  6. フッテージの読み込み
    1. 静止画の準備と読み込み
    2. After Effects および Adobe Premiere Pro の読み込み
    3. ビデオとオーディオの読み込みと変換
    4. 3D イメージファイルの準備と読み込み
    5. フッテージアイテムの読み込みと変換
    6. SVG ファイルを読み込み
    7. フッテージアイテムでの作業
    8. シーン編集の検出を使用した編集ポイントの削除
    9. XMP メタデータ
  7. テキストとグラフィック
    1. テキスト
      1. 文字の書式設定と文字パネル
      2. テキストエフェクト
      3. テキストレイヤーの作成と編集
      4. 段落の書式設定と段落パネル
      5. テキストレイヤーとシェイプレイヤーの押し出し
      6. テキストのアニメーション化
      7. テキストアニメーションのサンプルとリソース
      8. Live Text テンプレート
    2. モーショングラフィック
      1. After Effects でのモーショングラフィックステンプレートの操作
      2. エクスプレッションを使用した、モーショングラフィックステンプレートのドロップダウンリストの作成
      3. エッセンシャルプロパティを使用したモーショングラフィックステンプレートの作成
      4. モーショングラフィックステンプレートおよびエッセンシャルプロパティでの画像とビデオの置き換え
      5. プロパティパネルを使用して、すばやく簡単にアニメート
    3. バリアブルフォント軸
      1. バリアブルフォント軸のサポート
      2. バリアブルフォント軸の操作
      3. バリアブルフォント軸のスクリプトサポート
      4. バリアブルフォント軸に関する FAQ
  8. 描画、ペイント、パス
    1. シェイプレイヤー、パス、ベクトルグラフィックの概要
    2. ペイントツール:ブラシ、コピースタンプおよび消しゴム
    3. テーパシェイプストローク
    4. シェイプレイヤーのシェイプ属性、ペイント操作およびパス操作
    5. 「パスのオフセット」シェイプエフェクトを使用したシェイプの変更
    6. シェイプの作成
    7. マスクを作成
    8. コンテンツに応じた塗りつぶしパネルを使用したビデオからのオブジェクトの削除
    9. ロトブラシとマットを調整
    10. AI を活用したオブジェクトマット
    11. 位置プロパティとパスにヌルを作成
  9. レイヤー、マーカー、カメラ
    1. レイヤーの選択と配置
    2. 描画モードとレイヤースタイル
    3. 3D レイヤー
    4. レイヤープロパティ
    5. レイヤーの作成
    6. レイヤーの管理
    7. レイヤーマーカーとコンポジションマーカー
    8. カメラ、ライト、目標点
  10. アニメーション、キーフレーム、モーショントラッキング、キーイング
    1. アニメーション
      1. アニメーションの基本
      2. パペットツールを使用したアニメーション化
      3. シェイプパスとマスクの管理とアニメーション化
      4. After Effects を使用した Sketch と Capture シェイプのアニメーション化
      5. 多彩なアニメーションツール
      6. データ駆動型アニメーションの操作
      7. タイムラインでの比例スクラブ
      8. エフェクト、プリセット、メニューコマンドをすばやく検索して適用
    2. キーフレーム
      1. キーフレーム補間法
      2. キーフレームの設定、選択および削除
      3. キーフレームの編集、移動、コピー
    3. モーショントラッキング
      1. モーションのトラッキングとスタビライズ
      2. 顔のトラッキング
      3. マスクのトラッキング
      4. マスク参照
      5. 速度
      6. 時間伸縮とタイムリマップ
      7. タイムコードと時間の表示単位
    4. キーイング
      1. キーイング
      2. キーイングエフェクト
  11. 透明度と合成
    1. 合成と透明化の概要とリソース
    2. アルファチャンネルおよびマット
    3. トラックマットとトラベリングマット
  12. カラーの調整
    1. カラーの基本
    2. カラーマネジメント
    3. 色調補正エフェクト
    4. OpenColorIO および ACES のカラーマネジメント
    5. 強化された HDR サポート
    6. HDR の読み込みと書き出し 
  13. エフェクトおよびアニメーションプリセット
    1. エフェクトおよびアニメーションプリセットの概要
    2. エフェクトリスト
    3. エフェクトマネージャー
    4. シミュレーションエフェクト
    5. スタイライズエフェクト
    6. オーディオエフェクト
    7. ディストーションエフェクト
    8. 遠近エフェクト
    9. チャンネルエフェクト
    10. エフェクトの生成
    11. 時間エフェクト
    12. トランジションエフェクト
    13. ローリングシャッターの修復エフェクト
    14. ブラー&シャープエフェクト
    15. 3D チャンネルエフェクト
    16. ユーティリティエフェクト
    17. マットエフェクト
    18. ノイズ&グレインエフェクト
    19. 「詳細を維持しながらアップスケール」エフェクト
    20. 旧バージョンエフェクト
    21. Cycore プラグイン
  14. エクスプレッションと自動化
    1. エクスプレッション
      1. エクスプレッションの基本
      2. エクスプレッション言語について
      3. エクスプレッション制御の使用
      4. JavaScript と以前の ExtendScript のエクスプレッションエンジンの構文の違い
      5. エクスプレッションの編集
      6. エクスプレッションエラー
      7. エクスプレッションエディターの使用
      8. エクスプレッションを使用したテキストプロパティの編集とアクセス
      9. エクスプレッション言語リファレンス
      10. エクスプレッションの例
    2. 自動化
      1. 自動化
      2. スクリプト
  15. イマーシブビデオ、VR、3D
    1. After Effects での VR 環境の作成
    2. イマーシブビデオエフェクトの適用
    3. VR/360 度ビデオの合成ツール
    4. 高度 3D レンダラー
    5. 3D モデルを読み込んでコンポジションに追加
    6. Creative Cloud ライブラリからの 3D モデルの読み込み
    7. パラメトリックメッシュを作成
    8. 画像ベースの照明
    9. アニメーション化された環境光
    10. ライトによるシャドウのキャストを有効にする
    11. 3D モデルからのライトとカメラの抽出およびアニメーション化
    12. 3D カメラの移動のトラッキング
    13. 3D コンポジションのデフォルトカメラ設定を調整する
    14. シャドウを落とすおよび受ける
    15. 埋め込まれた 3D モデルアニメーション
    16. シャドウキャッチャー
    17. 3D 深度データ抽出
    18. Advanced 3D での被写界深度
    19. 3D レイヤーのマテリアルプロパティの変更
    20. Substance 3D マテリアルを適用
    21. 3D デザインスペースでの作業
    22. 3D 変形ギズモ
    23. 複数の 3D レイヤーに対応する単一の 3D ギズモ
    24. 3D アニメーションによるその他の操作
    25. Mercury 3D エンジンを使用した、3D デザインへのリアルタイムのプレビュー変更
    26. After Effects におけるステレオスコピック 3D
    27. グラフィックへのレスポンシブデザインの追加 
  16. ビューとプレビュー
    1. プレビュー
    2. Mercury Transmit を使用したビデオプレビュー
    3. ビューの変更と使用
    4. ロスレス圧縮再生
  17. レンダリングと書き出し
    1. レンダリングと書き出しの基本
    2. After Effects の H.264 エンコード
    3. After Effects プロジェクトを Adobe Premiere Pro プロジェクトとして書き出し
    4. ムービーの変換
    5. マルチフレームレンダリング
    6. 自動レンダリングとネットワークレンダリング
    7. 静止画および静止画シーケンスのレンダリングと書き出し
    8. After Effects での GoPro CineForm コーデックの使用
  18. その他のアプリケーションの使用
    1. Dynamic Link と After Effects
    2. After Effects およびその他のアプリケーションの使用
      1. After Effects プロジェクトを Premiere Pro プロジェクトとして書き出し
    3. After Effects の Creative Cloud ライブラリ
    4. プラグイン
    5. Cinema 4D と Cineware
  19. 共同作業:Frame.io と Team Projects
    1. Premiere Pro と After Effects での共同作業
    2. Frame.io
      1. Frame.io のインストールとライセンス認証
      2. Premiere Pro および After Effects での Frame.io の使用
      3. よくある質問
    3. Team Projects
      1. Team Projects の概要
      2. チームプロジェクトの作成
      3. Team Projects を使用した共同作業
  20. メモリ、ストレージおよびパフォーマンス
    1. メモリとストレージ
    2. プレビュー時のメモリ不足の問題に対する After Effects の処理    
    3. 処理速度の向上
    4. 環境設定
    5. After Effects の GPU および GPU ドライバーの要件
  21. ナレッジベース
    1. 既知の問題
    2. 修正された問題
    3. よくある質問
    4. After Effects および macOS Ventura
    5. プレビュー時のメモリ不足の問題に対する After Effects の処理

After Effects で「レスポンシブデザイン - 時間」を作成および操作する方法について説明します。

レスポンシブデザイン - 時間機能を使用すると、適応モーショングラフィックスを作成できます。 この機能を使用すると、コンポジションがネスト化されたとき、またはモーショングラフィックステンプレートとして書き出されるときに、適応時間伸縮が有効になります。 適応時間伸縮は、保護されていない領域を時間伸縮しても、同じ時間で保護領域がアニメートされることを意味します。

イントロ、アウトロおよびコンポジションの任意の領域を保護し、レスポンシブデザインテンプレートを保存し、異なるプロジェクトで再利用して、重複や名前の変更を回避できます。

この機能を使用すると、アニメーションピンがグラフィックまたはシーケンスに固定され、編集内容に適合するように調整されます。 これにより、複雑なアニメーションおよびモーショングラフィックテンプレートを作成して、プロジェクト内のシーケンスに対応して時間を揃えることができます。

たとえば、下 3 分の 1 を作成し、フェードイン/フェードアウトをアニメートし、レスポンシブデザイン - 時間を追加します。 レスポンシブデザインを指定すると、クリップのデュレーションが拡大または縮小されたタイミングに関係なく、アニメーション時間が維持されます。

レスポンシブデザイン - 時間の作成

次の例で問題点について説明します。

フェードインとフェードアウトが設定されたテキストアニメーションを作成するときに、そのアニメーションがシーケンスの長さを超えないようにする必要があります。 アニメーションは、黒い背景に対してフェードアウトする 2 種類のテキストで構成されています。

同じアニメーションを別のシーケンスに追加します。 アニメーションのすべてのエレメントエレメント(フォントサイズ、フェードイン/フェードアウトの開始時間と終了時間など)は、シーケンスと一致している必要があります。 1 つの方法として、アニメーションを複製して、シーケンスの長さに合わせて整列させることができます。 ただし、この方法を使用すると、アニメーションキーフレームを移動して、フェードイン/フェードアウトをシーケンスに揃える必要があるので、時間がかかることがあります。

これは、レスポンシブデザインを使用できるようにするためのものです。 フェードイン/アウト領域(キーフレームから構成される)を保護して、アニメーションを拡張することができます。 これにより、領域がシーケンスに割り当てられます。また、シーケンスの長さに合わせてアニメーションがタイムストレッチされる場合でも、領域は影響を受けません。 関連付けが完了すると、そのアニメーションは動的にシーケンスの長さに合わせて変化します。

レスポンシブデザイン - 時間を適用

レスポンシブデザイン - 時間は、次の 3 つの方法で作成できます。

  1. オプション 1

    コンポジションメニューで、レスポンシブデザイン - 時間サブメニューから次のいずれかのコマンドを選択します。

    • イントロを作成:コンポジションの最初のフレームから始まるコンポジションのデュレーションの 15 %に対し保護領域が作成されます。
    • アウトロを作成:コンポジションの最後のフレームで終わるコンポジションのデュレーションの 15%に対し保護領域が作成されます。
    • ワークエリアから保護された領域を作成:ワークエリアバーと一致する開始ポイントと終了ポイントを持つ保護領域が作成されます。 保護領域は青色の網掛けで表示されます。

  2. オプション 2

    ワークエリアバーをドラッグして保護領域として設定する領域を選択します。 ワークエリアバーを右クリックし、ワークエリアから保護領域を作成するを選択します。

  3. オプション 3

    タイムラインの右にあるマーカーアイコンをクリックし、コンポジションマーカーを作成します。

  4. タイムラインパネルでマーカーをダブルクリックしてコンポジションマーカー設定ダイアログを開き、デュレーションを設定して保護領域オプションを有効にします。

アニメーションを別のコンポジションに追加

保護された領域、アウトロおよびイントロを設定した後で、アニメーションを別のコンポジションまたはシーケンスに追加できます。

手順については、次の例を参照してください。

    • アニメーションに「コンポジション A」などの保護された領域を付けることができます。
    • アニメーションを追加するコンポジションに、「コンポジション B」などの名前を付けます。

    タイムラインパネルで、コンポジション B を開きます。

  1. タイムラインで、コンポジション A を コンポジション B の上にドラッグして配置します。

  2. 保護された領域は青で表示されます。 コンポジション A の終了ポイントを押したまま、コンポジション B. の終了点になるようにドラッグします。

    コンポジションをプレビューすると、アニメーション内の保護された領域のアニメートに同じ時間がかかり、保護されていない領域のみが引き伸ばされます。

複数の保護された領域でネストされたコンポジションを使用

  • 保護された領域があるコンポジションのインポイントとアウトポイントをドラッグすると、そのコンポジションが別のコンポジションにネストされている場合、トリミングではなくコンポジションが伸縮します。 この機能では、保護された領域の継続時間が維持されます。 たとえば、2 秒の保護された領域を持つ 5 秒のクリップを時間伸縮して 10 秒にする場合、保護領域の長さは 2 秒のままです。
  • 時間伸縮の代わりにレイヤーのインポイントまたはアウトポイントをトリミングするには、Option キー(macOS)またはAlt キー(Windows)を押しながら、インポイントとアウトポイントをドラッグします。
  • 保護された領域は、保護領域オプションが有効なコンポジションマーカーで、識別しやすいように異なるハンドルアイコンがあります。 保護領域マーカーは他のコンポジションマーカーと同じように動作しますが、保護領域を持つコンポジションをネストするときに、マーカーは変更できません。 その代わり、ネスト化したコンポジションのレイヤーバーは、保護領域を示すように影になります。
  • 保護された領域を変更した後でコンポジションをネスト化した後は、ネスト化したコンポジションレイヤー上の保護領域マーカーは自動的に更新されません。 ネスト化されたコンポジションレイヤーのマーカーを更新するには、レイヤーを選択して、ソースからレイヤー>マーカー>マーカーを更新 の順に選択します。
  • コンポジションマーカーの保護された領域属性を使用して、スクリプトまたは式を使用して保護された領域オプションにアクセスすることもできます。

保護された領域を含むコンポジションをモーショングラフィックステンプレートとして書き出す場合

保護された領域を含むコンポジションをモーショングラフィックステンプレートとして書き出しし、Premiere でシーケンスに追加すると、時間のリマップを行わずに長さを直接調整できます。

クリップのインポイントとアウトポイントをドラッグして、インポイントとアウトポイントをトリムする代わりに、コンポジションを時間伸縮することができます。 保護された領域のデュレーションは保持されます。

  • オーディオを含むコンポジションをモーショングラフィックステンプレートとして書き出すと、Premiere で時間伸縮は適用されません。
  • CINEMA 4D レンダラーを使用しているコンポジションに 3D レイヤーが含まれているか、または CINEWARE エフェクトを使用する CINEMA 4D レイヤーが含まれている場合、コンポジションが時間伸縮されるときに、保護されていない領域の滑らかなアニメーションで問題が発生する場合があります。

After Effects をさらに活用する

Adobe After Effects では、驚異的なモーショングラフィック、 テキストアニメーション、視覚的な効果を作成できます。 フィルム、TV、ビデオおよび web をデザインすることができます。

Adobe, Inc.

ヘルプをすばやく簡単に入手

新規ユーザーの場合