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

複合パス知識編

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)の「鉛筆ツール」を使うと、ド…

  2. Illustrator

    ブレンドツールの基本的な使い方 

    ブレンドツールは図形と図形をブレンドして中間のオブジェクトを生成してく…

  3. Illustrator

    最近使用したフォントの表示を消す方法

    Illustratorでフォントを選ぶ時、上部に履歴が表示されますよね…

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

    Illustrator

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

    Illustratorでクリスタルを埋め込んだ作ってみましょう!今…

  5. Illustrator

    木目調テクスチャを使おう

    割といろんなとこで見かける使い勝手のいい木目ですが、単純なものなら一つ…

  6. Illustrator

    3Dにシンボルをマッピングしてみよう

    今回、3Dオブジェクトにシンボルをマッピングする方法を紹介します。…

Language

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. ハート、クローバー、スペード、ダイヤのオブジェクトの画像

    Illustrator

    パスファインダーを使ってみよう
  2. 顔立ち調整機能を使おう

    Photoshop

    顔立ち調整で手軽に顔の写真加工をしよう
  3. Photoshop

    二つの画像を自然に重ねる
  4. Illustrator

    インド国旗を作ろう!その④
  5. ウイスキーのボトルと本とバラの造花

    Others

    ブツ撮りをしてみよう Vol.2〜蛍光灯ライティング
PAGE TOP