Photoshopで透明なPNGを作成する方法

写真家の職場

画像クレジット: structurexx / iStock / GettyImages

Photoshopで透明なPNGを作成することは、背景色やデザインを採用しながら、ロゴや画像を既存のWebページの上に配置できるようにする一般的なタスクです。 基本的に、グラフィックまたはロゴのみが表示され、背景は新しいWebページまたはドキュメントによって提供されます。 たとえば、ヘッダーロゴがあり、透明性のないWebサイトにロゴを配置した場合、ロゴの背景は白またはオフカラーの正方形として表示されます。 グラフィックの背景を透明にし、ロゴのみが表示され、Webページのコンテンツを妨げるものは何もありません。

PNGPhotoshopファイル選択準備

透明なPNGを作成する前に、元のファイルのコピーを作成し、そのコピーをAdobePhotoshopで開きます。 元のコピーを保存すると、PNGファイルでエラーが発生した場合のバックアップオプションが残ります。 また、元のファイルを他の目的に引き続き使用できることも意味します。

今日のビデオ

背景をクリアする

Photoshopで背景を削除して画像に透明度を追加するには、垂直ツールバーから「魔法の杖」ツールを選択します。 マジックワンドを使用して、背景領域をクリックして選択し、キーボードの「Delete」キーをクリックしてその領域を削除します。 グラフィックの隅やクレバスに背景が残っている場合は、マジックワンドとを使用してそれらの領域を個別に選択します。 すべての背景が削除されるまでそれぞれを削除するか、「Shift」キーを押しながらいくつかの領域をクリックして背景を展開します 選択。 「削除」キーをクリックします。 選択した領域が消え、透明度を示す灰色と白のチェッカーボード効果に置き換えられます。 チェッカーボードはドキュメントに印刷されたり、Webサイトに表示されたりしません。この時点で、ファイルをPNGとして保存して、透明なグラフィックを作成できます。

Photoshopを超えて

Photoshopは、高度で有能な画像編集ソフトウェアです。 あなたはそれを使って画像に信じられないほど洗練された変更を加えることができます。 ただし、透明な背景を同じように作成できる高品質のプログラムがいくつかあります。 無料のものもあれば有料のものもありますが、ほとんどは同様のプロセスを使用しています。 LunaPicには、[編集]メニューオプションに直接リストされている透明度オプションがあります。 写真を開き、[透明な背景]をクリックするだけで、プロセス全体をショートカットできます。 Photoshopソフトウェアをまだ所有していないか、アクセスできない場合は、少し調べてみるとたくさんの選択肢があります。 一部は、ロゴの作成に焦点を当てた透明な画像とグラフィックを作成する単一のタスクに制限されています。