マニュアル キャンセル

シェイプストロークにテーパーをつける方法

  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 の処理

シェイプストロークにテーパーをつけて、興味深いアニメーションを作成し、シェイプに滑らかさを加える方法について説明します。

シェイプレイヤーに波形、先の尖った、または丸いストロークを作成し、ストロークの外観をアニメーション化して、興味深いグラフィック要素を作成します。Illustrator とは異なり、シェイプ上の任意のポイントで任意の太さを定義できます。その代わりに、After Effects には、端をテーパーまたはウェーブできるパラメーターがあります。

ストロークをテーパリングするとともに、この機能は徐々に太さを減らし、より洗練された外観を作り出します。アニメーションの開始と終了のスムーズなテーパリングを時間の経過と同時に強調できます。シェイプレイヤーでストロークの作成を新規におこなう場合は、シェイプの線と塗りで始めることができます。

テーパーストロークでは次のことが可能です。

パスに沿ったテーパーの開始位置を調整する

ストロークの開始位置にテーパーを付けたり、テーパーの長さを設定したり、イーズを制御したりできます。
例えば、ストロークの中央からのみテーパリングを開始するには、「先端部の長さ」プロパティを使用して値を 50%に設定します(「長さの単位」にパーセントを使用する場合)。

両端でストロークにテーパーを付ける

開始の長さ」プロパティと「終了の長さ」プロパティを使用して、どちらの側でもストロークをテーパーできます。例えば、ウェーブの両端を中央と比べて、より流動的でシームレスにしたりできます。

テーパーの丸みを調整する

テーパリングは尖ったエッジを与えることができますが、両側から柔らかくすることができます。「イーズの開始」と「イーズの終了」プロパティを使用します。

ストロークの全長に沿ってさまざまな太さのウェーブを作成する

ストロークにウェーブを追加したり、太さを調整して実験的な外観にすることもできます。ウェーブパラメーターを使用してウェーブを追加します。

テキストからシェイプを作成する

テーパリングを他のストロークカスタマイズと組み合わせる

また、ダッシュ、パスのトリミングの追加などの他のストロークの変更を使用して、異なる外観を作成することもできます。たとえば、書き込みテキストアニメーションを作成し、「パスのトリミング」プロパティを使用してアニメーションにモーションを追加できます。

コントロール

開始する前に、テーパーストロークを操作するコントロールを次に示します。

テーパー:パスに沿ってストロークの幅を調整するために使用します。

長さの単位:2 つのオプション、パーセントピクセルから選択します。例えばパスをトリミングしてパスのサイズをアニメーション化する場合は、テーパーの長さをパスの長さに対して不変に保つためにピクセルを使用することをお勧めします。パスの長さに対して相対的にしたい場合は、たとえば、中央から最後まで (50% を使用)テーパリングする場合は、パーセントを使用します。

開始の長さストロークの開始位置からテーパーの長さを制御します。

後端部の長さ:ストロークの終了位置からのテーパーの長さを制御します。

開始 :パスの開始の長さに沿ってテーパリングの太さを制御します。エフェクトを確認するには、開始の長さをゼロ以外の値に設定する必要があります。

終了 パスの終了の長さに沿ってテーパリングの太さを制御します。o エフェクトを確認するには、終了の長さをゼロ以外の値に設定する必要があります。

イーズ の開始:開始の長さに沿ったテーパーの丸みを制御します。ストロークに沿ってテーパーの鋭いエッジに作用し、それらを柔らかくしてより自然な外観にします。スライダーを使用すると、負の値は尖ったテーパー、0 は線形のテーパー、それを超える値は丸みのあるテーパーになります。

イーズ の終了:端の長さに沿ってテーパーの丸みを制御します。ストロークに沿ってテーパーの鋭いエッジに作用し、それらを柔らかくしてより自然な外観にします。スライダーを使用すると、負の値は尖ったテーパー、0 は線形のテーパー、それを超える値は丸みのあるテーパーになります。

ウェーブ:パスに沿ってストロークにウェーブを追加するために使用します。

  • :ストロークに追加されるウェーブの強度と数を制御します。値を小さくすると浅いウェーブが生じ、値が大きいほど、より深いウェーブが生じます。
  • 単位:波長をピクセルまたはサイクルのどちらで測定するかを制御します。閉じたシェイプパスは、エッジの連続性を維持するため、サイクルを使用できます。
  • 波長:ウェーブの間隔を制御します。分散したウェーブには小さい数を使用し、よりタイトなウェーブには大きな数値を使用します。
  • 位相:この機能を使用して、パスに沿ってウェーブをオフセットし、パスの長さ全体でウェーブをアニメーション化できます。

異なる結果を得るためにさまざまなウェーブの単位から選択します

サイクルに設定された単位

単位がサイクルに設定されている場合、波長パラメーターはサイクルになります。「波長」の値を 1 に設定すると、ストロークに 1 つのウェーブが表示されます。波長の増分に伴ってウェーブの数が増加します。閉じたシェイプに最適です。

ピクセルに設定された単位

単位がピクセルに設定されている場合、波長パラメータはピクセルになります。開いたシェイプストロークで最も効果的です。

シェイプストロークにテーパーをつける方法

すべてのコントロールを設定し、理解したら、先に進み、シェイプにストロークを作成します。

テーパー

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

    または

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

    または

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

  2. ペンツールをクリックするか、G キーを押します。直線を描き、それに応じてシェイプを変更します。ストロークのサイズと塗りつぶしのカラーを調整します。太いストロークサイズでより顕著な結果を得ることができます。

  3. タイムラインパネルで三角形をクリックしてコンポーネントを表示します。「シェイプレイヤー」/「コンテンツ」/「ストローク 1」/「テーパー」の順に選択します。

    テーパー付けされたメニュー
    テーパーパラメーター

  4. 長さの先頭にテーパリングをおこなう場合は、「開始の長さ」プロパティとスライドを使用して値を調整します。同様に、その他の変更については、「テーパー」パラメーターの他のコントロールを変更します。

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

ウェーブ

次の手順を使用して、ストロークにウェーブを追加します。

  1. 同じ「ストローク 1」パラメーターで、「テーパー」の下に「ウェーブ」があります。三角形をクリックして開いて、プロパティを表示します。

    ウェーブメニュー
    ウェーブパラメーター

  2. 」プロパティを使用して、ウェーブの強さを調整します。

  3. より狭いウェーブ(例えば葉の場合)では、波長を低い値に設定します。髪の毛を作るなどの緩いウェーブの場合は、より高い値に設定します。

  4. パスに沿ってウェーブをオフセットする位相を設定し、パスの長さ全体でウェーブをアニメーション化できるようにします。4 秒のスパンで 0 から 360 までアニメーション化します。

注意:

テーパーストロークを Illustrator から読み込むことはできません。現在、ネイティブの After Effects ストロークのテーパーストロークのみを使用できます。

例 - テーパー線で書き込みエフェクトを作成する

このアニメーションで作成して実験する場合は、サンプル .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 日 マイアミビーチおよびオンライン