ノードツール03/Affinity3


Affinityのノードツール解説ブログ記事のサムネイル画像
ノードツール02/Affinity3 の続き

続いて、こちらの機能について解説していきます。
Affinityのノードツール選択時にコンテキストツールバーに表示される変形モードや各種オプションのボタン群

変形モード

選択したノードにバウンディングボックスが表示されます。
コンテキストツールバーの変形モードアイコンがONになっている状態
バウンディングボックスを操作して、サイズを変更したりまとめて移動させたりできます。
複数のノードをまとめて制御したいときに便利。
ノードツールで選択された複数のノードを囲むバウンディングボックスの表示画面
以降の項目は「変形モード」をONにしないと使えない機能です。

変形の起点を有効にする

コンテキストツールバーの変形の起点を有効にするアイコンがONになっている状態
バウンディングボックスの変形の起点を表示・移動できます。
キャンバス上でバウンディングボックスの変形の起点(中心点)をドラッグして移動している様子
起点をドラッグで移動可能。

起点を中心に、拡大縮小したり、回転したりできます。
移動した変形の起点を基準にしてキャラクターイラストの一部のノード群を回転変形させている画面
AffinityにはIllustratorのパペットワープみたいな機能がないので、この機能を使ってうまく編集していく形になります。
AIで生成された無数の複雑なノードを持つベクターオブジェクトがキャンバスに表示されている画面
元の絵がAIで出したやつだからノードぐちゃぐちゃであまりうまくいってないけど、
ちゃんとしたベクターイラストだったら、結構いい感じに編集できます。

ドラッグ中に選択を隠す

通常はサイズ変更などでドラッグ中、バウンディングボックスは表示されたままですが、これにチェックを入れると、ドラッグ中にバウンディングボックスが非表示になります。
コンテキストツールバーのドラッグ中に選択を隠すオプションのチェックボックス
ちょっと見やすくなるかな?
ドラッグ中のみバウンディングボックスの枠線が非表示になりオブジェクトの形状が確認しやすくなっている状態

整列ハンドルを表示

整列時に便利な、「整列ハンドル」という矢印が表示されます。
コンテキストツールバーの整列ハンドルを表示オプションがONになっている状態
これを使うと、ノードの右寄せや下寄せ、中央揃えとかが楽にできます。
バウンディングボックスの周囲に表示された整列ハンドルの矢印をクリックしてノードを整列させている画面
ノードを中央に整列。
ノードの位置を揃えたいときとかに使うと便利です。
整列ハンドル機能を使用して複数のノードが綺麗に中央に一列に揃った状態

カーブからの選択ボックス

バウンディングボックスの枠を、ノードのみの枠にするか、選択したノードから伸びる線も対象にするか選べます。
コンテキストツールバーのカーブからの選択ボックスオプションの有効・無効を切り替えるボタン
例えば、以下のような線があったとします。
カーブからの選択ボックスがONの時にコントロールハンドルで引っ張られた曲線の最外径までバウンディングボックスが広がっている画面
ONの時は上の山までバウンディングボックスに入りますが、
OFFの時はノードの位置までしかバウンディングボックスが表示されません。
カーブからの選択ボックスがOFFの時にハンドルによる曲線を無視してノードが配置されている座標のみを囲むバウンディングボックスの画面
自分が見やすい方にしてあげて下さい。

図形ツールで作ったシェイプの編集

図形ツールで作った図形がノードツールで編集できない! って時は、
メニューの「ベクター」-「カーブに変換」で、図形からカーブに変換してください。
Affinityのレイヤーパネルで長方形などの図形オブジェクトを選択している状態の画面
レイヤーの名前が、図形名から「カーブ」に変わり、編集できるようになります。
デフォルトショートカットキーは「Ctrl+Enter」です。

暴発しやすい&イラレと揃えたいので、自分は「Ctrl+Shift+o(おー)」のショートカットキーを充ててます。
カーブに変換を適用した結果レイヤーパネルの表示名がカーブに変更されノードツールで自在にアンカーポイントを編集可能になった画面
一度カーブに変換してしまうと、図形に戻すことはできません。
内径とかコーナーとか、各図形固有の編集ができなくなるので注意してください。

少しでも参考になれば!(=・ω・=)

このブログの人気の投稿

イラレにないPANTONEカラーを使う方法/Pantone Connectの使い方