📌 この記事のポイント

• 極太の縁は「線」ではなく「塗り＋パスのオフセット」で作る

• 線で太らせると文字が潰れ、縁に隙間が残りやすい

• パスファインダーの分割で縁の隙間をきれいに埋められる

• 分割で消えない時はオプションのチェックを外す

• 塗りを複製すれば二重の縁やグラデーションの縁も作れる

2026年7月24日更新

潰れない極太の縁は「線ではなく塗り＋パスのオフセット」で作る

Illustratorで潰れない極太の縁取り文字を作るコツは、線で太らせるのをやめて、塗りにパスのオフセットをかけて太らせ、パスファインダーの分割で隙間を埋めることです。この方法なら、線では埋めづらい縁の隙間をなくし、ロゴのような迫力とすっきり感を出せます。

この記事は、NOT DESIGN SCHOOLの講座「Illustrator & Photoshop」のワークショップをもとにした実践ガイドです。講師は装飾ビジュアルを得意とするたぬきさんです。

参考動画：Illustratorワークショップ「普通の文字がロゴっぽく変わる」（NOT DESIGN SCHOOL）

なぜ線で作った袋文字は潰れて隙間ができるのか

袋文字とは、文字のまわりを縁で囲った装飾のことです。多くのやり方は「線」で縁をつけますが、線を太くすると2つの問題が起きます。

• 線が内側にも太っていき、文字の細い部分が潰れる

• 隣り合う文字や画数の間に縁の隙間が残る

この隙間をそのままにすると、ノイズのようにうるさく見えます。線でも隙間を埋めることはできますが、手順がややこしくなります。そこで、線を使わず「塗り＋パスのオフセット」で縁を作る方法が有効です。2つのやり方の違いを整理すると次の通りです。

塗り＋パスのオフセットで文字を太らせる

パスのオフセットとは、パスの形を外側（または内側）に広げる効果です。塗りに対してかけることで、文字を潰さずに縁を太らせられます。手順は次の通りです。

1. 文字を入力し、分割されている場合はグループ化する

2. アピアランスパネルで新規塗りを追加する

3. 追加した塗りを「内容」の下にドラッグして、元の文字色を前面に戻す

4. 下にした塗りを選んだ状態でFX→パス→パスのオフセットを選ぶ

5. 数値を上げて太らせる（作例では14px前後）

6. 角の形状を「ラウンド」にして、角をきれいにする

オフセットの数値は文字の太さによって変わります。縁として十分な太さになれば大丈夫です。角がいびつになる場合はラウンドにすると整います。マイターのままだと角がとがって割れることがあるので、ロゴ用途ではラウンドが扱いやすいです。

パスファインダーの分割で隙間を埋める

パスのオフセットで太らせても、文字同士の間に隙間が残ることがあります。ここを埋めるのがパスファインダーの分割です。

文字オブジェクトを選び、アピアランスパネルで縁の塗りを選択した状態で、FX→パスファインダー→分割を適用します。これだけで隙間が消えることもありますが、消えない場合は次の操作をします。

1. アピアランスパネルに追加された「分割」をダブルクリックする

2. オプション画面の下にある「分割およびアウトライン適用時に塗りのないアートワークを削除」のチェックを外す

3. すると隙間が埋まり、縁がひとつながりになる

この一手間で、縁の内側がきれいに埋まり、ロゴのような明快さが出ます。極太の縁と隙間埋めは、この作例で一番持ち帰ってほしい部分です。線ではこの「隙間をひとつながりにする」処理が難しいので、塗り＋オフセット＋分割の組み合わせが効いてきます。

手順を通しで｜「特性味噌ラーメン」で作る極太の縁

流れを実感するために、シンプルな文字で通して作ってみましょう。太めの明朝体で「特性味噌ラーメン」と入力し、色はRGBで230・10・40にします。文字が分割されていればグループ化します。

1. アピアランスパネルで新規塗りを追加すると、いったん黒で覆われる

2. その黒い塗りを「内容」の下にドラッグして、元のオレンジを前面に戻す

3. 黒い塗りを選び、FX→パス→パスのオフセットで14px・角ラウンドにして縁を太らせる

4. 塗りを選んだままFX→パスファインダー→分割を適用し、分割をダブルクリックしてチェックを外し、隙間を埋める

5. 縁の塗りを複製（アピアランスパネル右下のプラス）し、オレンジ色を適用する（Illustrator 2026なら「最近使用したカラー」から選べます）

6. 複製した塗りにパスのオフセットをかけて、さらに太い縁を外側に足す

これで、黒い極太の縁の外側にオレンジの縁が重なった、二重の縁取り文字ができます。同じ考え方で色や太さを変えれば、いろいろなロゴ風の縁が作れます。

二重の縁・グラデーションの縁を作る

アピアランスはレイヤー構造なので、塗りを複製すれば縁のバリエーションを増やせます。

• 二重の縁：縁の塗りを複製し、色を変えてパスのオフセットで外側にさらに太い縁を足します。内側と外側で色を変えると、コントラストの効いた縁になります。

• グラデーションの縁：縁の塗りにグラデーションをかけます。グラデーションパネルの左上のアイコンでグラデーションを適用し、色と角度を調整します。たとえば紫系（RGB 130・30・240から130・30・120）で角度を90度にして反転すると、上が明るく下が濃い縁になります。

• 立体感のある縁：縁の塗りを複製し、片方に反転グラデーションを重ねて、パスのオフセットを少しだけ太く（作例では17〜18px）します。上下の色の差で、縁に軽い立体感が生まれます。

どれも「塗りを複製して、色・グラデ・オフセットを変える」という同じ手順の応用です。

うまく隙間が埋まらない時の対処

分割をかけても隙間が埋まらない場合は、文字同士の距離が原因のことが多いです。文字詰めが開きすぎていると、縁がつながらず埋まりません。

対処は、文字を近づけることです。ダイレクト選択ツールやグループの編集モードで文字の間隔を詰めると、縁がつながって隙間が埋まります。ロゴっぽい文字は密度が大切なので、スカスカにせず詰め気味にするのがコツです。密度が上がると、縁がひとかたまりに見えて迫力も増します。

限界と注意点｜万能の縁取りではない

この方法は強力ですが、いつでも最適とは限りません。誠実に3つの注意点を共有します。

• 細い文字や小さい文字には不向きな場合がある：極太の縁は、ある程度の太さと大きさがある文字で映えます。細い書体では潰れやすいので、書体選びから考えます。

• 文字詰めの調整が前提になる：隙間を埋めるには文字を詰める必要があります。密度の設計とセットで考えてください。

• 重ねすぎると動作が重くなる：塗りや効果を多く重ねると、ファイルが重くなることがあります。ここは案件の規模で調整します。

よくある質問（FAQ）

Q. なぜ線ではなく塗りで縁を作るのですか？

線で太らせると文字が内側にも潰れ、縁に隙間が残りやすいためです。塗りにパスのオフセットをかけると、文字を潰さずに縁を太らせられます。

Q. 縁の隙間が埋まりません。

パスファインダーの分割を適用し、追加された分割をダブルクリックして「分割およびアウトライン適用時に塗りのないアートワークを削除」のチェックを外します。それでも埋まらない場合は、文字を詰めてください。

Q. パスのオフセットは何pxにすればいいですか？

文字の太さによります。作例では14px前後を使っています。縁として十分な太さになり、角がラウンドで整っていれば大丈夫です。

Q. 角がとがって割れてしまいます。

角の形状がマイターになっていることが多いです。パスのオフセットの角の形状を「ラウンド」にすると、角が丸くなって割れを防げます。

Q. 二重の縁は作れますか？

作れます。縁の塗りを複製し、色を変えてパスのオフセットで外側にさらに太い縁を足します。アピアランスはレイヤー構造なので何重にも重ねられます。

Q. 縁にグラデーションはかけられますか？

かけられます。縁の塗りにグラデーションを適用し、角度を調整します。塗りを複製して反転グラデーションを重ねると立体感も出せます。