![見出し画像](https://assets.st-note.com/production/uploads/images/116677363/rectangle_large_type_2_49470f49b7ae8d7305647852136f183d.png?width=1200)
長方形グリッドツールとライブペイント、アピアランスで作る表組みのベース
シリョサクさんのツイートを拝見していて、Illustratorならどうするかな〜と考えてみました。
👇このくらいでいいなら表を使った方が絶対楽です。
— トヨマネ|パワポ芸人 (@toyomane) September 17, 2023
👇このくらい文字にメリハリをつけたいならオブジェクトもありです。(これは表機能で作っていますが…)
ちなみにこういう表の作り方は以下の動画で解説しています。https://t.co/jbklGxUzCO… pic.twitter.com/oqOpaN4kIh
作りたいのは、次のような表です。テキストは除外して考えます。
![](https://assets.st-note.com/img/1695147803053-CneCVPdxGo.png?width=1200)
2つのパーツで構成します。
![](https://assets.st-note.com/img/1695147931646-c1w0Pog5TB.png?width=1200)
基本となる表
[長方形グリッドツール]を使って6行4列の表を作成します。
![](https://assets.st-note.com/img/1695147971401-4hQhqUwPdn.png?width=1200)
前提として[長方形グリッドツール]をダブルクリックして[長方形グリッドツールオプション]を開き、[外枠に長方形を使用]オプションをOFFにしておきます。
![](https://assets.st-note.com/img/1695148152592-YWacWOsAmx.png?width=1200)
[外枠に長方形を使用]オプションがONだと外枠は長方形(4つの辺が連結)、OFFだと4つの辺は連結せず、別れたままです。
![](https://assets.st-note.com/img/1695148324331-SrUDN4QYIL.png?width=1200)
ライブペイントで着色
まずは[オブジェクト]メニューの[ライブペイント]→[作成]をクリックし、作成した長方形グリッドをライブペイントとして扱えるようにします。
![](https://assets.st-note.com/img/1695148499476-CYuCZsMfyo.png?width=1200)
塗りたいスウォッチを選択し、[ライブペイントツール]でドラッグして着色していきます。
![](https://assets.st-note.com/img/1695148634599-pZjxYWqaLO.png?width=1200)
次のように着色します。
![](https://assets.st-note.com/img/1695148768156-lMkjlh1RyU.png?width=1200)
左上のセルが空白になるように、2つのアンカーポイントを移動します。
![](https://assets.st-note.com/img/1695148831357-zWVfDRxlP9.png?width=1200)
[線]パネルを開き、線幅を調整します。罫線をつけたくない箇所は「線幅:0」に設定します。
![](https://assets.st-note.com/img/1695148980470-4w6EEe280X.png?width=1200)
強調したい列
強調したい列(3列目)はスナップを利用して別途長方形を作成します。
![](https://assets.st-note.com/img/1695149048034-Su8pyD4I0p.png?width=1200)
次のようにアピアランスを設定します。
![](https://assets.st-note.com/img/1695149154146-sbAgiiUupZ.png?width=1200)
流れ
長方形グリッドツールとライブペイント、アピアランスで作る表組みのベース#アピアランス100本ノック #常用アピアランス pic.twitter.com/p3KVwwfhZl
— DTP Transit (@DTP_Transit) September 18, 2023
ダウンロード
ここから先は
![](https://assets.st-note.com/production/uploads/images/7425662/profile_a5ee2a599e9dc5d7e0de3dfdbdf04018.jpg?fit=bounds&format=jpeg&quality=85&width=330)
DTP Transit 定期購読マガジン
マガジン限定記事やサンプルファイルをダウンロードできます。
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5