Motionでベジェのコントロールポイントを編集する

ベジェシェイプの調整は、ほかの多くのアプリケーションの場合と同様の方法で行います。ベジェシェイプ内の各ポイントは、鋭いコーナーからカーブに切り替えることができます。

以下の手順を実行するには、「ポイントを編集」ツール(キャンバスツールバーの変形ツールポップアップメニューにあります)を選択しておく必要があります。

キャンバスツールバー。変形ツールから「ポイントを編集」ツールを選択しています

ベジェコントロールポイントをコーナーからカーブに変換する

Motionのキャンバスで以下のいずれかの操作を行います:

  • Commandキーを押しながらカーブポイントをクリックして、コーナー(直線状)ポイントに切り替えます。

  • Commandキーを押しながらコーナーポイントをドラッグしてカーブ(ベジェ)ポイントに切り替え、調整可能な接線ハンドルを作成します。

  • 選択したポイントをControlキーを押しながらクリックし、ショートカットメニューから「直線状」または「スムーズ」を選択して、コントロールポイントのタイプを変更します。

コントロールポイントの接線ハンドルを使ってベジェカーブを調整する

カーブのベジェコントロールポイントには2つの接線ハンドルがあり、それを使用してコントロールポイントのどちら側でもシェイプの湾曲を調整することができます。これらのハンドルをさまざまな形に調整することで、対称および非対称のカーブを作成することが可能です。デフォルトでは2つの接線ハンドル間の角度が180度に固定されていますが、この設定を解除して各接線ハンドルを個別に調整することができます。

  1. Motionのキャンバスで、ベジェポイントを選択します。

    ポイントに2つの接線ハンドルが表示されます。

  2. 必要に応じて以下の操作を行います:

    • 接線ハンドルの長さまたは角度を調整する: 接線ハンドルをドラッグします。

      ベジェカーブがドラッグする方向に引っ張られたり、ねじれたりします。デフォルトでは、隣り合う接線ハンドルは180度にロックされており、一方の接線ハンドルの角度を調整するともう一方も調整されます。ただし、それぞれの接線ハンドルの長さは、個別に調整することができます。

      キャンバス。隣り合う接線ハンドルに対し、個別に長くした接線ハンドルが表示されています
    • 接線ハンドルを切り離して、両側を別々に調整する: Optionキーを押しながら接線ハンドルをドラッグします。または、Controlキーを押しながらハンドルをクリックし、ショートカットメニューから「分割ハンドル」を選択します。

      「分割ハンドル/ハンドルを揃える」ショートカットメニュー

      この関係が解除されると、片方の接線ハンドルを調整してももう一方には影響を与えず、どちらの接線ハンドルも独立して回転させることができます。

      キャンバス。隣り合う接線ハンドルに対し、個別に回転させた接線ハンドルが表示されています
    • 切り離した接線ハンドルを独自の角度に固定する: 切り離した接線ハンドルのポイントをOptionキーを押しながらドラッグします。または、ハンドルのポイントをControlキーを押しながらクリックし、ショートカットメニューから「リンクハンドル」を選択します。

      これで移動および回転するときに接線ハンドルの関係が維持されます。また、Commandキーを押したままハンドルのポイントをドラッグすることで、長さの異なる2つの接線ハンドルを同じ比率で拡大/縮小できます。

    • 切り離した接線ハンドルをデフォルトの関係に戻す: 切り離した接線ハンドルのポイントをControlキーを押しながらクリックし、ショートカットメニューから「ハンドルを揃える」を選択して、接線ハンドル間を180度に揃えます。

      接線ハンドルの角度を45度単位で調整するには、Shiftキーを押したまま操作します。複数のコントロールポイントのハンドルを同時に変更するには、Shiftキーを押しながら(同じスプライン上の)ポイントを選択し、接線ハンドルを調整します。

      重要: タイミングツールバーにある記録ボタンを有効にすると、カーブ調整にキーフレームが設定され、アニメーションシェイプに変化が生じます。また、「シェイプ」インスペクタの「ジオメトリ」パネルで「コントロールポイント」パラメータにキーフレームを追加すると、記録ボタンの状況に関係なく、カーブの調整にキーフレームが追加されます。

Morty Proxy This is a proxified and sanitized view of the page, visit original site.
役に立ちましたか?
入力可能な文字数: 250
入力可能な文字数は 250 です。
フィードバックありがとうございます。
Morty Proxy This is a proxified and sanitized view of the page, visit original site.