Photoshopで消しゴムツールを使う方法【初心者向け】

Photoshopで【消しゴムツール】を使う方法を初心者向けに解説した記事です。このツールで画像を簡単に消すことができます。通常の消しゴムツールの他に、背景消しゴムツール、マジック消しゴムツールも合わせて紹介しています。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

監修してくれたメンター

ノマリカ

印刷会社で校閲とDTPオペレーションを5年、Web制作会社でデザイナーを8年、一般企業でWeb担当を1年経験した後、フリーランスのデザイナーとして独立。
伝わりやすくて明快なデザインを得意としている。

Photoshopには「消しゴムツール」という、その名の通り、画像を消せるツールがあります。

今回はその使い方を初心者向けに解説します。

このツールを使うと、画像の一部を透明ピクセルまたは背景色に変換することが可能です。

目次

1時間でできる無料体験!

(※今回の作業はすべてAdobe Photoshop CCのバージョンでおこなっています)

 

大石ゆかり

田島メンター!!消しゴムツールの使い方について詳しく知りたいです!

田島悠介

消しゴムツールは具体的に言うと、ドラッグした部分を透明ピクセルあるいは背景色に変化させるツールだよ。

大石ゆかり

透明にするのはなんとなくイメージできますが、背景色に変更というのはなんですか~?

田島悠介

このツールの効果は、そのときのレイヤーの状態によっても変わるんだ。

Photoshopには3つの消しゴムツールが用意されているから、それぞれ実際に使って確かめてみようか。

 

通常の消しゴムツールの使い方

まずは画面左のツールバーから消しゴムのアイコンを右クリックし、一番上の「消しゴムツール」を選択します。

ps_era_1

 

消しゴムツールはブラシツール同様、直径の長さやぼかし具合などを細かく設定できます。

ps_era_2

 

「モード」では消しゴムツールの種類をブラシ・鉛筆・ブロックの中から選べます。

ps_era_3

 

以下はブラシ・鉛筆・ブロックそれぞれで、消しゴムツールを使用した場合の状態です。

消しゴムツールでドラッグした部分は、このように透明ピクセルになります。

ps_era_4

 

「背景レイヤー」である場合と、透明ピクセルがロックされている場合、ドラッグした部分の色は「背景色」になります。

ps_era_5

 

「背景色」はツールバー下部で確認できます。

以下の画像の赤丸部分で指定されていて、重なっている左上のマスの色が「描画色」になります。

このマスをクリックすることで、背景色や描画色の指定を変更できます。

ps_era_6

 

以下はレイヤーの不透明度を下げ、背景色を白にした場合の状態です。

以下の画像のように、モードがブロックの場合は不透明度が反映されません。

ps_era_7

 

田島悠介

これが一番基本の「消しゴムツール」の使い方だよ。

大石ゆかり

レイヤーが「背景レイヤー」である場合と、選択中のレイヤーの「不透明度がロックされている場合」だけ効果が変わるんですね!

田島悠介

消しゴムツールには他にもいくつか違った性能を持つものがあるんだ。

覚えておくと意外なところで役に立つと思うよ。

 

背景消しゴムツールの使い方

次は「背景消しゴムツール」を使用してみましょう。

最初に選択したアイコンを再び右クリックし、今度は「背景消しゴムツール」を選択します。

このツールでは、ドラッグしたときに、最初に円の中心にあった色と同じ系統の色だけに消しゴムツールが適用されます。

ps_era_8

 

例えば下の画像の場合、薄い緑色の部分からドラッグを開始したため、暗めの色の部分が消えずに残っています。

ドラッグした部分(白い部分)は透明ピクセルになっており、下にある白いレイヤーが見えている状態です。

ps_era_9

「背景レイヤー」でこの背景消しゴムツールを使用した場合、ドラッグした部分は透明ピクセルになり、「背景レイヤー」は「通常のレイヤー」に変化します。

 

[PR] Webデザインで副業する学習方法を動画で公開中

マジック消しゴムツールの使い方

最後に、「マジック消しゴムツール」を使用してみましょう。

同様にアイコンを右クリックし「マジック消しゴムツール」を選択します。

ps_era_10

 

画像内の背景にあたる部分をクリックします。

ps_era_11

 

すると、以下のようにクリックした場所と同じ系統の色の部分が透明ピクセルに切り替わりました。

ps_era_12

どの程度同じ色合いの部分にまで範囲を拡大させるかは、画面上部のオプションバーにある「許容値」を変更することで調整できます。

許容値の数値が大きくなるほど色の範囲が広くなり、小さくなるほど狭くなります。

 

コラム

実は私も!?独学で損する人の特徴

「スクールは高いから独学で成功する」という気持ちの方は多いと思います。
もちろんその方が金額は低く抑えられるでしょう。
ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。

そんな方のために参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。

  • ・困って挫折しそうなときに、質問や相談できる相手がいる環境で学んでいきたいなと思った
  • ・わかった気になっているだけだったので、自分を追い込む環境に置いた方がいいと感じた
  • ・スクールのカリキュラムで市場に求められるスキルを学ぶべきと思った

少しでも当てはまる部分があれば、 スクールが向いているかもしれません。
お試しのつもりで、まずは一度 無料相談 に参加してみませんか?

現役エンジニア・デザイナーに何でも気軽に相談できる30分すべて無料で できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

今なら相談した方限定の割引・参加特典付き! 無料相談はこちら

まとめ

今回はPhotoshopにある3つの消しゴムツール紹介しました。

通常の消しゴムツールは、ドラッグした部分を透明ピクセルに変換しますが、背景レイヤーの場合は背景色に変換します。

背景消しゴムツールは、ドラッグの開始ポイントと同じ系統の色の部分を、レイヤーの種類に関わらず透明ピクセルに変換します。

マジック消しゴムツールは、クリックした場所と同じ系統の色の部分を自動で検知し、透明ピクセルに変換します。

ぜひこれらのツールをうまく利用して、画像編集をより効率良くしてみてください。

 

田島悠介

「背景消しゴムツール」と「マジック消しゴムツール」は、普段消しゴムツールアイコンの中に隠れていて気づきにくいけれど、右クリックで選択できるようになるからね。

大石ゆかり

マジック消しゴムツールなんかは、ちょっとした画像の切り抜きとかにも使えそうですね。

田島悠介

許容値や不透明度の調整など、細かい設定を行うことで消しゴムツールもいろいろな表現ができるので覚えておこう。

大石ゆかり

分かりました!ありがとうございます!

 

Photoshopを学習中の方へ

これで解説は終了です、お疲れさまでした。

  • Photoshopを調べたけど分かりづらい
  • 副業や転職後の「現場で使える」知識やスキルを身につけたい

Photoshopの学習や情報収集をしていて、このように思ったことはありませんか?

テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」

こんな気持ちでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する