![見出し画像](https://assets.st-note.com/production/uploads/images/103703728/rectangle_large_type_2_49310f67f9c320e8d3fd824d21725b7d.png?width=1200)
完全に囲まない吹き出し(間延びしないバージョン) 【完全版】
どこかに空白があったり、しっぽが“棒”だったり、囲み部分が罫線など、完全に囲まない吹き出しが今風です。
文字数が変わっても“しっぽ”部分が間延びしないバージョンにてバリエーションを作りました。
更新情報:
・縦組み版を追加しました(2023年4月26日)
・しっぽが突き出るバージョンを追加しました(2023年5月2日)
・カプセル形状バージョンを追加しました(2023年8月13日)
ロジック
3つの罫線を組み合わせています。
![](https://assets.st-note.com/img/1682185031954-j4wd13l4LX.png?width=1200)
線部分はオープンパスにしていますので、線端は完全な角丸になっています。
![](https://assets.st-note.com/img/1682185162046-5C2P9zXz1P.png?width=1200)
固定したい距離を[変形]効果で移動コピーして、[パスファインダー]効果で型抜きなどを行っています。
![](https://assets.st-note.com/img/1682185066175-z64CwJpRyc.png?width=1200)
エリア内文字バージョンもあります。
![](https://assets.st-note.com/img/1681823263894-IifwWn7cBP.png?width=1200)
囲んでいますが、グループ化、「グループの抜き」を使わない吹き出しを追加
![](https://assets.st-note.com/img/1682513828495-CUfZ9KEW5u.png?width=1200)
縦組み版を追加
![](https://assets.st-note.com/img/1682513855763-nZrTLkV56R.png?width=1200)
ダウンロード
サンプルとして1つだけ。
![](https://assets.st-note.com/img/1681833377402-fNLqRYXOqi.png?width=1200)
バリエーション
エリア内文字版も含め、考えつくバリエーションを網羅しました。
![](https://assets.st-note.com/img/1682575031230-r8agvBSxic.png?width=1200)
![](https://assets.st-note.com/img/1682575033857-p8rDadJ9kd.png?width=1200)
![](https://assets.st-note.com/img/1682575045732-oozaBjMXKF.png?width=1200)
![](https://assets.st-note.com/img/1682575053950-7Zpc1rUzZ5.png?width=1200)
![](https://assets.st-note.com/img/1682575060442-2dES8S4SJY.png?width=1200)
![](https://assets.st-note.com/img/1682575101858-Ixhtg67hmt.png?width=1200)
![](https://assets.st-note.com/img/1682575090188-V5qjcJToKT.png?width=1200)
![](https://assets.st-note.com/img/1682575111808-AdVwRmgf9o.png?width=1200)
しっぽが突き出るバージョン
追加しました(2023年5月2日)。
![](https://assets.st-note.com/img/1683001685395-UzbhbRPpUg.png?width=1200)
エリア内文字にて、しっぽが左右のバージョンを追加
![](https://assets.st-note.com/img/1684636428760-IsoBDSt6DD.png?width=1200)
線幅の変更にはスクリプトが便利
線幅を変更したい場合には、構成されている線をすべて同じ値で変更してください。
高橋としゆきさん謹製のスクリプトを使うのが得策です!
追記(2023年8月14日)
追加しました。
![](https://assets.st-note.com/img/1691940781793-HT7YHwLND8.png?width=1200)
ここから先は
0字
/
4ファイル
¥ 300
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5