レイヤーを歪める/シアー調整する

「歪み」ツールを選択することでアクティブになるキャンバスコントロールを使って、レイヤーの頂点の位置を個別に変更したり、辺の中間点を水平方向または垂直方向にシアーしたり(傾けたり)できます。

「歪み」ツール

キャンバス内のレイヤーを歪める

  1. 「レイヤー」リストまたはキャンバスでレイヤーを選択します。

    キャンバスで、選択したレイヤーの周りに境界ボックスが表示されます。

  2. ツールバーで 2D 変形ツールのポップアップメニューをクリックしてマウスボタンを押したままにし、「歪み」ツールを選択します。

    2D 変形ツールのポップアップメニューから「歪み」ツールを選択します

    キャンバスの選択したレイヤーの周りに、8 個のハンドルを持つ境界ボックスが表示されます。

  3. キャンバスで四隅のコーナーハンドルをドラッグしてレイヤーの形状を歪めます。

    キャンバスで、オブジェクトが歪められています

    「情報」インスペクタの「四隅の角」パラメータがアップデートされます。

レイヤーを歪めた後に、「情報」インスペクタにあるレイヤーの「四隅の角」チェックボックスの選択を解除して、レイヤーを元のシェイプに戻すことができます。こうすることにより、レイヤーのシェイプはリセットされますが、キャンバスでドラッグして定義したシェイプはリセットされません。

キャンバスでレイヤーにシアーを適用する

  1. 「レイヤー」リストまたはキャンバスでレイヤーを選択します。

    キャンバスで、選択したレイヤーの周りに境界ボックスが表示されます。

  2. ツールバーで 2D 変形ツールのポップアップメニューをクリックしてマウスボタンを押したままにし、「歪み」ツールを選択します。

    2D 変形ツールのポップアップメニューから「歪み」ツールを選択します

    キャンバスの選択したレイヤーの周りに、8 個のハンドルを持つ境界ボックスが表示されます。

  3. 側面のハンドルまたは上下のハンドルをドラッグして、レイヤーをシアーします(傾けます)。上下のハンドルでは水平方向にシアーされます。左右のハンドルでは垂直方向にシアーされます。

    キャンバスで、オブジェクトにシアーが適用されています

    「情報」インスペクタの「四隅の角」パラメータがアップデートされます。

参考: 「歪み」ツールを使ってレイヤーをシアー変形しても、「情報」インスペクタの「変形」領域にある「シアー」パラメータは影響を受けません。代わりに、「四隅の角」パラメータが変更されて「シアー」エフェクトがシミュレートされます。その「シアー」パラメータを変更することもできるため、シアー変更されたオブジェクトをさらにシアー変更することで興味深いエフェクトを見ることができます。