Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

複合パス知識編

Illustrator

複合パスを掘り下げてみよう〜実践編〜

使用ソフト: Illustrator CC2020  

複合パスについて掘り下げてみよう〜知識編〜につづき今回は【実践編】です。

いつもと違った形のオブジェクトを作る

1.好きな形のオブジェクトを用意して複合パスを作成します
複合パスにする
2.花の前面に白く抜きたいオブジェクトを配置します
白く抜きたいオブジェクトを前面に
3.すべてを選択した状態でパスファインダーから「前面オブジェクトで型抜き」を実行します
前面オブジェクトで型抜き
4.前面オブジェクトの部分が白く抜かれました!!
白く抜かれた花
ちなみに複合パスを作成せずに「前面オブジェクトで型抜き」を実行すると・・・
複合パスでない場合
一枚だけ白く抜かれて残ります
一枚だけ残ります
これは花びらの重ね順により発生します。
複合パスを作成しない場合この花びら1枚1枚は個別のオブジェクトなので最背面にある花びらを基準に重なり合った部分を白く抜きます。
複合パスを作成した場合は花びら全てが1つのオブジェクトになるので花びら全てを基準に重なり合った部分を白く抜きます。

模様をオブジェクトの形で抜いてみる

1.オブジェクトを用意して全てを選択して複合パスを作成します
オブジェクトを用意
2.好きな画像やテクスチャを用意します
画像を用意
3.先ほど作成した複合パスの背面に好きな画像やテクスチャを配置します
画像やテクスチャを配置
4.全てを選択してクリッピングマスクを実行しますMac[⌘+7]Windows[Ctrl+7]
背景画像で抜かれた花
花の形にマスクされました!!
ちなみに複合パスを作成せずにクリッピングマスクを実行すると・・・
複合パスでない場合
全て消えてしまいました
複合パス以外でクリッピングパスを実行
これはIllustratorのクリッピングマスクのルールによって発生します。
マスクを適用する上のオブジェクトは1つと決められているからです。
なので全てを選択して複合パスを作成すれば全ての花は1つのオブジェクトと認識されクリッピングマスクを適用する事が出来るのです。

オブジェクトを型抜き、反転させる

①型抜き
1.白く抜きたい形のオブジェクトを前面に配置します
型抜き前
2.両方を選択して複合パスを作成します
型抜き後
星の形に型抜きができました
②反転
1.反転させたい形のオブジェクトを前面に配置します
反転前
2.両方を選択して複合パスを作成します
反転後
①,②に共通することは【知識編】でお伝えしたように複合パスは

  • 最背面のアピアランスを共有する
  • パスが重なり合った部分は透明に抜けて表示される
  • 最背面のアピアランスが[アピアランス]パネルに表示される
  • 最背面と同じペイント属性やスタイル属性が適用される

なので型抜きの場合は「パスが重なり合った部分は透明に抜けて表示される」
反転の場合は「パスが重なり合った部分は透明に抜けて表示される」「最背面と同じペイント属性やスタイル属性が適用される」
を利用した作業になっています。

複数の重なったオブジェクトを抜いてみる

1.複数のオブジェクトを重ねます
複数のオブジェクトを重ねる
2.複合パスを作成します
複合パスを作成
初めは白く抜かれていますが後は抜かれていません・・・
3.先ほどの複合パスを選択した状態で[ウィンドウ]→[属性]パネルを表示します
属性パネルを表示
先ほどの複合パスを選択した状態で[属性]パネル内の「塗りに奇偶規則を使用」ボタンをクリックします
塗りに奇偶規則を使用
4.イメージ通りに白く抜くことが出来ました!!
塗りに奇偶規則を使用を適用したもの
[属性]パネルには2つの塗りに関する設定があります

[塗りに奇偶規則を使用]
重なった部分が一つおきに切り抜かれる。
[塗りにワインディング規則を使用]←デフォルト
3つ以上重なっていると切り抜かれない部分が出てくる。

今回はデフォルトの設定の状態で複合パスを作成したので2の結果になりました。
このような規則性のある抜きを作成したい時には[塗りに奇偶規則を使用]に設定を変更してから作業を進めると良さそうですね。

いかがでしたでしょうか?
【知識編】と【実践編】に分けて解説をさせて頂きました!
少しでも皆様の疑問が解決できたならば幸いです!
3Dの的

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    Illustratorでマーブル模様を作ろう

    今回は水で混ぜたようなマーブル模様をIllustratorで作成する方…

  2. Illustrator

    スターツールで作る丸い花のイラスト

    スターツールを応用すれば、 丸くてかわいらしいお花が簡単に作れます。…

  3. シルクスクリーン

    Illustrator

    シルクスクリーン風の加工をしよう

    いきなりですが「シルクスクリーン印刷」をご存知ですか?ご存知なくて…

  4. Illustrator

    インド国旗を作ろう!その④

    今回はイラストレーター(Illustrator)で三色の旗を作っていき…

  5. アイキャッチ

    Illustrator

    メッシュツールで混ざり合った幻想的なグラデーションを作ろう

    最近は偏光や虹をイメージした幻想的なデザインが増えてきました。…

  6. Illustrator

    金色(GOLD)のグラデーションを作ってみよう

    Illustratorで文字を金色にする事って案外多くないですか?…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP