creatersnest5

色域指定で単色の切り抜きをあっという間にするPhotoshopテクニック


photoshopで写真を切り抜く方法は、たくさんあります。
ですが切り抜きの仕方は様々ありますがそれを知らない方が多く、
綺麗に写真を切り抜けないことはありませんか?
そのような時に色域指定で簡単に切り抜く方法があります。
今回は、その方法を簡単に説明していきます。
(Phptoshop CS6での説明になります)

色域指定で単色の切り抜きをするテクニック

今回は、このお花を色域指定で切り抜いていきます。
この画像の場合、花びらにギザギザがありますが上手く切り抜けるのでしょうか?
簡単な説明と共に画像加工をしていきたいと思います。

花の画像

画像出典:フリー素材

色域指定を選択する

まずファイルから加工したい写真を開きます。

花の写真

選択範囲(メニュー)→色領域指定を選択します。

スクリーンショット 2015-08-31 6.09.27

開くとダイアログボックスが出てきます。
プレビュー画像をスポイトでクリックして白黒を調整します。
この際に許容量も調整してしっかり輪郭がわかるようにしましょう。

スクリーンショット 2015-08-31 6.09.37

 

輪郭の調整

ここで輪郭を白黒ではっきりしておいた方が後々、楽に加工ができます。

スクリーンショット 2015-08-31 6.13.47

上の画像ではまだ花の中に黒い部分が少しだけ残っているので
スポイト+、スポイト−を使って白と黒(境界線)をはっきりさせていきます。

輪郭の調整が終わったらOKボタンをクリックしてダイアナログボックスを終了します。

スクリーンショット 2015-08-31 6.14.24

先ほど白くなっていた場所が選択範囲として表示されます。

スクリーンショット 2015-08-31 6.52.14

 

近似色を選択

そして選択範囲外で他にも選択したい部分がある場合は、
選択範囲(メニュー)→近似色を選択をクリックすると選択範囲が広がります。
ここで自分が納得いくまで調整をしましょう。

スクリーンショット 2015-08-31 6.52.20

先ほどの調整を終了したら選択範囲(メニュー)→選択範囲を反転
選択範囲を反転させて背景が選択されている状態にします。

スクリーンショット 2015-08-31 6.52.54

Delete(キーボード)をクリックして背景を消去します。

スクリーンショット 2015-08-31 6.53.14

 

 

完成

背景を消去したらこれで完成です!
選択範囲を解除して保存をしましょう。
花びらのギザギザ部分もしっかり選択をされています。
色域指定での切り抜きでは、こういった細かい部分でも切り抜きが可能です。

スクリーンショット 2015-08-31 6.56.26

 

 

 

境界線がはっきりしている画像

特に簡単に色域指定で切り取りができるのが2色のみの画像や
色の境界線がはっきりしているものは、加工がしやすいです。

女性の画像

画像出典:フリー素材

色域指定を選択する

加工したい画像を開きます。

スクリーンショット 2015-09-02 18.46.27

先ほどの説明と同じく色領域指定で調整していきます。

スクリーンショット 2015-09-02 18.46.37

 

輪郭の調整

残しておきたい部分は、スポイトで白になるまで調整します。
先ほどのお花と違い境界線がはっきりしているため調整しやすいです。

スクリーンショット 2015-09-02 18.47.04

調整が終わるとこのように白い部分が選択されます。

スクリーンショット 2015-09-02 18.47.09

 

近似色を選択

全体的にもう少し選択範囲を増やしたい場合は、近似色を選択します。

スクリーンショット 2015-09-02 18.47.21

調整が終わったら選択範囲を反転して背景が選択されるようにします。

スクリーンショット 2015-09-02 18.47.29

 

完成

そして最後に背景を消せば完成です。
こういった境界線がはっきりしている画像は、加工がしやすく簡単にできます。

スクリーンショット 2015-09-02 18.47.57

色域指定だけで綺麗に切り取ることができました。

スクリーンショット 2015-09-02 18.48.03

 

 

最後に

色域指定での切り取り説明はいかがでしたか?
画像の切り取り方法は、たくさんありますがその中でも
初心者の方でも簡単にできる切り抜き方法だと思います。
簡単なので是非みなさんも試してみてください!!

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


初めまして。 普段は、デザイナーや記事作成のアルバイトをしています。

Next ArticleIllustratorで文字の形を崩さずに角丸にするには