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

Question

イラストレーターでアピアランスを使って、文字の背景に文字サイズに合わせた角丸長方形を設定した場合に、

添付画像のように角丸長方形の一部のみ角丸 → 直角にする方法を教えてください。

wanderer1 · Accepted Answer

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

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アイコンから、アウトラインかけて、形状に変換＞長方形にして、パスの変形＞変形…で水平方向をプラス側にする。

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

princeigor · Answer

うーん。アピアランスの変形に三種類しかないから無理かも。ごめんなさい。
イラレフォーラムへ！
https://community.adobe.com/t5/illustrator%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/ct-p/ct-illustrator-jp?page=1&sort=latest_replies&lang=all&tabid=all&profile.language=ja

princeigor · Answer

よく考えたら、左のこのパスをダイレクト選択ツールで選んでから、ダイブコーナーで角丸にすればよかった笑

princeigor · Answer

ダイレクト選択ツール（白い矢印）で、円弧のパスを選択して削除してしまえば？パスは切れるけどこれが一番簡単

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

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

うーん。

よく考えたら、左のこのパスをダイレクト選択ツールで選んでから、ダイブコーナーで角丸にすればよかった笑

ダイレクト選択ツール（白い矢印）で、円弧のパスを選択して削除してしまえば？パスは切れるけどこれが一番簡単

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング