画像の背景切抜きを誰よりも速く出来る方法

公開日: : 最終更新日:2017/04/25 初心者のためのphotoshop講座


このような背景切抜きを20秒でできる方法をご紹介します。
私のphotoshopテクニックの一つ、大量に合成写真を作るために、背景画像を消して主な画像だけ残したい、そういったときに便利な画像切抜きの方法を紹介します。


このハトの画像を切り抜いてください。
私の所要時間は20秒。なぜここまで速くできるのか気になりませんか?

自動選択ツールを使うという背景画像切抜き方法もあります。
ですが、これを初心者がすると、背景が青いのでその青が撮影対象物に反射してしまい、青い写真になってしまうこともあります。さらに、自動選択ツールは、背景が青いところで写真を撮影した場合など使えるテクニックですが、
背景にいろいろな色が混じっていれば選択することは出来ませんよね?

20秒でできる背景の切り抜き方法

(注意:本来ならばくりぬく前にはもっと高解像度の写真で行い、用途で縮小します。そのほうが綺麗です。)


利用するテクニックは、SHIFTキー+マウス左クリックで、その対角線上に線が引かれるというphotoshopの機能を使います。

消しゴムをブラシにすれば、ブラシの端っこの境界線がグラデーション不透明になるということを利用します。
これで境界線上をマウスでぐるっと一周します。


消しゴムにアンチエイリアスが適応されていることから、(消しゴムにブラシを使うことによって、境界線がぼかされている)このように自然な切抜きが表現できます。


一周しました。
ブラシが大きければ大きいほど一周のスピードは上がります。
一周したら、ブラシが大きくて入り込めないところがでてきます。


これを解決するのが、投げ縄ツールです。
これでマウスで鋭く選択範囲を指定して、消してしまえばいいだけです。

さらに背景画像がのこりました。
この背景画像を消すのにも投げ縄ツールを使います。


この消しゴムで消した、切り抜き画像と背景画像の間を、投げ縄ツールで、マウスで一周する。
そこでCtrl+shift+iで選択範囲を反転し、Deleteで消してしまえば、背景切抜きの完成です。


いかがでしょうか?
WEBデザイナーだったとき子供服や薬局のホームページを作っているときに大量のくりぬき画像を用意する必要があったのです。子供服であれば、洋服の背景はカラフルな色にしたいし、薬局であれば、薬の背景色を白一色にしたい。

そういったとき、大量に背景画像を切り抜くときに使えるのがこの方法です。
是非利用してみてくださいね。

余談、アンチエイリアスとは?


WEBデザイナーがフォトショップで写真加工する上で
知っておきたいのがアンチエイリアスを利用したテクニックです。
それを故意に発生させることが、この例の画像のブラシです。

鉛筆は、境界画像が1ピクセル単位で描かれるため、
1ピクセル色100%、次の1ピクセル色0%ということになります。
このブラシやエアブラシというのは、境界線がぼやけているために
アンチエイリアスがかかったような滑らかな状態になっているということがわかります。

簡単に言うと、色の境界線がぼやけているか、ぼやけていないかの違いです。

関連記事

年賀状ソフトなどで加工したJPGを読みこませて印刷する

フォトショップでフチなし印刷する方法

フォトショップではがきサイズに年賀状を作っても、いざフチなしで印刷

写真の遠近感を簡単に修正する方法

写真の遠近感を正面から撮った様に修正する方法

カメラで正面から撮影したいけど理由があって撮影できず、横から撮影した。

イラストレーターで集中線を作る

イラストレーターで集中線の作り方

バナー作成に使えるイラストレーターのテクニックをご紹介。 ベクト

346

フォトショップだけでGIFアニメを作る方法

久々にimage ready使ってみたらGIFアニメが作れない!!

フォトショップで角丸の四角形の作り方

角丸の四角形の作り方

アップルのアイフォンのアプリなどのアイコンは角丸の画像です。 ボ

フォトショップの起動画面

フォトショップのショートカットキーで作業効率を上げる

ショートカットキーとは簡単に言えば、マウスでメニューバーをクリック

猫のラインのスタンプの絵を描いてます

猫のラインのスタンプ絵の下書きを描いてます

鉛筆で下書きしてマジックで描いたところです。 それをスキャナーで取り

Comment

  1. [...] と 会社説明のページも華やかになりますよ。 前のページで紹介した「画像の背景切抜きを誰よりも速く出来る方法」を使って、 空を切り抜きます。 それで下のレイヤーに雲が写り込ん [...]

  2. [...] これで、「画像の背景切抜きを誰よりも速く出来る方法」で紹介した、画像切り抜きを使って、画像と文字を置いてみればバナーの完成です。 私は慣れているので5分ぐらいで作れま [...]

  3. 寺本 より:

    素晴らしい!
    グーグル検索には 自信がありますが、
    画像切り抜き で検索かけても ひとりよがりのカスサイトしか でてきませんでした(笑)

    宣伝しときます。
    リンク貼ればいいんですかね?(笑)
    よくわかってないもんですいません!
    僕は  画像の人物や 文字が邪魔で それが消したくて、
    さらに その消した部分を 背景の色と混ぜたいんですが、
    スポイトで抜けば 消した部分と背景は、同じ色になるんでしょうか?
    質問なんかしてすみません!

    • iida より:

      コメントありがとうございます。
      背景を消すやり方の一つとして記事を書いてみました。
      もし、スポイトツールを使いたいのなら、背景をモーションキャプチャーの青背景のように、青などの背景に、物を置いて撮影しないといけませんね。
      よくポスターなどで人物を切り抜いているのは、イラストレーターのベジェ曲線とマスクなどを使ってやります。

      私はWEBデザイナーとして高くない解像度の切抜きをやってたので、このやり方が一番簡単だと思いますよ^-^

  4. コウ より:

    “SHIFTキー+マウス左クリックで、その対角線上に線が引かれるというphotoshopの機能”
    (´ε`;)ウーン… 垂直線になっちゃいますが…CS5&CS6

    • iida より:

      コウさんコメントありがとうございます。
      シフトを押しながらマウスを動かすのではなく、一回マウスダウンして、次のマウスポイントでマウスダウンします。
      そうすると、1回目と2回目の対角線に線が引かれます。
      上記の方法は、ブラシの半透明部分を利用しているので、ジグザグに切り抜いているだけです。そのジグザグが綺麗に見える理由は、ブラシの半透明部分があるからという、カラクリです。

Message

メールアドレスが公開されることはありません。

肩がバキッ!0歳の息子を無理にうつ伏せから仰向けに寝返りさせたら
肩がバキッ!0歳の息子を無理にうつ伏せから仰向けに寝返りさせたら

1~2カ月前の話なんだけど、0歳の息子が寝る前に布団

no image
マイホームの予算を逆算、年収300万では2000万円が限界か

中古住宅、中古マンション・・・ こんなに綺麗な注文住宅

no image
のどスプレーは飲み物。美味しいので2日で1本飲む

風邪。特に喉が痛い。咽頭炎。 そんなときはのどスプレー

no image
子供の頭を洗うのはすすぎ時間は短いほうがいい?

入浴の際洗髪を嫌がる乳幼児は多い。 自己主張を始める「

no image
入院のカルテ開示はいくらかかる?5万円以下ぐらいです

病院の患者情報が書いてある「カルテ」は今の時代、患者のも

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑