Affinity： 1つのレイヤーに複数のカーブを追加する方法

こんにちは、さち です。

Illustrator の代替としてコスパが良い Affinity Designer。低価格なのに高機能で、本格的なドロー（ベクターを描く）アプリです。

今回は、この Affinity Designer で、1つのレイヤーに複数の「カーブ（パス）」を追加する方法について書いていきます。

基本は、1カーブ・1レイヤー

1. 完成予想図がこちら。ひらがなの「ゆ」です。これを描いてみましょう。
   
2. 「ペン」ツールを選びます。
   
3. 「1画目」を描きます。
   
4. 「2画目」を描きます。
   
5. すると、「1画目」「2画目」はそれぞれ別のレイヤーになります。
   

この仕様自体に問題はありません。

しかし、上記のようにカーブで文字を作る場合は、複数のカーブを同じ1つのレイヤーにまとめる方が扱いやすいこともあります。

「レイヤー」や「グループ」を使って1つのレイヤーのように扱うこともできますが、今回は同じレイヤーにまとめる方法を使ってみます。

カーブを同じレイヤーにまとめる

方法1 - 描く時にまとめる

1. 「ペン」ツールを選びます。
   
2. 上部にある「選択されているカーブオブジェクトに新しいカーブを追加」ボタンをクリックしてオンにします。（Affinity by Canva では「（ペンツール設定）」の中にある同名の項目をオンにする）
   
3. 「1画目」を描きます。
   
4. ノードの選択を解除します。（「ノード」ツールで何もない所をクリックして、青色のノードをなくす）
   
5. 「2画目」を描きます。
   
6. 「1画目」「2画目」両方のカーブが、同じレイヤーにまとまりました。
   
7. もちろん、カーブは合体しておらず、別々の状態が維持されています。
   

方法2 - 別々のレイヤーをまとめる

1. すでに、「1画目」「2画目」を描いた状態です。
   
2. カーブは別々のレイヤーに分かれています。
   
3. まとめたい「カーブ」レイヤーを選択します。（Win：Ctrl キー、Mac：⌘ キー を押しながらクリック）
   
4. メニューの「レイヤー」→「ジオメトリ」→「カーブを結合」と進みます。（Affinity by Canva では、メニューの「ベクター」→「カーブを結合」）
   
5. 「1画目」「2画目」両方のカーブが、同じレイヤーにまとまりました。
   
6. もちろん、カーブは合体しておらず、別々の状態が維持されています。
   

挙動が違う同名の機能に注意

1. 上部の「アクション」にも同名の機能「カーブを結合」があります。しかし、これを使うと……
   
2. カーブがつながってしまいます。カーブをまとめる「結合」とつなげる「結合」、同名の機能でも挙動が違います。注意しましょう。（ややこしいので「カーブをつなげる」などに機能名を変えて欲しい）
   

カーブを別々のレイヤーに分ける

前述の方法とは逆に、1つのレイヤーの中にある複数のカーブを、別々のレイヤーに分けることもできます。

1. 複数のカーブがある「カーブ」レイヤーを選択します。
   
2. メニューの「レイヤー」→「ジオメトリ」→「カーブを分離」と進みます。
   
3. カーブが別々のレイヤーに分かれました。
   

Affinity に関する他の記事

Affinity

「Affinity」の記事一覧です。

at.sachi-web.com