【Affinity Designer ２.6】破線・点線・斜線の作り方

お疲れさまです。アリスのCookBookにようこそ。今回は，Affinity Designer 2.6 を使用して破線や点線の作り方を紹介します。初心者にもわかりやく解説しますので，最後まで見ていってきださいね♪

[境界線パネル] の使い方

直線を引く

はじめに，[境界線パネル] の使い方をマスターしましょう。[ペンツール] を使用して直線を引きます。ここでは，線の幅を 10 pt としています。

[破線スタイル] を選択

[破線スタイル] を選択すると，点線または破線に変更できます。

[ラウンド線端] と [バット線端]

[ラウンド線端] を選択すると点線と丸い破線に， [バット線端] を設定すると四角い破線になります（わかりやすいように，線の幅は拡大しています）。

[破線] と [ギャップ] （バット線端）

破線のパターンも設定できます。[バット線端] の方が理解しやすいので，先に [バット線端] から見ていきましょう。[破線パターン] で数値の入力欄の下に白いラインが表示されている項目が破線（線分）の長さ，黒いラインが表示されている項目がギャップ（間隔）の長さとなります。

[破線] と [ギャップ] （ラウンド線端）

[ラウンド線端] では，ギャップの値を 1 と入力しても隙間ができません。破線の値を 0 にするとどうでしょうか。長さはゼロとなりますが，線の両端から丸型が形成されるため点として表示されます♪

なぜ，このようになるかというと [ラウンド線端] の場合，線の端から丸い部分が飛び出しているためです。ちょっと，表現が難しいのですが，簡単にいうと下の図のようになイメージになります。

[バランスダッシュパターン] とは？

[バランスダッシュパターン] が有効な場合 ： 点線や破線パターンのパターンは，シェイプのアウトラインに沿って継ぎ目なく滑らかに表示され，すべてのコーナーで対象になります。

[バランスダッシュパターン] が無効の場合 ： [フェーズ] 項目が活性化され， フェーズ値を設定することで，点線や破線パターンの開始位置を手動で調整することができます。

いろいろな破線を作ってみるよ♪

次は，[線端] を [バット線端] に設定して，いろいろな破線を作っていきますね。

1. [破線] [ギャップ] ともに 1 を設定した例です。

2. [破線] を 1 ， [ギャップ] を 2 に設定すると間隔が広がります。

3. [破線] を 2 ， [ギャップ] を 1 に設定すると，線が長くなります。

3. Affinity Designer 2.6 では，3 つまでの [破線] と [ギャップ] の組合を使用して，複雑な線のパターンを設定することもできます。1 組目の [破線] と [ギャップ] を 1 に，2 組目の [破線] を 3 ， [ギャップ] を 1 に設定するとこんな感じになります。

5. [破線] や [ギャップ] の値には，小数を使用することもできます。[破線] [ギャップ] ともに 0.3 を設定してみました。

6. ⑤で作成した破線の線幅を広げるとどうなるでしょうか。10 pt から 50 pt に変更してみましょう。前述したとおり，破線とギャップの長さは，対象の線幅が基準となるため，破線とギャップも線幅と連動して広がっているのがわかりますね（設定値は 0.3 のまま変更ありません）。

【実践編】点線の作り方

では，おさらいをかねて点線をつくってみましょう！

【応用編】斜線の作り方

ここからは応用編です。破線に斜体をかける方法をご紹介しますね♪

まとめ

この記事では，Affinity Designer 2.6 を使用した破線や点線の作り方を紹介してきました。 [破線] と [ギャップ] の組合せで様々な破線や点線をデザインすることができます。バナー広告や，サムネイルの製作で破線や点線を使うこともけっこうあるかと思います。ぜひマスターしてくださいね。最後までご覧いただきありがとうございました。