境界線の幅ツール/Affinity3


Affinity Designerの境界線の幅ツール解説ブログアイキャッチ画像
線の太さを自由に変えられる、「境界線の幅ツール」について解説します。

境界線の幅ツール

「境界線の幅ツール」はベクタースタジオの、「ベクター塗りブラシツール」を長押しすると出てくる、ちょっとわかりにくい場所にあります。
ベクタースタジオのツールパネルでベクター塗りブラシツールを長押しして境界線の幅ツールを表示している状態
デフォルトのショートカットキーが「w」なので、「w」を何回か押していると境界線の幅ツールが選択できます。
(競合のショートカットがあるらしく、一回じゃ選択できません)

使い方

ペンツールなどで、線を書きます。
ペンツールで描画された均一な太さのシンプルな青いベクターカーブの線
境界線の幅ツールで、線の上をドラッグします。
境界線の幅ツールで線の上をドラッグして、選択したポイントに青い幅調整用のハンドル(バー)が表示された状態
線の両端にある、青いバーをドラッグして、線の太さを調整することができます。
また、線の上をクリックしたりドラッグしたりして、好きなだけ制御点を増やすことも可能。
複数の制御点を追加し、場所によって線の太さが滑らかに変化しているベクターカーブ
制御点を消したいときは、ダブルクリックで消せます。

また、Ctrl+クリックすれば、太さを数値で入力できます。
Ctrl+クリックで表示された、全幅・左幅・右幅をピクセル単位の数値で指定できる境界線の幅パネル
制御点をCtrl+ドラッグで、太さを変えないまま横にスライドできます。
Ctrlキーを押しながらドラッグして、線幅のサイズを維持したまま制御点の位置を横に移動させている様子
制御点をShift+ドラッグで、制御点の位置を変えないまま太さを変えられます。
Shiftキーを押しながらドラッグして、制御点の位置を固定したまま全体の線幅のみを拡大縮小させている様子
クローズパスの始点と終点の幅を変えたい時は、Shiftを押しながらドラッグすると、始点と終点の幅を変えられます。
クローズパスの結合部分で、Shiftキーを押しながら始点と終点の幅を個別にずらして調整している円形のパス
ずらした始点と終点の幅を一緒に戻したいときは、要らない方の制御点マークをダブルクリックしてください。
片方の制御点をダブルクリックして、始点と終点の幅のズレを解消して均一に戻した状態
Illustratorみたいに、片方の幅だけを広くするとかはできないみたいです。
ややこしくなるので、逆にできない方がいいんじゃないかな(=・ω・=)

どうしても片側だけ太くした線を書きたいときは、線を複製して、「ベクター」-「境界線を展開」でその部分だけ広げるとそれっぽく作れます。

コンテキストツールバーの項目

ラインの太さをロック

コンテキストツールバーに表示されている「ラインの太さをロック」アイコンボタン
ONにすると、一番太いところ以上に線を太くすることができなくなります。
「ラインの太さをロック」をONにして、設定された最大幅を超えないように制御点を操作している状態

ポイントの順序をロック

コンテキストツールバーに表示されている「ポイントの順序をロック」アイコンボタン
OFFの時は、制御点をスライドさせて他の制御点を超えることができますが……
ポイントの順序をロックがOFFの時に、制御点が隣の制御点を通り越して交差するようにスライドしている様子
ONにすると、他の制御点を超えることができません。
ポイントの順序をロックがONの時に、制御点が隣の制御点に突き当たってそれ以上進まない状態

カーブノードにスナップ

コンテキストツールバーに表示されている「カーブノードにスナップ」アイコンボタン
ONにすると、ノードが表示され、制御点をノードにスナップできます。
カーブノードにスナップがONになり、ベクターの丸いノード(アンカーポイント)の位置が可視化されている線
幅調整の制御点がカーブのノード位置に磁石のようにぴったりスナップした瞬間
ONにしておくと便利だと思います。

同じカーブの幅にスナップ

コンテキストツールバーに表示されている「同じカーブの幅にスナップ」アイコンボタン
ONにすると、線幅指定の時にすでにある線の幅でスナップできます。
新しい制御点の幅を広げる際、同一線上の別の制御点と同じ幅になった位置で赤いスナップガイド線が表示されている様子
あると滅茶滅茶便利なんで、チェック入れておくといいと思います。

プロファイルをリセット

設定した線幅をすべてリセットします。

パスブラシを指定してしまうと、「プロファイルのリセット」と、境界線の「実線スタイル」を指定しても、線幅をいじった瞬間にまたパスブラシになってしまうというバグがあります。
境界線のプロファイルをリセットしても線幅変更時に対象のベクターパスブラシに戻ってしまう不具合の画面
その時は、パスブラシから適当に「画像ブラシ」を選んでから「プロファイルのリセット」境界線パネルで「実線スタイル」にすれば、元の実線に戻ります。
画像ブラシを経由してプロファイルのリセットを行い、標準の実線スタイルへの復旧に成功した境界線パネルの設定画面
バグ……だと思ってるんだけど。仕様じゃないよな?(=・ω・=;)

一応、「ペン」の「筆圧付きソリッドブラシ」でも直ります。
直るブラシ設定と、直らないブラシ設定があるみたい。
境界線の幅ツールを用いて強弱をつけ、ペンタブレットの筆圧感知のように美しく表現されたベクターの線画イラスト
境界線の幅ツールを使えば、ペンタブレットがなくても、入り抜きの強弱をつけた、勢いのある線が書けます。
強弱をつけた魅力的な線画で描かれたかわいいキャラクターの全身ベクターイラスト
一度作った線のプロファイルは、「境界線パネル」で保存することができます。
境界線パネル内の「プレビュー」項目とプロファイルをカスタム保存するボタンのUI画面
詳しくは「境界線パネルについて/Affinity3」にて。

このブログの人気の投稿

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