![見出し画像](https://assets.st-note.com/production/uploads/images/109255015/rectangle_large_type_2_e4f3e7772f50929e584ff1baa53e3f1a.png?width=1200)
Illustratorメモ「線ありなし混在のグループに同じ幅のふちをつける」
ストックイラストとかのデザイン作業の自分用の便利メモを主に書いてるnoteです。
超基礎〜中級の内容が多いです。あまり説明は親切じゃないかもしれませんが、分からない場合はコメントをいただければ補足させていただきます。
皆様の知識に感謝。
記述内容について完全な検証ができていない場合もありますのでご容赦ください。(教えていただけたら助かります)
なお、基本的にデスクトップ版CC2023を使用しています。
グループにふちどり線をつけたら幅が違う問題
線あり/なしのオブジェクトが混在したグループに、白フチをつけようと思ったら幅が同じにならず困った。って時ありませんか?
パスのアウトライン化をすればいいんですが、今はまだ線のままにしておきたい…みたいなこと結構あるあるなのでは、と思うんですが、何のワードで検索していいかわからず解決法が見つからなかったんですよね。
皆さん探せてます??
![](https://assets.st-note.com/img/1687767426952-xWxzX1t40Y.png?width=1200)
解決案その1【アピアランスでパスのアウトライン】
グループ化前の線、またはダイレクト選択ツールでグループ内の線のみを選択して、アピアランス効果で「パスのアウトライン」をつけます。
これでパスが擬似的に拡張された状態になります。
![](https://assets.st-note.com/img/1687767736242-ZI0mqeAlQ4.png?width=1200)
その後、グループ全体を選択して新規線を追加、内容の下に線を移動。
これで幅が同じ線が追加されたと思います。
![](https://assets.st-note.com/img/1687767765371-FhOSjh8Ax4.png?width=1200)
見た目上はこれでいいんですが、例みたいなグループ構成だと、線がいらない内側のパーツにも線がついています。このアピアランスを分割すると不要なパスが後ろに残る状態になります。
残るパスが多かったりして気になる場合はグループの線に「パスファインダー>分割」、次に「パスファインダー>追加」を追加すると線が合体して、不要な線は消えます。
![](https://assets.st-note.com/img/1687767772179-2mWhP6HPop.png?width=1200)
![](https://assets.st-note.com/img/1687773674840-D7NOA7K1B0.png?width=1200)
解決(してないけど→した!)案その2【塗りにパスのオフセット】
下の文で記事を公開したら、素晴らしいアドバイスを頂きましたので、よろしければ順にご覧ください。
経緯はいらん!という方は次の見出しまで飛ばしてくださいませ。
― ― ここから ― ―
解決してない、のは実は再現が出来たり出来なかったりするからです…。
アピアランスは特定の順番で操作しないと同じ結果にならないことがあって、パネルで見えてる以外の効果がかかったりすることがあるみたいです。
目的の見た目にしたくて何度も効果をいじってるとできるんだけど、それを再現しようと同じ構成にストレートに効果をつけていっても、再現しない場合があるという謎。
案その1でできればいいんですが、グループ内の線が多いとか、塗りのみ/線ありの混在素材がクライアントから支給されてできるだけいじりたくないとか、そういう時に…(もうそういう時はバックペーストでフチつけするのが安全ですかね)
一応、見た目的な構成は下の状態です。
![](https://assets.st-note.com/img/1687774152459-2OlzKyrixP.png?width=1200)
グラフィックスタイルに登録するとグループに適用できるので、ほしいという方がいらっしゃいましたらお使いください。ただ、理解出来ていないのでサポートは出来ません…それでもいい方。
▼データはMac Illustratorデスクトップ版2023(27.6.1)で作成しています。
以上、わかる方いらっしゃったら教えてほしい…!
― ― ここまで ― ―
…と、上のように書いたら、なんとイラレ職人コロ(@coro46)さんがアドバイスをくださいました!
↓↓↓
「解決してないけど案2」について、「わかる方いらっしゃったら」とあったので僕なりの推測です。
— イラレ職人 コロ (@coro46) June 26, 2023
まず再現方法について。(動画参照)
効果を「塗り」の上(細い線ではなくバー全体が青くなる位置)にドラッグ&ドロップし、ズレた順番を元に戻してあげると再現します。… https://t.co/eCTstJfACm pic.twitter.com/Pl9lMUujPp
解決案その2【塗りにパスのオフセット】
上記アドバイスを踏まえて、私がやろうとしたことを再現した手順がこちらです。
1. グループに新規塗りを追加、フチにしたい色を設定して内容の下へ移動
2. 塗りの行をクリックして、【パス>パスのアウトライン】を設定
3. そのまま続けて【パス>パスのオフセット】を設定。パスのオフセットの数値が線幅になるのでお好みの幅に。
4. 2,3でつけた2つの効果を選択して、塗りの行が青くなるようにしてドラッグ&ドロップ(効果の順番が上下入れ替わる)
5. パスのオフセットをパスのアウトラインの上に移動する
6. 【パスファインダー>追加】をつける
![](https://assets.st-note.com/img/1687939494112-Url7Rnz2AJ.png?width=1200)
解決案として成立するようになりました!
再現チェックしていたら4の操作をしなくてもちゃんと同じ幅の線がつくこともあって、やはりよくわからないですが…ならない場合はこちらを参考にお試しください。
また、上の方でDLできるグラフィックスタイルもそのまま使えると思うので、残しておきます。お好みによって使い分けしていただければと思います。
少しでも皆さんの役に立てば幸い。
以上、ありがとうございました。
記事をお読みいただきありがとうございます。 よっしゃ缶コーヒーおごってやるよなんて方はこちらからサポートくださいませ。