Affinityでジグザグを書く方法／Affinity3
AffinityにはIllustratorの「ジグザグ」みたいな効果がありません。
なので、ジグザグや波線を作りたいときは、ペンツールで書くことになります。
ペンツールで書くのも面倒なので、簡単なジグザグの作り方をご紹介。
1.ベクタースタジオに切り替え、ツールから「ひし形ツール」を選択する
ベクタースタジオの下記画像の位置に、「ひし形ツール」があるので、それを選択してください。長方形ツールを長押しすると出てきます。
2.作りたいギザギザの大きさにドラッグし、指を離さないまま右矢印キーを押して好きな長さまで並べる
ひし形の上半分が、作りたいギザギザの大きさになります。画面上をドラッグしてひし形を描いている最中にカーソルキーの右を押すと、押した数だけひし形を増やすことができます。
作りたい長さまでひし形を増やしてください。
ちなみに、右矢印キーを長押しするとひし形の間隔が空いてしまうので、
ポンポンと軽く叩くように押して増やしてください。
好きな数に増やした後にShiftを押すと、縦横比が同じ、キレイなひし形が書けます。
3.ひし形の塗りをなくし、線を好きな色と太さにする
ひし形の塗りをなくして、線を好きな色と太さに変更してください。今回は黒にしました。
移動ツールでひし形を囲むようにドラッグすると、一気にひし形を選択できます。
Shift＋Xで塗りと線の色を逆転できます。
4.全部のひし形を選択し、メニューの「ベクター」－「カーブを結合」をクリックして合体し、ひとつのオブジェクトにする
メニューから「ベクター」－「カーブを結合」をクリックして合体させてください。
ブール演算「追加」で作成してもＯＫです。
とりあえずひとつのオブジェクトになればＯＫ。
5.ノードツールを選択し、下部分をドラッグして以下のように選択します。
ノードツールは、ベクタースタジオで上から３番目の位置にあります。
青くなったところが選択されているところです。
ひし形の下の点部分のみ青くなるよう、ドラッグで囲んであげてください。
ひし形が選択されていないときは、２回ドラッグするような操作感になります。
白くなっていると選択できていないので、必ずノード□が青くなっているか確認してください。
6.コンテクストツールバーから「カーブを切断」をクリック
コンテクストツールバーのこの位置にある、「カーブを切断」をクリックして、選択部分を切断してあげて下さい。
青いノードの上で右クリックして「カーブを切断」でもＯＫです。
7.もう一度下部分を選択し、Delキー、もしくはBackSpaceキーで削除する
ノードツールでもう一度下部分をドラッグして選択し、削除してあげて下さい。削除すると、ギザギザの線になります。
下部分を「ノードを切断」で切らないまま削除すると、こんな感じになります。
一度切断してから削除することで、オープンパスになります。
そのままだと結合部分がまだ離れているので、気になる方はノードをすべて選択したあと、
コンテキストツールバーから、「カーブを結合」をクリックしてください。
右クリックで「カーブを結合」を選んでもＯＫです。
一応、ひとつのレイヤーにまとまってるので、この作業をやらなくても問題なく使えます。
↑端が重なっているだけで、一本の線になっていない。
↓この作業で一本の線にできる。
あとは、好きなようにサイズ変更して使うことができます。
一度作った後アセット登録しておくと便利。
波線を作りたいとき
波線にしたいときは、コーナーツールを選択して、ノード□を選択。（白くなっている時は選択できていないので、もう一度ドラッグで囲んで青くして下さい）
ノードの上でドラッグすると、どのくらい丸くするかのガイドが表示されるので、好きな波線になるまでドラッグしてあげて下さい。
片側しか丸くできないときは、ノードが分かれちゃってるので、
ノードツールですべてを選択してからコンテキストツールバーの「カーブを結合」をクリックしてください。
右クリックで「カーブを結合」を選んでもＯＫです。
両端が気になった場合は、適当なところでナイフツールなどを使って要らない部分を切ってあげてください。
円を使って同じように作れば、こんな感じの線も作れます。
なんか、もっと他に簡単に作れる方法ありそうだな……(=・ω・=)
またもっといい方法とか見つけたら、この記事に追記しておきます！
少しでも参考になれば！
