Springfalfal

【affinity】- エフェクトを用いて立体感を出す

動画で紹介されているのは、

Illustratorの「ナイフツール」や「3D機能」を使った高度な編集ですが、

Affinity Designerでも同様の工程を再現可能です。

動画の主な流れは「形状のカット → 断面の作成 → 3D化(マッピング)」です。

これをAffinityで行う手順をまとめました。

1. 形状をカットする(動画の Scissors Tool 部分)

動画ではツボの片側を消して断面を作っています。

  1. ペンツール (P) でツボの半分(シルエット)を描くか、作成した図形を準備します。
  2. ノードツール (A) を選択し、切り離したい位置のノード(点)をクリックします。
  3. ツールバーの「カーブを分割」をクリックして線を切り離し、不要な側の線を Delete で消します。
    • これで動画のような「ツボの断面の線」が完成します。

2. 断面を閉じてベースを作る

動画ではカットした後に「面」を作っています。

  1. カットした線の端点同士をペンツールでつなぎ、閉じられたパスにします。
  2. カラーパネルで好きな色(動画では黒)で塗りを設定します。

4. 模様をマッピングする(動画の Pattern 部分)

動画ではツボの表面に花柄を貼り付けています。Affinityでは「クリッピング(中に入れる)」を使います。

  1. ツボの上に、貼り付けたい模様(花の画像など)を置きます。
  2. レイヤーパネルで、模様レイヤーをツボのレイヤーの中へドラッグします(ツボの名標のすぐ右下にドロップ)。
  3. これでツボの形に模様が切り抜かれます。
  4. 模様レイヤーのブレンドモードを「オーバーレイ」や「乗算」に変えると、ツボの影(エフェクト)と馴染んで自然な立体感になります。

3. 3D効果を適用する(動画の 3D Revolve 部分)

Affinity DesignerにはIllustratorのような本格的な3D回転機能はありませんが、「レイヤーエフェクト」で立体感を出し、模様を重ねる手法をとります。

  1. 作成した図形を選択し、レイヤーパネル下の [fx](レイヤーエフェクト) を開きます。
  2.  壺のカーブをピクセルレイヤーに変換
  3. つぼレイヤーに模様レイヤーを内包
  4. 壺レイヤーにエフェクト
  5. 3D -> グラデーションオーバーレイ -> ベベルとエンボス ->内側のシャドウ
  6. 模様レイヤーに
  7. メッシュワープ(壺の形に合わせる) -> ゆがみフィルター(壺の球面を表現)

これらの手順で平面の壺が一気に立体感を持った壺に変化します。

学習記録一覧へ