![見出し画像](https://assets.st-note.com/production/uploads/images/139197383/rectangle_large_type_2_b85cc1f38cde12bc79c907571b949ccf.png?width=1200)
アピアランスで実現する「省略線」
省略線について、過去に何度か取り上げてきました。
ちょっとだけアップデートしたので、改めて。
手順
ベースになる線
線幅を細く(.001pt)設定し、[パスのアウトライン]効果を適用(→塗りとして扱われる)
〈塗り〉属性は非表示にしておきます。
![](https://assets.st-note.com/img/1714574092197-TrNN3BrpT0.png?width=1200)
省略部分
縦の罫線を描き、スクショのように設定します。
[形状に変換]効果で長方形化
[変形]効果で左端(右端)の縦罫に変更
[ワープ(旗)]効果で省略線っぽく
オレンジの〈塗り〉は便宜的に50%にしていますが、0%にします。
![](https://assets.st-note.com/img/1714574640499-A0bZBN5L5E.png?width=1200)
[形状に変換]効果の[幅に追加]の値を変更すると、横幅が変わります。
![](https://assets.st-note.com/img/1714575586400-8xMF9Mj593.png?width=1200)
グループ化
グループ化し、新規塗りを追加。その〈塗り〉に次のように設定します。
[パスファインダー(前面オブジェクトで型抜き)]効果
[パスのオフセット]効果(0.5pt)
![](https://assets.st-note.com/img/1714576419995-njVAt2pL62.png?width=1200)
バリエーション
ネットワーク図などの斜線の場合には、次のように設定します。
![](https://assets.st-note.com/img/1714576519787-pkM2meONyl.png?width=1200)
全体を回転すると、2本の罫線のツラが合いません。
![](https://assets.st-note.com/img/1714576685376-FY944hF6bC.png?width=1200)
ネットワーク図で使う省略線をアピアランスで pic.twitter.com/625EfxDXGG
— DTP Transit (@DTP_Transit) April 30, 2024
変更点
省略線部分を長方形から罫線にしました。
長方形だと、意図せず大きさが変わってしまいがちです。
グラフィックスタイルを絡めれば、一括更新できます。
ダウンロード
ここから先は
0字
/
1ファイル
¥ 100
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5