Springfalfal

【affinity】線を用いて立体感を出す

動画(Adobe Illustratorでの操作)の内容を、Affinityで再現するための手順をまとめました。

AffinityにはIllustratorの「ブレンドツール」や「リフレクトツール」と全く同じボタンはありませんが、「シンメトリー(対称)機能」「リピート(複製)機能」を組み合わせることで、より直感的に同様の効果を作成できます。

ステップ1:グラスの片側の輪郭を描く

Illustratorでは「ハサミツール」で半分にしていましたが、Affinityでは最初から「シンメトリーモード」を使うのが最も効率的です。

  1. ペンツール(ショートカット:P)を選択します。
  2. 画面上部のコンテキストツールバーにある「シンメトリー(対称)」にチェックを入れます。
  3. 「ロック」を解除して、中心となる垂直線をガイドに合わせて配置し、再度「ロック」します。
  4. グラスの片側のラインを描くと、リアルタイムで反対側も描画され、綺麗なグラスの形が出来上がります。
    • ※もし既に描いた線がある場合は、「反転(Flip Horizontal)」して配置し、2つのパスを選択して「結合(Join Curves)」してください。

ステップ2:断面のライン(ブレンドの代わり)を作成する

動画では「ブレンドツール」で複数の線を作っていますが、Affinityでは「移動・複製ダイアログ」を使うのがスムーズです。

  1. ペンツールでグラスの中央に中心線を1本描きます。
  2. その線を選択した状態で、Enterキー(またはReturn)を押します。
  3. 「移動・複製」ダイアログが表示されるので、以下の設定を行います:
    • 水平移動(x): 右方向に数ピクセル。
    • 複製数(Copies): グラスの端に線が当たるまで。
  4. 「OK」を押すと、一気に等間隔のラインが生成されます。
  5. このラインを全てまとめたグループ「ラインの束」を作成します。

ステップ3:グラスの形に切り抜く(マスク作成)

動画でグラスの形の中に線が収まっている工程です。

  1. レイヤーパネルで、「ラインの束」レイヤーを「グラスの形」レイヤーの中(サムネイルの右下あたり)へドラッグ&ドロップします。
  2. これでグラスの形に沿ってラインがマスク(クリッピング)されます。
  3. 「ラインの束」レイヤーを選択してメッシュワープツールでグラスの膨らみに合わせて歪ませます。

ステップ4:グラデーションと仕上げ

動画の最後で色を変えている工程です。

  1. ラインの束を選択し、
  2. 「レイヤーエフェクト」->「グラデーションツール」を選択します。
  3. 角度を270°に設定し、調整します。
  4. 「レイヤーエフェクト」->「カラーオーバーレイ」を選択します。
  5. 描画モードを「乗算」に設定し、好みの色を選択します。
  6. 線(ストローク)の太さを微調整して、立体感を出せば完成です。

Affinityでのポイント:

  • ブレンドツールの不在: Affinityには「2つの異なる形の線をつなぐブレンド」機能がまだありません。しかし、今回のような等間隔のラインであれば、上記ステップ2の「移動・複製」が最も速くて正確です。
  • 非破壊編集: レイヤーパネルでマスクしたラインは、後からでも個別に動かしたり色を変えたりできるので、Illustratorよりも修正が楽な場合があります。

この手順で進めれば、動画のようなプロフェッショナルな3DラインアートがAffinityでも作成可能です。ぜひ試してみてください!

学習記録一覧へ