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

    Illustratorで虹を作ろう

    虹の色数は何色だと思いますか?一般的には"七色の虹"と表現されるこ…

  3. 上付き文字や下付き文字を使おう

    Illustrator

    上付き文字や下付き文字を使おう

    文章を入力しているときに指数や序数の扱いに困ったことはありませんか?…

  4. Illustrator

    ワープを使って球体に模様をつける

    ワープイラストレーターの「ワープ」とは、オブジェクトの見た目を変形…

  5. Illustrator

    Illustratorでふきだしを作ってみよう

    ふきだしふきだし、吹き出し、フキダシ。英語では"Speech Ba…

  6. 便利かも?チェック柄を作ろう

    Illustrator

    便利かも?チェック柄を作ろう

    「Illustratorでチェック柄を作りたいけど何かと面倒・・」…

Language

CodeCamp

最近の記事

  1. コピースタンプ
  2. メビウスの輪
  3. 海外のフリー素材サイト
  4. カラーチャンネル
  5. シルクスクリーン
  1. Illustrator

    自由変形ツールで影を作ってみよう!
  2. Photoshop

    モザイクを入れよう!
  3. Mac

    How To Record Your Screen in QuickTime P…
  4. Photoshop

    画像を文字とシェイプでマスクする
  5. Photoshop

    Making a Pop-up Photo
PAGE TOP