見出し画像

波線の作り方(Xd)

Xdでの波線の作成方法を記載します。

なお、figmaでの作成方法は以下の記事に記載しています。


波線の作り方

今回はひし形を利用して作成します。

1.多角形ツールで三角形を作成後、下画像赤枠部分の『コーナーポイント』に『4』を入力することで、オブジェクトがひし形にします。

2.リピードグリッドを設定し、ひし形を複製します。
その後、複製オブジェクト間の間隔をマイナスにして被らせます。

3.リピートグリッドを解除し、下画像赤枠部分を選択して複製オブジェクトを合体させます。

4.【オブジェクト】→【パス】→【パスに変換】を選択します。

5.オブジェクトをダブルクリック後、Alt(Windows) + delete or option(Mac) + deleteを打ちます(オブジェクトの始点と終点の間を開けることができます)。
その後、ドラッグで選択して下半分のパスを削除します。

6.パスをダブルクリックし、角を丸めます。

7.すべての角を丸めれば波線の完成です。

幅を調整したり塗りを設定することで下画像のような応用ができます。

まとめ

以上、波線の作り方でした。

この記事が気に入ったらサポートをしてみませんか?