【Affinity】 図形を徐々に変化させる「ブレンドツール」の使い方

こんにちは、さち です。

Affinity に関する他の記事

Affinity

「Affinity」の記事一覧です。

at.sachi-web.com

今回は、Affinity のバージョン「3.3」から実装された新機能「ブレンドツール」の使い方を紹介します。

上図のように「図形（シェイプ・カーブ）」を自動で徐々に変化させる面白い機能ですよ。

基本操作

作成

1. キャンバスに「三角形（ポリゴンツール）」を描きます。
   
2. さらに、離れた場所に「円（楕円ツール）」を描きます。
   
3. 「ブレンドツール」をクリックします。
   
4. 先ほど作成した2つのシェイプを「選択」します。
   
5. 画面上部にある「ブレンドグループを作成」をクリックします。
   
6. 「三角形」から「円」へ徐々に変化する過程が追加されました。これが「ブレンドツール」の効果です。
   
7. 「ブレンドツール」を使用したシェイプは、「ブレンドグループ」の中に入ります。シェイプの「色」「サイズ」などは後から変更でき、変化の過程も自動で更新されます。
   

例では「シェイプ」を使用しましたが、「カーブ」を使用することもできます。

また、「個数」も今回は2個でしたが、3個以上をブレンドすることも可能です。

ステップ数（変化の数）

1. 「レイヤー」パネルで、「ブレンドグループ」内にある「レイヤー」の左側にあるアイコンをクリックします。
   
2. すると、パネルが表示されてブレンドの「設定」を変更できます。今回は例として「間隔」を「ステップ」にして、「ステップ数」を「7」にしてみます。
   
3. 「三角形」から「円」に変化する過程の数が増えました。
   

その他の設定

「分布」の偏り

1. 画面上部にある「分布バイアス」モードをクリック。
   
2. 初期設定では「中央」に配置されています。ドラッグして移動すると……
   
3. 変化の過程の分布が偏ります。
   

「パス」の形を変える

1. 画面上部にある「パスの範囲、向き、セクション」モードをクリック。
   
2. 初期設定ではブレンドパスが「直線」になっています。これをドラッグすると……
   
3. ブレンドパスの形が変わります。
   
4. レイヤーパネルには「ブレンドパス」が追加されています。
   
5. ブレンドパスは、「ノードツール」を使うことでカーブと同じように編集できます。
   
6. また、ブレンドパス上にある「」「」をドラッグ移動することで、使用するブレンドパスの範囲を変更できます。
   

パスから「シフト」する

1. 画面上部にある「起点と参照点」モードをクリック。
   
2. ドラッグすることで、位置をブレンドパスからシフトできます。
   

「マッピング」の調整

1. 画面上部にある「カーブの内挿マッピング」モードをクリック。
   
2. ブレンド前後のマッピングを確認でき、ドラッグで移動することもできます。