画像の背景切抜きを誰よりも速く出来る方法
公開日：
:
最終更新日：2017/04/25
初心者のためのphotoshop講座
このような背景切抜きを20秒でできる方法をご紹介します。
私のphotoshopテクニックの一つ、大量に合成写真を作るために、背景画像を消して主な画像だけ残したい、そういったときに便利な画像切抜きの方法を紹介します。
このハトの画像を切り抜いてください。
私の所要時間は20秒。なぜここまで速くできるのか気になりませんか？
自動選択ツールを使うという背景画像切抜き方法もあります。
ですが、これを初心者がすると、背景が青いのでその青が撮影対象物に反射してしまい、青い写真になってしまうこともあります。さらに、自動選択ツールは、背景が青いところで写真を撮影した場合など使えるテクニックですが、
背景にいろいろな色が混じっていれば選択することは出来ませんよね？
20秒でできる背景の切り抜き方法
（注意：本来ならばくりぬく前にはもっと高解像度の写真で行い、用途で縮小します。そのほうが綺麗です。）
利用するテクニックは、SHIFTキー＋マウス左クリックで、その対角線上に線が引かれるというphotoshopの機能を使います。
消しゴムをブラシにすれば、ブラシの端っこの境界線がグラデーション不透明になるということを利用します。
これで境界線上をマウスでぐるっと一周します。
消しゴムにアンチエイリアスが適応されていることから、（消しゴムにブラシを使うことによって、境界線がぼかされている）このように自然な切抜きが表現できます。
一周しました。
ブラシが大きければ大きいほど一周のスピードは上がります。
一周したら、ブラシが大きくて入り込めないところがでてきます。
これを解決するのが、投げ縄ツールです。
これでマウスで鋭く選択範囲を指定して、消してしまえばいいだけです。
さらに背景画像がのこりました。
この背景画像を消すのにも投げ縄ツールを使います。
この消しゴムで消した、切り抜き画像と背景画像の間を、投げ縄ツールで、マウスで一周する。
そこでCtrl＋shift＋iで選択範囲を反転し、Deleteで消してしまえば、背景切抜きの完成です。
いかがでしょうか？
ＷＥＢデザイナーだったとき子供服や薬局のホームページを作っているときに大量のくりぬき画像を用意する必要があったのです。子供服であれば、洋服の背景はカラフルな色にしたいし、薬局であれば、薬の背景色を白一色にしたい。
そういったとき、大量に背景画像を切り抜くときに使えるのがこの方法です。
是非利用してみてくださいね。
余談、アンチエイリアスとは？
ＷＥＢデザイナーがフォトショップで写真加工する上で
知っておきたいのがアンチエイリアスを利用したテクニックです。
それを故意に発生させることが、この例の画像のブラシです。
鉛筆は、境界画像が１ピクセル単位で描かれるため、
１ピクセル色100％、次の１ピクセル色0％ということになります。
このブラシやエアブラシというのは、境界線がぼやけているために
アンチエイリアスがかかったような滑らかな状態になっているということがわかります。
簡単に言うと、色の境界線がぼやけているか、ぼやけていないかの違いです。
ほかにもこれ読んでみませんか？
-
-
フォトショップだけでGIFアニメを作る方法
久々にimage ready使ってみたらGIFアニメが作れない！！
-
-
角丸の四角形の作り方
アップルのアイフォンのアプリなどのアイコンは角丸の画像です。 ボ
- PREV
- フォトショップだけでGIFアニメを作る方法
- NEXT
- 写真に写った不要なものを消す方法
Comment
[…] と 会社説明のページも華やかになりますよ。 前のページで紹介した「画像の背景切抜きを誰よりも速く出来る方法」を使って、 空を切り抜きます。 それで下のレイヤーに雲が写り込ん […]
[…] これで、「画像の背景切抜きを誰よりも速く出来る方法」で紹介した、画像切り抜きを使って、画像と文字を置いてみればバナーの完成です。 私は慣れているので５分ぐらいで作れま […]
素晴らしい！
グーグル検索には 自信がありますが、
画像切り抜き で検索かけても ひとりよがりのカスサイトしか でてきませんでした（笑）
宣伝しときます。
リンク貼ればいいんですかね？（笑）
よくわかってないもんですいません！
僕は 画像の人物や 文字が邪魔で それが消したくて、
さらに その消した部分を 背景の色と混ぜたいんですが、
スポイトで抜けば 消した部分と背景は、同じ色になるんでしょうか？
質問なんかしてすみません！
コメントありがとうございます。
背景を消すやり方の一つとして記事を書いてみました。
もし、スポイトツールを使いたいのなら、背景をモーションキャプチャーの青背景のように、青などの背景に、物を置いて撮影しないといけませんね。
よくポスターなどで人物を切り抜いているのは、イラストレーターのベジェ曲線とマスクなどを使ってやります。
私はＷＥＢデザイナーとして高くない解像度の切抜きをやってたので、このやり方が一番簡単だと思いますよ＾－＾
“SHIFTキー＋マウス左クリックで、その対角線上に線が引かれるというphotoshopの機能”
(´ε｀；)ｳｰﾝ… 垂直線になっちゃいますが…CS5&CS6
コウさんコメントありがとうございます。
シフトを押しながらマウスを動かすのではなく、一回マウスダウンして、次のマウスポイントでマウスダウンします。
そうすると、１回目と２回目の対角線に線が引かれます。
上記の方法は、ブラシの半透明部分を利用しているので、ジグザグに切り抜いているだけです。そのジグザグが綺麗に見える理由は、ブラシの半透明部分があるからという、カラクリです。