この記事では、フェイス、プレイヤー、マスクの描画方法について説明します。
フェイスとは、マッピングのアウトラインを描画するために使用する幾何学的な図形で、後からビジュアルエフェクトを配置する場所でもあります。あらかじめ用意されたフェイスを使用することも、点をつないで描画することもできます。
詳しくは、以下のビデオチュートリアルをご覧いただくか、その後に記載されている手順に従ってください。
フェイスの作成
あらかじめ用意されたフェイス
基本的な図形だけが必要な場合は、あらかじめ用意されたフェイスを使用すると作業を簡単にできます。上部ツールバーからドラッグ&ドロップして、正方形、三角形、円を追加できます。また、作業エリアを右クリックすると、5~10辺の正多角形も追加できます。
カスタムフェイス
カスタムフェイスを描画するには、まずツールバーから描画ツールを有効にするか、[CTRL/Cmd + F]を使用します。
図形の描画を開始するには、キャンバス上で最初のポイントを配置したい場所をクリックします。ポイントを追加するには、次の2つの方法があります。
- 新しいポイントを配置したい場所をクリックするだけで、ハンドルのないポイントが追加され、直線が作成されます。
- または、ポイントを追加する際にクリック&ドラッグすると、新しいポイントにミラー化された接線が追加されます。これによりベジェ曲線が作成され、ハンドルを使って曲線のパスを調整できるようになります。
フェイスを完成させるには、最初のポイントをクリックするか、Enterを押してパスを閉じます。または、Escapeを押すとパスを閉じ、同時に描画モードを終了できます。
すべてのパスは閉じる必要があるため、最低3つのポイント(および1つのセンター +)が必要ですが、上限はありません。また、同じフェイス内で直線セグメントと曲線を自由に組み合わせることもできます。
[Shift]を押したままクリックすると、直前に作成したポイントと同じX軸またはY軸上に新しいポイントを作成できます。
フェイスの編集
フェイスの操作
座標、サイズ、回転など、図形の基本的な操作や変形については、専用の記事で説明しています。
ポイントの移動
カスタムポリゴンとあらかじめ用意された図形に違いはありません。すべてのドットは独立しており、自由に配置できます。図形上のポイントをクリックするか、なげなわ選択を使用すると、ポイントを個別に選択できます。フェイスを選択したときと同様に、選択したポイントは黄色になります。
その後、頂点を簡単に移動または削除できます。異なる図形の角を同時に移動することもできます。
一度に1つのポイント(頂点またはハンドルポイント)を選択した場合、2.13以降では、プロパティパネルからX座標とY座標に正確なピクセル値を入力できます(原点(0,0)はキャンバスの左上隅です)。
フェイスには、削除できず、アウトライン上にもない独自のポイントが1つあります。それがセンター +です。その動作については、専用のチュートリアルで詳しく説明しています。
ポイントの追加
既存のフェイスにポイントを追加することもできます。手順は次のとおりです。
- ツールバーで編集ツール
を選択するか、[Ctrl/Cmd + E]を使用するか、フェイスをダブルクリックして有効にします。
- ポイントを追加したいフェイスを選択します。セグメントの中央に白いドットが表示されます。
- 中央のポイントをクリックするだけで、そのポイントをフェイスに追加できます。中央のポイントをダブルクリックすると、ミラー化されたハンドルを持つ頂点を直接追加することもできます。
- フェイスの編集が完了したら、Escapeまたはショートカットを使用するか、ツールバーで選択を解除して、編集ツールを無効にします。
編集モードが有効な場合でも、すべての図形(フェイス、ポイント、ハンドルなど)の操作(移動や削除)は引き続き行えます。
ハンドルの調整
前述のとおり、描画時に同じフェイス内で直線のポイントと曲線を組み合わせることができます。曲線ポイントにはそれぞれ2つのハンドルがあり、調整することでパスの曲線を定義できます。また、後からポイントの種類を編集することもでき、さらに多くの選択肢があります。ポイントの種類は全部で4つあります。
-
直線ポイント:描画ツールでクリックしたときのデフォルトのポイントです。ハンドルのない単純なポイントです。2つの直線ポイント間のパスは直線になります。
-
ミラー化されたハンドル:描画ツールでクリック&ドラッグして曲線ポイントを追加したときのデフォルトのハンドルタイプです。ポイントの両側にある2つのハンドルは同じ長さで一直線上にあり、角度も同じです。一方のハンドルの長さまたは向きを調整すると、もう一方もミラーのように連動します。
-
非対称ハンドル:ポイントの両側にある2つのハンドルは一直線上にあり、角度も同じですが、長さは同じである必要がありません。一方のハンドルの長さまたは向きを調整すると、もう一方は角度のみが連動し、距離は連動しません。
-
分離ハンドル:ポイントの両側にある2つのハンドルは完全に独立しています。一方のハンドルの長さまたは向きを調整しても、もう一方には影響しません。つまり、片側にハンドルがあり、もう片側にはハンドルがない状態にすることもできます。
ポイントのハンドルタイプを編集する方法はいくつかあります。
- まず、ポイントをダブルクリックするだけで、直線からミラー化(またはその逆)に変換できます。すばやく簡単に切り替えられます。
- 4種類のハンドルにアクセスするには、インターフェイス左側のプロパティパネルにあるハンドルセレクターを使用します。ポイントを選択すると表示されます。
ポイントのハンドルタイプを設定すると、ハンドルを簡単に調整できます。上のGIFに示されているように、ポイントをクリックするとハンドルが表示され、ハンドルのコントロールポイントをつかんで移動できます。ハンドルを選択すると黄色になります。
曲線上のポイントからハンドルを1つだけ削除すると、ポイントタイプが自動的に分離に設定されます。
コメント
0件のコメント
サインインしてコメントを残してください。