![見出し画像](https://assets.st-note.com/production/uploads/images/137217791/rectangle_large_type_2_e74c88d2da0527cb9cf7bd196637b295.png?width=800)
直しに強い表組みのセル背景
次のような表組みを作っていました。
![](https://assets.st-note.com/img/1713054202222-vuvbfIcOvq.png?width=800)
セル背景を長方形で作ると、大きさ変更する際、間隔の調整が絶望的に面倒です。アピアランスで解決しましょう。
手順
完成の「せル」を意識して罫線を描く
![](https://assets.st-note.com/img/1713054533156-oaHC8qLKUG.png?width=800)
グループ化し、[パスファインダー(分割)]効果を適用。最初の罫線の線幅やカラーの情報は消失します。
![](https://assets.st-note.com/img/1713054578786-tHE8ilYq8R.png?width=800)
新規塗りを加えます。
![](https://assets.st-note.com/img/1713054670598-LwMbbU6BV6.png?width=800)
[パスのオフセット]効果を適用します。負の値を設定するとガター(間隔)が付きます。
![](https://assets.st-note.com/img/1713054718108-F3Xs5wwbSU.png?width=800)
[角を丸くする]効果を適用すれば、それぞれの長方形が角丸になります。
![](https://assets.st-note.com/img/1713054763721-SJ7YxLoauM.png?width=800)
全体をカバーする背景を付けたい場合には、さらに新規塗りを追加し、次のように設定します。
[形状に変換(長方形)]効果を適用
[パスのオフセット]効果で少し大きく
![](https://assets.st-note.com/img/1713054873459-LNNvSMLr1T.png?width=800)
応用
[ダイレクト選択ツール]でパスを調整すれば、手軽に何度でも調整できます。
![](https://assets.st-note.com/img/1713055274386-1lqJg5DvAj.png?width=800)
アピアランスを分解すれば、見た目どおりの図形に変換されます。
![](https://assets.st-note.com/img/1713055164386-GF9EDQDhuq.png?width=800)
サンプルファイル
![](https://assets.st-note.com/img/1713055200367-ADOPOXguHM.png?width=800)
ここから先は
0字
/
1ファイル
¥ 100
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5