![見出し画像](https://assets.st-note.com/production/uploads/images/114820923/rectangle_large_type_2_2be8c23f910782de5db080006b925ce3.png?width=800)
Illustratorのアピアランスで実装する箱矢印 2023
図解などで多用する「箱矢印」について、ずっと取り組んできたのですが、決定版ができました。
ポイントとしては次の3つ。
伸ばしても崩れない
極限まで縮められる
▲部分の高さが一定
むっちゃ伸ばして崩れなく、また、▲部分の高さが一定で、かつ限界まで小さくできる箱矢印できた。#アピアランス100本ノック #常用アピアランス pic.twitter.com/AS7KS1OVtq
— DTP Transit (@DTP_Transit) August 30, 2023
ロジック
座布団部分は2つのパーツで構成します。
![](https://assets.st-note.com/img/1693386504147-GAVsrF00W5.png?width=800)
▲部分は次のようにこねます。
![](https://assets.st-note.com/img/1693386585355-moFdFutIKs.png?width=800)
活用例
スマートガイドやスクリプトと組み合わせと、爆速でチャート作成できます。
アピアランス、スクリプト、スマートガイドの合わせ技で30秒弱で作成するチャート#Illustrator #アピアランス100本ノック #常用アピアランス pic.twitter.com/cwqHt96RUB
— DTP Transit (@DTP_Transit) September 2, 2023
バリエーション
上下左右、また、角丸ある/なしを用意しました。
![](https://assets.st-note.com/img/1693386634938-N9f1DIztcH.png?width=800)
上記のロジックとは異なるアプローチですが、罫線のみバージョンも用意しました。
![](https://assets.st-note.com/img/1693386732884-8ZIXTM5Ar1.png?width=800)
整列とオフセット
エリア内文字に対してアピアランスを設定していますので、オブジェクトやガイドに〈スナップ〉します。ただし、罫線がある場合、その分、オフセットが必要です。
![](https://assets.st-note.com/production/uploads/images/114851320/picture_pc_72d2b2d735e0c588588ce3d8f0953425.gif?width=800)
表部分ですが、最後に[パスのアウトライン]効果と[パスファインダー(合流)]効果を加えると塗りになります。
![](https://assets.st-note.com/img/1693502163240-IdRaK3byXM.png?width=800)
[パスのアウトライン]効果と[パスファインダー(合流)]効果をOFFにすると、それぞれ別の長方形になります。
![](https://assets.st-note.com/img/1693502266090-vHUDiJYiB8.png?width=800)
ダウンロード
お試し
![](https://assets.st-note.com/img/1693386830381-fS6WBJ1GJS.png?width=800)
フル版
![](https://assets.st-note.com/img/1693386873905-WfBeI09HYH.png?width=800)
ここから先は
20字
/
1ファイル
¥ 100
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5