Illustratorで1つの枠に2色の線を重ねる|アピアランスで管理する
太い色付きの線に細い線を重ねた枠を作るとき、長方形を何枚も重ねる代わりに、一つのオブジェクトへ複数の線を持たせる方法があります。アピアランスパネルで線を追加し、太さと重なり順を分けて管理します。ここではデスクトップ版Illustratorの単純な長方形パスを例にします。
パスを増やしたいのか、同じパスの見た目を増やしたいのか
今回は、一つの長方形を移動すれば、二色の枠も一緒に動く状態を作ります。外側へ別の形を作成するオフセットパスや、別々の長方形を重ねる方法とは目的を分けます。
アピアランスは、オブジェクトに設定する線や塗りなどの見た目を扱います。同じオブジェクトに線を追加する操作であり、別の加工用パスを作った証明にはなりません。装飾と物理的な仕上がり線は区別してください。
最初は、塗りなしの長方形と2本の線だけにする
説明用には、塗りを持たない長方形を一つ使います。選択ツールでその長方形だけを選び、[ウィンドウ]→[アピアランス]を開きます。グループ全体ではなく、目的のオブジェクトを選べているかを確認します。
既存の線を細い線として使い、パネルの[新規線を追加]でもう一本を追加します。各線の行を選んで、それぞれの色や関連するプロパティを設定します。例では細い線を2pt、太い線を6ptとします。色は区別できる二色を選びます。
数値は設定の違いを見るための例です。塗り、透明効果、破線などを同時に重ねず、まず二本の通常の線だけで確認すると、何が隠れているかを追いやすくなります。
太い線を下に置き、細い線が見える順序にする
アピアランスパネル内で線の行を上下にドラッグし、細い線を上、太い線を下に置きます。上にある太い線が下の細い線を覆っていた場合は、この順序を見直します。
これはパネル内の属性の重なり順を変える操作です。アートボード上の長方形自体を前面へ移動する操作とは違います。「最前面へ移動」を繰り返す前に、同じオブジェクトの中でどちらの線が上かを見てください。
色が一色にしか見えない場合は、二本が同じ太さになっていないか、設定する線の行を選び間違えていないかも確認します。複雑な既存原稿では、別の塗りや効果が重なっている可能性もあるため、本稿の単純な例と同じ条件かを切り分けます。
線だけを隠す・消す操作を使い分ける
一本の線の効果を確かめるには、その属性の表示を一時的に切り替え、どの線がどの部分を作っているかを見ます。不要な線を削除する場合も、アピアランス内で対象の線を選び、選択アイテムの削除を使います。
アピアランスをすべて消去する操作は、一本の線だけを消す操作とは別です。長方形そのものを削除したり、必要な塗りや線までまとめて消したりしないよう、対象の行を確認してから実行します。
一つの枠として編集でき、配布時にも二色を見分けられるか
最後に枠を移動し、二色が一つのオブジェクトの外観として扱えているかを確認します。一本ずつ色を変更して、意図した線だけが変わることも確かめましょう。これは本稿の操作後チェックであり、すべての効果や書き出し形式の動作を検証したという意味ではありません。
印刷する大きさでは、細い線が消えて見えないか、二色の違いが伝わるかを見ます。枠を縮小した場合の線幅の扱いは別の設定も関わるため、完成サイズで確認し直します。管理するオブジェクトを増やさず、必要な見た目だけを重ねられることが、この方法の利点です。
次に確認すること
枠を移動して二色の線が一つのオブジェクトとして追従することを確認し、完成サイズで細い線も見分けられるか見直します。
あわせて確認する
参考資料
- Adobe:複数の塗りと線の作成
https://helpx.adobe.com/jp/illustrator/desktop/paint-and-fill/learn-painting-basics/create-multiple-fills-and-strokes.html
確認日:2026-09-28
単純な長方形。別形状の作成やテキスト階層は扱わない。
- Adobe:Illustrator のアピアランス属性を調整する方法
https://helpx.adobe.com/jp/illustrator/using/appearance-attributes.html
確認日:2026-09-28
一つの枠の線の順序。色数・特色・物理寸法の検証ではない。
出典は各記事の判断に必要な範囲で参照しています。機種・アプリ固有の操作は、他の環境で同一になることを保証しません。条件を置いた計算例と、メーカー等が明示した仕様を区別してください。