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

公開日: : 最終更新日: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

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

時代は光じゃなくホームルーターだな。

無料勉強教材とおい駅、ちかい駅
ようすことばを無料で4才~5才に教える教材

これはようすことばを教える無料ワークですが、レベルが低す

くっつき言葉、幼児4才~5才無料ワーク
くっつきことば 無料 練習プリント 4才~5歳

4才から5歳で勉強するくっつき言葉の無料練習プリントです

no image
中学生が高校に興味があると思うほうがおかしい

NHKのウワサの保護者会見てたら、 中学生になると学生

no image
岡山県湯原ダムのポルシェの別荘とオオサンショウウオの話

ポルシェのおっちゃんの別荘に行った時、 夜に水道の蛇口

no image
サイト譲渡に伴う運営者変更について

サイト譲渡に伴い運営者変更となります。 詳細は後日。

→もっと見る

PAGE TOP ↑