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

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

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

  2. 花の形に型抜きされた花の画像

    Illustrator

    図形ツールに効果を使って、花の図形を作ろう!

    Illustratorを使って簡単に花の図形を作りたい!そんなとき…

  3. クリスタルを埋め込んだ文字を作ろう

    Illustrator

    クリスタルを埋め込んだ文字を作ろう~part2~

    part1に引き続きpart2を進めていきます!1.最上部…

  4. Illustrator

    パスのオフセットを理解する

    パスのオフセットとは選択したオブジェクトから指定した距離をずらした…

  5. Illustrator

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

    今回は外側のドーナツ型をイラストレーター(Illustrator)で作…

  6. Illustrator

    「鉛筆ツール」で直線を描こう!

    イラストレーター(Illustrator)の「鉛筆ツール」はフリーハン…

人気の記事

おすすめの参考書

PAGE TOP