[Photoshop]Photoshop 実践 その3:クイック選択ツール・境界線を調整で切り抜き - Photoshop | WordPress・jQuery・HTML・CSSのスニペット集 WEBCRE8TOR.COM

WEBCRE8TOR.COM

[Photoshop]Photoshop 実践 その3:クイック選択ツール・境界線を調整で切り抜き

Photoshop 実践 その3:クイック選択ツール・境界線を調整で切り抜き

素材ダウンロード方法

今回も「ぱくたそ」さんから素材をお借りしましょう。
各行程セクションに記載している素材URLをクリックすると素材のページが開きます。

webdesignb05_01

今回は髪の毛の細かい部分を切り抜くため、大きめの画像をダウンロードしましょう。
ページを開いて少し下にスクロールし「L Full Size」と書いてあるボタンをクリックしてダウンロードしてください。

切り抜き③  交通事故10日前後のむち打ち(損傷)症で苦しむ男性

素材URL:交通事故10日前後のむち打ち(損傷)症で苦しむ男性|フリー写真素材・無料ダウンロード-ぱくたそ

切り抜き前

-shared-img-thumb-OMG151018200I9A1845_TP_V

切り抜き後

OMG151018200I9A1845 0.14.48

今回はパスツールではなく、「クイック選択ツール」「なげなわツール」と「境界線の調整」を使います。

  1. クイック選択ツールを選択
  2. 切り抜き対象の内側をなぞって選択範囲を作る
    選択範囲追加→「左クリック押しっぱなし」
    選択範囲削除→「Alt + 左クリック押しっぱなし」
  3. なげなわツールを選択する
  4. 髪の毛の周辺を、少しはみ出るように囲う
    「Shift + 左クリック押しっぱなし」
  5. 境界線を調整をクリック
  6. 境界線を調整ウィンドウの「表示」のプルダウンを「オーバーレイ」に変更
  7. はみ出した白い部分を塗りつぶすような感じでなぞっていく
  8. 「出力」のプルダウンを 「レイヤーマスク」に変更し右下のOKボタンをクリック

上のやることのリストは文字にするとボリュームがありますが、実際にやってみるとものすごく簡単。慣れてきたらこれくらいの画像は1分もあれば切り抜けるようになります。

では実際にやってみましょう。

クイック選択ツールを選択

webdesignb05_05-01

ツールのパネルの上から4つ目にある「クイック選択ツール」を選択してください。

切り抜き対象の内側をなぞって選択範囲を作る

webdesignb05_05-02

切り抜く対象の内側を「左クリック押しっぱなし」でどんどん選択していきます。
もしはみ出してしまったら「Alt + 左クリック押しっぱなし」で部分的に選択範囲を解除することができます。

なげなわツールを選択する

webdesignb05_05-03

「クイック選択ツール」の上にある「なげなわツール」を選択してください。

髪の毛の周辺を、少しはみ出るように囲う

webdesignb05_05-04

切り抜きにくい髪の毛の部分を少しはみ出るように囲います。
さっき選択した範囲に重なるように「Shift+ 左クリック押しっぱなし 」で選択範囲を生成しましょう。

境界線を調整をクリック

webdesignb05_05-05

この画像のように髪の毛の部分を囲えたら、ウィンドウ上部の「境界線を調整」をクリックしてください。

境界線を調整ウィンドウの「表示」のプルダウンを「オーバーレイ」に変更

webdesignb05_05-06

「境界線を調整」のウィンドウが出てくるので、「表示」のプルダウンから「オーバーレイ」に変更。

はみ出した白い部分を塗りつぶすような感じでなぞっていく

webdesignb05_05-07

はみ出した白い部分を塗りつぶすようになぞってください。

「出力」のプルダウンを 「レイヤーマスク」に変更し右下のOKボタンをクリック

webdesignb05_05-08

この画像のような表示になったら、「出力」の項目のプルダウンを「レイヤーマスク」に変更してください。

webdesignb05_05-09

これで切り抜き終わり!
どうですか??簡単だった??難しかった??

WEBCRE8TOR.COM

SEARCH

PAGES

CATEGORY

ARCHIVE

LINK

CLOSE