Illustrator でパスの中に画像をキレイに配置するにはどうしたらいいでしょうか?

本記事執筆時のソフトウェア環境
macOS 10.13.6 High Sierra
Adobe Illustrator 2020 バージョン24.0.0

 


本記事では、Illustrator で「エンベロープ」メニューの中にある背面オブジェクトを前面のオブジェクトのパスで変形する「最前面のオブジェクトで作成」という機能を紹介します。

※エンベロープ(envelope)とは、英単語の意味としては、封筒や包むもの、外皮、覆い、被膜などの意味があり、Illustrator では選択したオブジェクトを変形またはリシェイプするオブジェクトのことを指します。

たとえば、下のケースの様にノートパソコンの台形の形をしたモニタの枠のパスに長方形の画像をキレイに配置したいという場合には、「オブジェクト」メニューから、「エンベロープ」を選び、「最前面のオブジェクトで作成」を使用します。

20200120_2_01.png

1. 画像用の新規レイヤーを作成し、画像を配置します。

20200120_2_02.png

2. 「最前面のオブジェクトで作成」機能を使用するには、画像オブジェクトが「エンベロープ」編集可能な状態になっている必要があります。Illustrator の仕様でリンク画像のままでは、「オブジェクト」メニューから「エンベロープ」を選び「最前面のオブジェクトで作成」を使用できません。「最前面のオブジェクトで作成」メニューを使用するために、画像をリンク画像から埋め込み画像にします。

「ウィンドウ」メニューから「リンク」パレットを表示し、画像オブジェクトを選択した状態で「画像を埋め込み」を選んでください。

20200120_2_03.png

3. 「画像の埋め込み」が完了するとリンク画像を記す画像上の対角線が消え、「オブジェクト」メニューから「エンベロープ」を選び「最前面のオブジェクトで作成」を使用できます。また、対象のパスに対してキレイに配置したい画像は必ず背面になるようにレイヤーの位置やオブジェクトの「重ね順」を調整してください。ここではレイヤー2がモニタの枠のパスの背面に来るように、レイヤー1の下へレイヤー2を移動させます。

※配置したい画像が対象パスに対して背面になっていればいいので、同一レイヤーで作業していただいてもOKです。

20200120_2_04.png

4. 画像レイヤーをモニタの枠のパスの背面に設定したら、Shift キーを押しながら、前面のモニタの枠のパスと背面の画像のパスを選択した状態で、「オブジェクト」メニューから「エンベロープ」を選び「最前面のオブジェクトで作成」を選択してください。

20200120_MOV.gif

5. 「最前面のオブジェクトで作成」機能を使用すると、画像を Illustrator で自由変形するよりも短い工数で作業を完了できます。

20200120_2_05.png

※このようなケースで別のアプローチで作業をする方法を紹介しています。

関連「Illustrator で画像を自由変形するには?


補足

「最前面のオブジェクトで作成」機能は、前面のパスと配置したい背面の画像の形が比較的に似ている場合には、キレイに画像を変形してくれますが、前面のパスと配置したい背面の画像の形がかけ離れている場合には、画像に大きなブレが生じることがありますのでご注意ください。

【形状が似ている場合】

20200120_2_06.png

【形状がかけ離れている場合】

20200120_2_07.png


「サポート FAQ(よくある質問)」はデザイン・クリエイティブ製品全般を取り扱う総合商社の株式会社 Too が運営しています。

弊社保守契約をご契約いただきますと、その他のご相談も承れます。是非ご検討ください。

この内容は問題解決に役立ちましたか?

はい   いいえ

記事を作成する際の参考とさせて頂きますので、回答をお願いします。

Adobeアプリケーション」の関連記事

本記事で提供する情報の正確性・妥当性につきましては細心の注意を払っておりますが、その保証をするものではありません。また、本記事やリンク先の情報の利用によって不具合や不都合、損害が生じた場合について、当社は一切の責任を負うものではありません。
本記事の内容は掲載時における情報であり、時間の経過により実際と一致しなくなる場合があります。

page top