背景を除去して被写体に目線を集める

製品写真やグラフィックデザインでは多くの場合、写真から不要な背景を取り除き、被写体に注意が向くようにすることが重要とされています。画像編集用のツールを使えば、背景を簡単に除去することができます。Photoshopでは、白色の背景を透明にすることもできるので、被写体を孤立させたり、被写体を別の背景の中に入れたりすることができます(色の種類に関係なくこの処理は可能です)。この透過方法により、靴、モデル、ロゴ、アート作品など、写真を見る人に見てほしいものを目立たせることができます。
An image of a soap bottle, small glass container, and pumice stone being selected in Adobe Photoshop with the Adjustments tool panel superimposed over it

AIでスマートに処理する

人工知能の働きで、背景と被写体を編集しましょう。Adobe Senseiがレイヤーパネルで自動的に背景を除去します。調整スライダーを使えば、コントラスト、エッジの滑らかさ、不要な物体などのエレメントを調整することができます。

ブランド戦略を展開する

透明な背景を使って、独自のスタイルを目立たせて、ブランドの認知度を高めましょう。Webサイトのヘッダー、Eメールの署名欄など多くの場所にブランドのシンボルやロゴなどを簡単に入れることができます。

A letterhead logo next to a paper document with the letterhead logo on it
A before and after comparison of a woman sitting by the beach using a circle mask to highlight the subject of a photograph

マスクで非表示にする

マスクレイヤーを使って、選択部分の背景を非破壊的に隠したり表示したりしましょう(この方法ではピクセルを削除しないので、何度でもやり直すことができます)。選択範囲(画像の中で編集したい部分)を拡大する、または不要な背景を除去するなど微調整していきましょう。

グローバル微調整

グローバル調整のスライダーを使って、画像のエッジを滑らかなフェザータッチにしましょう。このスライダーにより、画像のコントラストやシャープさを高めて、背景を透明にするときの被写体のディテールを保持することができます。

Two glass bottles standing upright on a stone with an interface select tool panel featuring refinement sliders to control the transparency of the image background

編集目的合うツールを選ぶ

画像に多くの物が写っていたり、構図が複雑な場合は、選択範囲の複雑さに応じて正確な処理ができる精密なツールのある編集コントロールを使いましょう。

「クイック選択」ツールでエッジを処理

カスタマイズ可能な円形ブラシツールで、選択範囲をすばやく「ペイント」します。ドラッグすると選択範囲が広がり、自動的にエッジを見つけるので簡単に編集できます。

An image with multiple glass bottles and sliced grapefruit pieces selected in Adobe Photoshop with the Magic Wand tool

マジックワンドで画像を変える

このワンドを使えば、1回クリックするだけで単色の背景を透過することができます。画像の任意の箇所をクリックすると、画像の中の同じ色の他のピクセルが選択されます。その箇所にマスクを適用する、または非表示にすることができます。

An image with multiple plant leaves and wooden bottles selected in Adobe Photoshop with the Lasso tool

なげなわツールでエッジを取り囲む

マウスかスタイラスペンを使えば、フリーハンドでエッジを描いて、その部分を選択できます。正確でなくても構いません。選択範囲は、簡単に付け加えたり削除できるので、失敗した部分を修正することができます。

The Adobe Photoshop Refine Edge tool superimposed over an image of kiwi fruit

「エッジを微調整」ツールを使う

選択ツールで選択した部分のラフなエッジ、または滑らかなエッジでも、「エッジを微調整」 のツールを使ってさらに微調整しましょう。エッジが複雑で細かい部分がある写真の場合、Photoshopの「エッジを微調整」のツールで特定の部分にブラシを適用すると、どの部分のエッジを微調整すればよいのかがわかります。

Photoshopで背景を透過する方法

この手順を踏んだガイドに従い、Photoshopで背景を透明にし、被写体を孤立させる方法を学びましょう。「背景を削除」など、AIを利用したツールを使って背景を完全に消すこともできます。

  • 開く:
    画像ファイルをアップロードするか、Photoshopにドラッグ&ドロップして、ウィンドウ/レイヤーをクリックします。
  • 複製する:
    Ctrl + A(Windowsの場合)またはCommand + A(Macの場合)を押して画像全体を選択し、Control/Command + Cを押して元の画像のコピーを作成し、最後にControl/Command + Vを押して新しいレイヤーに貼り付けます。
  • 隠す:
    画像の右側に表示されるレイヤーパレットで、目のアイコンをクリックして背景レイヤーを非表示にします。
  • 削除する:
    プロパティパネルで、クイック操作/背景を削除をクリックします。
  • 保存する:
    Adobe Senseiによって画像が分析され、背景が削除されたら、透明度を維持するためにPSD(Photoshop)またはPNGファイルとして保存します。
  • ヒント: レイヤーマスクそのものを表示するには、WindowsではAltキー、MacではOptionキーを押しながらレイヤーのサムネイルをクリックします。

https://main--cc--adobecom.hlx.page/cc-shared/fragments/products/photoshop/do-more-with-adobe-photoshop

編集が上達する機能を試す

Photoshopのチュートリアルを参考に画像編集の腕を上達させましょう。

選んで描く

選択範囲の作り方や調整の仕方を学び、またよく使われる選択ツールを選びましょう。

良い判断をする

合成写真を作る

複数の写真を組み合わせて、印象的な画像を作成してみましょう。想像したより簡単に作成できます。

合成写真をブレンドする

背景を置き換える

Photoshop で背景を透明にすると、画像をまったく新しい画像に変えることができます。

背景を置き換える

Photoshopで背景を透過する方法

  • 開く:
    画像ファイルをアップロードするか、Photoshopにドラッグ&ドロップして、ウィンドウ/レイヤーをクリックします。
  • 隠す:
    画像の右側に表示されるレイヤーパレットで、目のアイコンをクリックして背景レイヤーを非表示にします。
  • 削除する:
    プロパティパネルで、クイック操作/背景を削除をクリックします。
  • 保存する:
    Adobe Senseiによって画像が分析され、背景が削除されたら、透明な状態を維持するためにPSD(Photoshop)またはPNGファイルとして保存します。
  • ヒント: レイヤーマスクの形を確認するには、WindowsではAltキー、MacではOptionキーを押しながらレイヤーのサムネイルをクリックします。

よくある質問

Photoshopで透明な背景を作成するためのショートカットキーはありますか?

「クイック操作」の下にある「背景を削除」ツールを使用して背景を削除し、ブラシツールを使用して小さな消し残しを塗りつぶすことができます。

Photoshopで透明な背景のGIFファイルを書き出すことはできますか?

はい、ただし制限があります。GIFではアルファ透明度がサポートされないため、すべてのピクセルが100%透明であるか、透明でないかのどちらかになります。両者の中間は存在しません。より微妙な透明度を維持する必要がある場合は、透明なPNGを使用する方がよいでしょう。

Photoshop web版で、背景を無料で透明にする方法はありますか?

はい、無料のAdobe Expressプランを使用して、画像の背景を透明にすることができます。写真をアップロードして数回タップするだけで、透明な背景を作成できます。

Photoshopで、スクリプトを使って背景を一括で透明にすることはできますか?

はい、Photoshopでスクリプトを使用して、背景を一括で透明にすることは可能です。Photoshopでは、JavaScriptと呼ばれるスクリプト言語を使用できます。これにより、多くの反復タスクを自動化し、複数の画像に対してバッチ処理を実行できます。

例えば、一連の画像を取得し、すべての画像に対して特定のアクション(背景を透明にするなど)を適用するスクリプトを作成することもできます。このスクリプトを実行するには、Photoshopでファイル/スクリプト/参照を選択してスクリプトファイルを選択します。この方法を使えば、各画像に対して手動でタスクを実行することなく複数の背景を透明にし、時間と労力を節約できます。

Photoshopで、スマートオブジェクトに透明の背景を設定することはできますか?

はい、できます。レイヤーパネルで、プロパティパネルをクリックし、「背景を削除」ボタンをクリックします。このクイックアクションを実行すると、背景が削除され、そのレイヤーでは被写体の周囲にマスクがかけられた状態になります。

https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/photoshop/merch-card/segment-blade