マニュアル キャンセル

「パスのオフセット」シェイプエフェクトを使用してシェイプを変更する

  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. 計画と設定
  4. Workspaces
    1. 一般ユーザーインターフェイスアイテム
    2. After Effects インターフェイスについて
    3. ワークフロー
    4. Workspaces、パネルおよびビューア
  5. プロジェクトとコンポジション
    1. プロジェクト
    2. コンポジションの基本
    3. プリコンポーズ、ネスト化およびプリレンダリング
    4. コンポジションプロファイラーを使用した詳細なパフォーマンス情報の表示
    5. CINEMA 4D コンポジションレンダラー
  6. フッテージの読み込み
    1. 静止画の準備と読み込み
    2. After Effects および Adobe Premiere Pro の読み込み
    3. ビデオとオーディオの読み込みと変換
    4. 3D イメージファイルの準備と読み込み
    5. フッテージアイテムの読み込みと変換
    6. フッテージアイテムでの作業
    7. シーン編集の検出を使用した編集ポイントの削除
    8. XMP メタデータ
  7. テキストとグラフィック
    1. テキスト
      1. 文字の書式設定と文字パネル
      2. テキストエフェクト
      3. テキストレイヤーの作成と編集
      4. 段落の書式設定と段落パネル
      5. テキストレイヤーとシェイプレイヤーの押し出し
      6. テキストのアニメーション化
      7. テキストアニメーションのサンプルとリソース
      8. Live Text テンプレート
    2. モーショングラフィック
      1. After Effects でのモーショングラフィックステンプレートの操作
      2. エクスプレッションを使用した、モーショングラフィックステンプレートのドロップダウンリストの作成
      3. エッセンシャルプロパティを使用したモーショングラフィックステンプレートの作成
      4. モーショングラフィックステンプレートおよびエッセンシャルプロパティでの画像とビデオの置き換え
      5. プロパティパネルを使用して、すばやく簡単にアニメートする
  8. 描画、ペイント、パス
    1. シェイプレイヤー、パス、ベクトルグラフィックの概要
    2. ペイントツール:ブラシ、コピースタンプおよび消しゴム
    3. テーパシェイプストローク
    4. シェイプレイヤーのシェイプ属性、ペイント操作およびパス操作
    5. 「パスのオフセット」シェイプエフェクトを使用したシェイプの変更
    6. シェイプの作成
    7. マスクを作成
    8. コンテンツに応じた塗りつぶしパネルを使用したビデオからのオブジェクトの削除
    9. ロトブラシとマットを調整
  9. レイヤー、マーカー、カメラ
    1. レイヤーの選択と配置
    2. 描画モードとレイヤースタイル
    3. 3D レイヤー
    4. レイヤープロパティ
    5. レイヤーの作成
    6. レイヤーの管理
    7. レイヤーマーカーとコンポジションマーカー
    8. カメラ、ライト、目標点
  10. アニメーション、キーフレーム、モーショントラッキング、キーイング
    1. アニメーション
      1. アニメーションの基本
      2. パペットツールを使用したアニメーション化
      3. シェイプパスとマスクの管理とアニメーション化
      4. After Effects を使用した Sketch と Capture シェイプのアニメーション化
      5. 多彩なアニメーションツール
      6. データ駆動型アニメーションの操作
    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 のカラーマネジメント
  13. エフェクトおよびアニメーションプリセット
    1. エフェクトおよびアニメーションプリセットの概要
    2. エフェクトリスト
    3. エフェクトマネージャー
    4. シミュレーションエフェクト
    5. スタイライズエフェクト
    6. オーディオエフェクト
    7. ディストーションエフェクト
    8. 遠近エフェクト
    9. チャンネルエフェクト
    10. エフェクトの生成
    11. 時間エフェクト
    12. トランジションエフェクト
    13. ローリングシャッターの修復エフェクト
    14. ブラー&シャープエフェクト
    15. 3D チャンネルエフェクト
    16. ユーティリティエフェクト
    17. マットエフェクト
    18. ノイズ&グレインエフェクト
    19. 「詳細を維持しながらアップスケール」エフェクト
    20. 旧バージョンエフェクト
  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. 3D モデルからのライトとカメラの抽出およびアニメーション化
    9. 3D カメラの移動のトラッキング
    10. シャドウを落とすおよび受ける
    11. 埋め込まれた 3D モデルアニメーション
    12. シャドウキャッチャー
    13. 3D 深度データ抽出
    14. 3D レイヤーのマテリアルプロパティの変更
    15. 3D デザインスペースでの作業
    16. 3D 変形ギズモ
    17. 3D アニメーションによるその他の操作
    18. Mercury 3D エンジンを使用した、3D デザインへのリアルタイムのプレビュー変更
    19. グラフィックへのレスポンシブデザインの追加
  16. ビューとプレビュー
    1. プレビュー
    2. Mercury Transmit を使用したビデオプレビュー
    3. ビューの変更と使用
  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 の設定の同期
    4. After Effects の Creative Cloud ライブラリ
    5. プラグイン
    6. 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 の処理

ここでは、「パスのオフセット」シェイプエフェクトを使用してシェイプを変更し、シェイプリピーターを作成する方法について説明します

パスの操作はエフェクトに似ています。これらのライブの操作は、シェイプのパスに作用し、他のシェイプ操作(塗りやストロークなど)を適用できるパスを作成できます。元のパスは変更されません。そのうちの 1 つはパスのオフセットです - 元のパスからパスをオフセットすることによって、シェイプを拡張または縮小します。クローズパスの場合、「量」の値が正であればシェイプが拡大され、負であれば縮小されます。

コントロール

次のプロパティから選択できます。

  • 線の結合」:オフセットパスのセグメントが結合される場所でのパスの形状を指定します。それには 3 つのオプションがあります。
    • ベベル結合:線のコーナーが四角形になります。
    • ラウンド結合:線のコーナーが丸くなります。
    • マイター結合:コーナーが鋭角的になります。
  • 角の比率:マイター結合からベベル結合に切り替わる限界を指定します。例えば、4 に設定すると、ポイントの長さが線の太さの 4 倍になったときに、ベベル結合に切り替わります。角の比率に 1 を設定すると、常にベベル結合になります。
  • コピー数:パスまたはシェイプのコピーを作成するために使用します。デフォルトでは、1 に設定されています。
  • コピー数オフセット:シェイプを外側または内側に移動します。レトロな雰囲気など、興味深い背景を作り出します。同心円コピーを作成して、幾何学的なテクスチャ、万華鏡のようなエフェクト、パターンを生成することもできます。また、マンダラのデザイン、モーションポスター、アニメーションの文字を作成することもできます。レターのコピーが互いに結合する傾向がある場合は、ストロークの幅を減らしてみてください。

それで何ができますか?

単一のシェイプパスの複製を同心円状に作成する

時間を節約し、実験的なアニメーションを作成できます。

互いを基準にした相対位置でアニメーション化する

すべてのコピーをどのようにアニメーション化しても、位置は互いに相対的です。同じアンカーポイントを共有し、同じサイズと位置でアニメーション化します。

コピーをオフセットして、ネストまたは拡大するアニメーションを作成する

「コピー数オフセット」プロパティを使用して、折りたたみ効果または拡張エフェクトを作成できます。たとえば、フレームの外側からシェイプが表示され、全体が中央に折りたたまれるアニメーションなどです。

他のシェイプカスタマイズ機能を適用する

また、ダッシュ、パスのトリミングなどの他のシェイプの変更を使用して、異なる外観を作成することもできます。

パスのオフセットを使用して繰り返しシェイプを作成する方法

繰り返しシェイプを作成するには、次の手順を実行します。

  1. コンポジションを作成し「 コンポジション」/「新規コンポジション」を選択します。

    または

    ホームスクリーンで「新規コンポジション」タイルをクリックします。

    または

    プロジェクトパネルの「Comp」アイコンをクリックします。

  2. シェイプ」ツールアイコンをクリックし、「スター」ツールを追加します。コンポジションパネルで、シェイプを描画します。

  3. タイムライン」パネルにシェイプレイヤーが追加されます。三角形をクリックしてコンポーネントを表示します。その下の右側にある「追加」をクリックし、ドロップダウンから「パスのオフセット」を選択します。 

    パスのオフセット
    パスのオフセットシェイプエフェクトを選択する

  4. シェイプを拡張する場合は、値を正の値に設定します。縮小するには、負の値に設定します。0 の場合は、そのまま変わりません。

  5. シェイプのエッジのスタイルを維持するには、「線の結合」プロパティで、ドロップダウンから「マイター結合」を選択します。 さまざまな「線の結合」オプションについて詳しくは、さまざまな線の結合オプションを使用してシェイプリピーターを試すを参照してください。

  6. これにモーションを追加する場合は、キーフレームを使用します。「コピー数のオフセット」プロパティの横にあるストップウォッチをクリックし、値を調整します。小さい値から始め、徐々に値を増やすことができます。値を変更するたびに、キーフレームが現在の時間インジケーターに基づいて追加されます。詳しくは、キーフレームの設定または追加を参照してください。

さまざまなライン結合オプションを使用して、図形リピーターを試す

エッジの丸みを制御するさまざまなライン結合オプションから選択できます。コピーを作成し、ベベルまたはラウンド結合でオフセットすると、形状とは異なるデザインを取得できます。マイター結合は元の形状を保持します。いろいろ試してみて、何が効果的かを確認するのが良いでしょう。

マイター結合の場合は、尖ったエッジになります。

ラウンド結合の場合は、丸い滑らかなエッジになります。

ベベル結合の場合は、多角形のエッジになります。

例 - 文字の同心シェイプリピーターを作成する

このアニメーションで作成して実験する場合は、サンプル .aep プロジェクトをダウンロードして開始してください。「パスのオフセット」シェイプエフェクトをいろいろと試して、このアニメーションをベースにすることができます。

ダウンロード

ご質問またはアイデアがある場合は、

この機能の仕組みを理解できたので、実際の例をコミュニティに紹介し、作業を共有しましょう。皆様からのご意見やパスのオフセットシェイプエフェクトで作成された作品をお待ちしております。

 

 Adobe

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

新規ユーザーの場合

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン