PhotoshopCS5で背景を透明にする方法。 Photoshopでレイヤーを透明にする方法

28.01.2015 27.01.2018

Photoshopで画像に透明なレイヤーを作成するのは、梨を殻から取り出すのと同じくらい簡単です。この短い説明文には、この主題に関する包括的な情報が含まれています。 ですから、何の問題もないことを願っています。

透明なレイヤーまたは背景とは何ですか? ある画像を別の画像に重ね合わせることができるようにします。

Photoshopのデフォルトの透明レイヤーは、チェッカーボードとして表示されます。 透明なレイヤーは次のようになります。

そして、これはレイヤーのリストがどのように見えるかです

透明レイヤーの上に別の画像レイヤーを配置できます。 これは、フォトショップの透明なレイヤー上でリンゴがどのように見えるかです。

そのような画像は 透明な背景リンゴの下にあるので、サイトのどの背景にも挿入できます。

Photoshop自体で作成できます 新しいレイヤーリンゴの下に、背景を塗りつぶします。 結果は同じになります。

レイヤーの透明度を調整することもできます。 これは、さまざまな目的で必要になる場合があります。たとえば、半透明の背景を作成したり、画像を透明にしたりします。

レイヤーパネルでレイヤーの透明度を下げることができます。 必要なレイヤーをアクティブにして、不透明度のパーセンテージを下げます。

Photoshopの透明レイヤーの目的が明確になったことを願っています。

あなたが残したかもしれない唯一の質問は、あなたの画像に透明な背景を作る方法です。 これを行うには、保持する画像の部分を選択し、残りの選択を削除する必要があります。 あなたはそれを正しく行う方法と私の中で複雑なオブジェクトを選択する方法を見つけることができます 無料ビデオコース「Photoshopでの選択方法」. 彼に教えるために、サイトの左側のパネルにデータを記入してください。そうすれば、コースがあなたのメールに届きます。

39 60 921 0

特定の目的で写真を選択した場合、それはあなたに合っているように見えることがよくありますが、重要なニュアンスが1つあります。それは、色が一致しないことです。 この状況は、コンテンツマネージャー、またはグラフィックの配置を扱う人々には非常によく知られています。 この場合はどうすればよいですか? 画像の背景を透明にして、メイン画像がインターネットページやバナーの背景に対して見栄えがするようにする方法以外は何も思い浮かびません。 今日はこれを行う方法を説明します。

必要になるだろう:

処理の準備

これを行うには、グラフィックエディタを開きます アドビフォトショップ、[ファイル]、[開く]の順にクリックし、背景を透明にする画像を選択します(またはをクリックします) 右クリック必要な画像の上にマウスを置き、[プログラムから開く...]メニューに移動し、リストの中から プレインストールされたプログラム Adobe Photoshopを選択します)。

例として一時停止の標識を使用しますが、原則として、元の写真であれば何でもかまいません。 そこで、画像をアップロードしました。 次は何ですか?

「魔法の杖」での作業

すでにお察しのとおり、サイドツールバーにあります(Adobe Photoshopでホットキーの割り当てを変更していない場合は、[W]ボタンを押してこのツールを選択できます)。

「魔法の杖」を選んだのは、 トップメニューその設定のメニューが利用可能になります。 「許容値」の列で、値「21」を設定することをお勧めします。 おそらくこれらは、背景をぼやけたり透明にしたりするために必要なすべての準備です(私たちの場合のように)。

背景を削除します

そのため、「魔法の杖」を背景の削除したい領域に向け、マウスの左ボタンでクリックします。 背景のある部分が一点鎖線で強調表示され、「削除」ボタンを押すだけです。 チェッカーボードのような色の背景が得られるまで、この手順を順番に繰り返します。 これは、そのような領域が透明であることを意味します。

画像を保存する

ファイルは.PNG形式でのみ保存する必要があることに注意してください。そうしないと、背景の「透明度」が表示されません(代わりに白で塗りつぶされます)。

親愛なる友人や読者の皆さん、良い一日を。 私は毎日ブログに記事を書いているので、それぞれに何らかの紹介写真が必要です。 そのためには、インターネットで特別な画像を探す必要があります。 理想的には、背景が透明な画像があります。 これにより、不要なオブジェクトがなくても画像に完全に収まるため、作業が大幅に容易になります。

しかし、たまたま一般的なテーマに合う素晴らしい画像を見つけましたが、そのような犬である彼女は、不要なオブジェクトと背景を持っています。 そして、何? スコア 良いグラフィック? とんでもない。 そして今日は、Photoshopで画像の透明な背景をいくつかの非常に簡単な方法で作成する方法を紹介します。

あなたは私が書いた私の記事を見ることができます。 この方法は私たちの目的には適していますが(オブジェクトを選択して、透明な背景の新しいドキュメントに転送することもできます)、このような複雑な選択にのみ使用することをお勧めします。 通常の不要な背景の削除(つまり、透明な背景の作成)には、より簡単な方法を使用します。

メインの作業を開始する前に、画像を開いて、要素が収まるまでトリミングしてみてください。 この方法の方が簡単だと信じてください。 さらに、これを行うのは難しくありません。 境界線を取り、縮小するだけです。

ゼロから何かを行うことを期待している場合は、最初に、新しいドキュメントを作成するときに背景が透明であることを確認してください。 これを行うには、新しいドキュメントを作成し、すべてのパラメータを設定した後、必ず設定してください 「透明な背景」..。 そして、私たちはいつものように働きます

魔法の杖

このツールを使用すると、背景が均一または同様の構造になっている場合に、背景を削除するのが最適です。 たとえば、ロープに乗ったサルの写真を撮りました。 ご覧のとおり、背景は白で、透明なものが必要です。 次に、指をクランチして、すべてを段階的に実行し始めます。


背景が少なすぎるか多すぎる場合は、許容値を試してみてください。 大きいほど、キャプチャするピクセルは類似しています。 許容値が最小の場合は、厳密に1つの色が強調表示され、許容値が大きい場合は、範囲にはこの色に近い色合いも含まれます。

そのような画像はフォーマットで保存する必要があることを忘れないでください PNG画像そうしないと、透明度が失われ、背景が再び白くなります。

背景が非常に不均一で、許容範囲でさえ役に立たないことがはっきりとわかる場合は、たとえば他のもの、または投げ縄を使用します。 ちなみに、私はすでにこれを示しました。

消しゴム

また、通常のもので背景を消すことができます。 はい、まさに彼らに。 レイヤーからロックを削除することを忘れないでください。そうしないと、透明度の代わりに、すべてが白で塗りつぶされます。

もちろん、このプロセスは非常に退屈です。 結局のところ、通常の剛性を取り、要素自体に触れずに静かに洗う必要があります。 この場合ヒョウ。 いずれにせよ、それはオプションとして除外することはできません。 同意しますか?

もちろん、もっと簡単な方法、つまりツールがあります 「バックグラウンドイレーサー」..。 唯一のことは、背景と要素の色と彩度が十分に異なることです。 そこで、空に向かってジャンプするトラの写真を撮りました。 素晴らしいオプションです。


さて、同時に私はもう一つの消しゴムを忘れません。 同じツールセットで、 「魔法の消しゴム」..。 ここでも、許容誤差を確認します。 そのような構成で、あなたは置くことができます 上級許容範囲も 80-90 .

今、私たちは空を一度クリックする必要があります。 何が起こったのか分かりますか? もう何も洗う必要はありません。 空のほとんどはシングルタップで削り取られます。

大空の残りの部分をクリックして、完全に削除します。 虎は透明な背景にのみ置く必要があります。 さて、それならすべてが計画に従っています。 すべてを透明にするためにクリーンアップし、画像をフォーマットで保存します PNG画像.

良い? 美しさではないですか? すべての。 今では、あらゆる種類のコラージュやその他の種類の画像に使用できます。 彼があなたを攻撃しようとしているように見せることもできます)))。 さて、これはあなたの想像力があなたに伝える方法です。

さて、あなたが真剣に美しく、面白くてプロのコラージュを作る方法を学びたいのなら、ぜひ見てください ElenaVinogradovaからのコース、このトピックに関するプロのコラージュメーカー。 コースは本当に素晴らしく、そよ風に見えます。

さて、これで私はあなたに別れを告げます。 今日は私のレッスンを楽しんでいただき、お役に立てば幸いです。 ブログの更新を購読し、で友達と共有することを忘れないでください ソーシャルネットワーク..。 そして、私は他の記事であなたを待っています。 ちなみに、競争を忘れてしまいましたか? 結果は一週間以内に発表します。 急いでいます! さて、私はあなたの成功を祈っています。 バイバイ!

よろしく、ドミトリー・コスティン。

印刷レイアウトまたはレイアウトサイトを開発する場合、画像の一部を透明にする必要がある場合があります。 たとえば、写真の背景がレイアウトの背景と一致するように、または画像のコーナーがテキストと重ならないようにします。

画像の背景が透明なので、画像を美しくすることができます。 この手法により、空白が減り、レイアウトの外観が向上します。

CorelDRAWやIllustratorなどのベクターエディターは、アウトラインマスクを使用して画像の一部を非表示にすることができます。これは、被写体の形状が単純な場合に、すばやく簡単に背景を透明にする方法です。

ただし、最善の解決策は、Photoshopで画像を準備し、背景の透明度をサポートする形式で保存することです。

このビデオチュートリアルでは、3つの方法と、どの形式が透過性をサポートするかについて詳しく説明します。

背景を透明にするには、オブジェクトを切り取って背景を削除する必要があります。 オブジェクトの形状に応じて、特定の状況で快適なものを選択してください。

完成した画像の品質は、主に選択の品質に依存します。 適切ななげなわツールを使用して、オブジェクトの形状をできるだけ正確に一致させるようにしてください。

オブジェクトのエッジがシャープでない場合は、選択範囲のエッジもわずかにぼやけている必要があります。 これを行うには、選択範囲を右クリックして、フェザー値を設定します。 ぼかし値は選択全体に適用されます。

ただし、アイテムの一部のみが含まれているまれな状況があります ぼやけたエッジまたは焦点の欠如。 この場合、いくつかの選択方法を組み合わせる必要があります。

たとえば、境界の定義が異なる、焦点の度合いがそれぞれ異なる、より複雑な画像を意図的に選択しました。

主な主題 高解像度下の画像に示すように、境界線は通常のなげなわツールで選択でき、ファジーエッジは「」(クイックマスク-キーQ)の柔らかいブラシで選択できます。

この方法の利点は、ペイントするときにブラシの硬度を変更することで、エッジの硬度を変更できることです。 ただし、欠点もあります。ブラシによる選択は、なげなわほど正確ではありません。 しかし、これは、境界線の定義が異なる選択を取得する唯一の方法ではありません。

選択範囲にあいまいな領域を追加する

次に、別の選択方法について詳しく説明します。 境界がはっきりしている画像の主要部分を選択し、-Select / Save Selection ..を押します。

選択を解除して、ファジー領域の周りに新しいものを作成します。 右クリック-フェザー...目的の値を設定します。 通常、数ピクセルで十分です。

次に、-選択/選択のロード...項目を選択-選択に追加(選択に追加)を押します。 過去の選択は新しい選択に固執し、さまざまな程度のぼかしが持続します。

おそらく、この手法は前の手法よりも複雑に見えるでしょう。 一般的に、あなたにとって都合の良いことをしてください。

背景を削除した後、透明度をサポートする形式で画像を保存する必要があります。

PSDは最初のものです。 すべてのAdobeエディターおよびそれ以降で簡単に読むことができます。 エフェクトレイヤーなどに関するすべての情報が含まれています。 したがって、原則として重いです。

Tiffは、前の形式とプロパティが似ている形式です。 透明な領域も含まれる場合があります。 高品質であるため、印刷業界でよく使用されます。

PNG-重量が比較的小さく、画質を維持できます。 Webデザインで最もよく使用されます。 バナー、Webサイトのボタン、Webページのグラフィック要素には、多くの場合、この形式が含まれています。

注意! 保存する前に、選択プロセス中にアルファチャネルを作成した場合は、必ず削除してください。

マスクで背景を切り取る

この方法では、 Photoshopプログラム..。 レイアウトプログラムCorelDRAWまたはIllustratorで直接、オブジェクトの輪郭をアウトラインで囲み、その外側のすべてを非表示にすることができます。

被写体の形状が単純な場合(円、長方形、三角形など)、マスクを適用することで画像処理の時間と労力を節約できます。 より複雑なオブジェクトの形状については、Photoshopと透明度をサポートする画像形式を使用することをお勧めします。

この方法のもう1つの欠点は、Photoshopでの処理とは異なり、マスクが被写体のエッジを部分的にぼかすことはできないことです。

AdobeIllustratorのクリッピングマスク

Illustratorに画像を配置し、被写体の輪郭を描きます。 次に、画像とパスを一緒に選択し、右クリックします-クリッピングマスクを作成します。 輪郭の外側の画像の部分は非表示になっています。

画像の一部をマスクで切り取った後、パスの編集を続けることができます。 クリッピングマスクをダブルクリックすると、パス内のオブジェクトの位置を変更したり、削除したり、新しいオブジェクトを追加したり、パスの形状を変更したり、クリッピングマスクを再度分解してすべての要素を引き出したりできます。

CorelDRAWのPowerClip

CorelDRAWにも同じトリックがありますが、動作が少し異なります。 また、アウトラインでオブジェクトの輪郭を描く必要があります。次に、画像を選択して、[効果] / [PowerClip] / [フレーム内に配置...]をクリックします。アウトラインを表示するポインターの代わりに矢印が表示されます。

マスクを作成した後、CorelDRAWでアウトラインを編集することもできます。

CorelDRAWでも、パスを作成せずにオブジェクトを透明にすることができます。シェイプツールを使用して画像のエッジのノードを移動するだけで、そのシェイプを変更できます。 パスをダブルクリックすると、新しいノードが作成されます。

3.ブレンディングモードによる透明度

レイアウトの背景など、写真の背景がすでに白であるが、画像の角がレイアウトの重要な詳細と重なっている場合の対処方法。 この場合、ブレンドモードを適用できます。 このモードを画像に適用すると、白い角が画像に収まらないようにするのに十分です。

この方法では、ボタンを1回クリックするだけで、何も選択したり切り取ったりすることなく、透明な背景を取得できます。

Illustratorで、[透明度]パネル-[ウィンドウ] / [透明度]を開きます。 次に、モードを選択します-乗算(乗算)。

CorelDRAWで、透明度ツールを入手します。

ツールオプションパネルで、下のスクリーンショットに示すように調整します。

このモードは慎重に使用する必要がありますが、欠点もあります。 白い背景でのみうまく機能し、テキストや他の画像に重ねるとオブジェクト自体も透明になります。

ビデオチュートリアル:透明な背景

見て 詳細なビデオ Adobe Photoshop、Illustrator、CorelDrawで3つの異なる方法で背景を透明にする方法のレッスン:

(2,851回訪問、今日は1回訪問)

トピックの続き:
その他

今日、インターネット上のソーシャルネットワークは、特定の基準で人々をネットワークにまとめる特殊なサイトです。 彼らの成長の中で...