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

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


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


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

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

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

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


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

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


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


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


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

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


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


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

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

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


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

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

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

ほかにもこれ読んでみませんか?

ゴミ消しツールとも言われるスタンプツール

写真に写った不要なものを消す方法

ゴミ消しツールとも言われるスタンプツールを使うのが一番楽です イ

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

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

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

Comment

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

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

  3. 寺本 より:

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

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

    • iida より:

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

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

  4. コウ より:

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

    • iida より:

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

Message

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

足出して頑張るという言葉が面白い
足出して頑張るという言葉が面白い

職場の同僚の40代後半と50代半ばのおばちゃんの会話を盗

no image
リーベル王寺5階は勉強禁止らしい

ブログに書くことがなくてひねり出して王寺駅ネタです。

男が履くストレッチジーンズ
レディースのXXLがメンズのS相当

最近、背が高い小顔なスタイリッシュ体型の女性が多いと思い

カニの殻から繊維
蟹の殻の再利用で繊維と化粧品・乳液になる

かがくdeムチャミタスという番組でやってたのですが、蟹の

ウインドウが画面外に飛んでいって使えなくなった場合を「一瞬で治す」方法
一瞬で直す方法!パソコンのソフトが動かない?画面の外にある?

よく職場でパソコンが使えなくなったと呼ばれることがありま

→もっと見る

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

PAGE TOP ↑