詳しい人求む！

イラストレーターで文字の背景に自動で入れた長方形の左側の角だけ丸く（右側だけ直角に）する方法

解決済

質問者：1973kanda
質問日時：2023/04/21 11:08
回答数：4件

イラストレーターでアピアランスを使って、文字の背景に文字サイズに合わせた角丸長方形を設定した場合に、

添付画像のように角丸長方形の一部のみ角丸 → 直角にする方法を教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： wanderer1
回答日時：2023/04/24 19:40

天地幅は一定になる、という前提ではありますが、それなりに方法はあります。

1）文字を入力する

2）文字を選択。アピアランスから「新規塗り」を追加する

3）「新規塗り」の色を、表示させたい色に変更する。黒なら黒でOK。

4）さらに文字を選択。アピアランスから「新規塗り」を追加する。これを「新規塗り2」と呼ぶ。

5）追加された「新規塗り2」を、アピアランスウインドウの「新規塗り1」より下へ移動する。

6）「新規塗り2」を選択して、アピアランス左下のfxアイコンから「パスのアウトライン」を選択する。

7）パスのアウトラインを選択してfxアイコンから「形状に変換＞長方形」を選択する。

8）「オプション」では「サイズ：」の部分で「値を追加」を選択。「幅に追加」を0mm、「高さに追加」を好きな数値にする。

9）効果を加えた「新規塗り2」の色を決める。お好みの色をどうぞ。アピアランスウインドウの「パスのアウトライン」は「長方形」よりも上になるよう調整する。

10）さらに文字を選択。アピアランスから「新規塗り」を追加する。これを「新規塗り3」と呼ぶ。追加された「新規塗り3」を、アピアランスウインドウの「新規塗り1」より下へ移動する。

11）「新規塗り3」も同様に、#5〜#6をしたうえで、「形状に変換＞角丸長方形」を選択する。

12）「オプション」では「サイズ：」の部分で「値を追加」を選択。「幅に追加」と「高さに追加」を、「新規塗り2」で決めた高さにする。今回は幅も高さも同じ値にするのが肝。

13）「角丸の半径」という設定オプションがあるので、高さよりも多めに設定しておく。違う文字サイズにも適応できるようになる。100mmとか入力してもいける。

14）「新規塗り3」を選択してfxアイコンから「パスの変形＞変形…」を選択する。

15）「移動」の「水平方向」をマイナス側にすると、丸いパーツが左側から出てくる。いい感じの位置を探してください。

16）この段階で左側は丸くて、文字の背景は色ベタ、だけど右側に余白というか余裕がないモノ、ができると思います。

17）これまでの方法と同じように、「新規塗り」をもうひとつ作って、fxアイコンから、アウトラインかけて、形状に変換＞長方形にして、パスの変形＞変形…で水平方向をプラス側にする。

こんな感じで作ったアピアランスをグラフィックスタイルに追加しておくと、とりあえずは狙ったことができると思います。