jpgから背景が透明なpngを作成する方法。 写真の背景を透明にする方法。 背景を削除する方法: 不必要な手間をかけずに簡単かつ迅速に行う方法

22.10.2020
2票

読者の皆様、こんにちは。 背景が透明な画像を作成する能力は、初心者の Web サイト開発者、デザイナー、さらには一般人にとっても非常に必要です。

これは Photoshop で最も人気のある機能であるため、プロセス自体だけでなく、Photoshop で背景なしで写真を保存する方法についてもできるだけ詳しく説明することにしました。

多くの人がこれに問題を抱えていることがわかりましたが、インターネット上にはこのトピックに関する出版物はまったくありません。 フォーラムにはいくつかのトピックしかありません。 しかし、私はこの不正を正す使命を担っています...

それで、今私は騎士の鎧を着て、すべての恐れ、疑い、誤解を払拭し、Photoshop の芸術の困難を単純な日常生活に変えます。 職人技の繊細さもすべてお伝えします。 準備をしましょう。 私は非常に「担当」になります 簡単な言葉で、誰にでも明らかになるように、そのような細心の注意を当惑し、彼ら自身がすべてを完全に知っている読者にお詫びします。

辛抱強くご理解いただける方に感謝いたします。 始めましょう。

写真を本当に透明にするためには何を達成する必要がありますか?

通常、写真の透明度はこのように表示されます。 Google で表示される場合は、画像が問題なくダウンロードでき、このオブジェクトを別の背景に重ねても色が変わらないことを意味します。

ご覧のとおり、検索対象の画像がサムネイルに反映されている場合、このチェッカーは表示されません。 画像をクリックして、 追加情報開きます。

ほら、この絵をコピーして、フィールドの写真に貼り付けました。 私がどのようにやったかについては詳しく説明しません。今は関係ありません。 最も重要なことは、フィールドのすべての部分が表示され、立方体が切り取られて画像に重ね合わされたように見えることです。

検索でチェッカーが入った写真が見つからなかったら、イラストは全く違ったものになっていたでしょう。 背景は白で長方形になります。

なぜそうなるのでしょうか? このチェッカーボードは一般に受け入れられている記号であり、これが表示される場合は、イラストのこの部分に色がまったくないことを意味し、オーバーレイすると、図面の下の部分が表示されます。 透明度も同様に表示されます。 写真から背景を削除する必要がある場合は、色の代わりにこの貴重なパターンが見えるようにする必要があります。 チェッカー。

透明な写真を適切に保存する方法

私たちは皆、この写真形式である JPEG に慣れています。 他人の存在すら知らない人もいます。 しかし、彼は透明性が何であるかを理解していません。 「正しい」写真をダウンロードしてコンピュータに保存するには、次のことを理解し、覚えておく必要があります。 新しい形式- png.

ご存知のとおり、Google ではチェッカーに加えて、ほとんどの場合、この文字の組み合わせと必要な画像が表示されます。

次に、目的のファイルの種類である png を選択すれば完了です。 どのバージョンでも利用可能です。 見えない場合は、もっと注意深く見てください。 彼なしではどうしようもない。 保証します。

なぜ別の形式を考え出す必要があったのでしょうか? 問題は、一般的な JPEG は透明性が何であるかを理解していないということです。 いつもの白いものに変えます。

背景を削除する方法: 不必要な手間をかけずに簡単かつ迅速に行う方法

私のブログでは、4 つのツールを紹介する記事と、図面の背景を削除する 3 つの方法を説明するビデオを提供しています ()。 興味があれば読んでみてください。 ここで、もう 1 つのテクニックを紹介したいと思います。これがなければこの記事は完成しないと思うからです。 誰かが私のブログを閲覧したくないかどうかはわかりません。 そしてここではすべてが 1 か所にまとめられています。

それでは、写真を開いてください。

「背景消しゴム」ツールを見つけます。 見つからない場合は、通常の消しゴムのボタンの左ボタンを押したまま、マウスを数秒間押し続けます。 適切なツール開きます。 クリックすると追加できます。

消しゴムの直径を大きくして、消しやすくすることができます。

次に、画像内の不要な要素をいじってみましょう。 チェッカーが表示され始め、色が消える様子がわかります。

完了後、処理された図面をどの形式で保存するかという疑問が生じないことを願っています。 もちろんPNGです。

この方法消去は最高とは言えず、信じられないほど便利です。 したがって、このトピックに完全に特化した私の以前の記事に引き続き注目することをお勧めします。

Photoshop での作業に興味がある場合は、Photoshop でお金を稼ぎ始めることをお勧めします。 需要はあります。 簡単に試したり、写真を加工したり、面白いことがたくさんできます。 信じてください、これは本当に必要なことなのです。 いくつかのフリーランス サイトをチェックしてみると、自分の目で確かめることができます。

自分にはそれができないと思っているのか、それともこんなことには年をとりすぎているのか? 時間が足りないですか? 信じてください、これらはすべてばかげた言い訳です。 私は弁護士で十分な収入がありますが、趣味や好きなことはありますか? あなたは人生を最大限に生きていますか? 本当に退屈してないの?

知っていること、興味のあることなら何でも。 インターネットは多くの新しい機会をもたらします。 あなたの人生に変化をもたらしましょう。 お金に興味がなければ、それはさらに良いことです。 これにより、あなたのプロジェクトが高価でクールで成功する可能性が高まります。 有名人は皆、利益のために働いているのではなく、自分の仕事が好きだから働いているのです。 それを「仕事」と呼ぶ人はほとんどいません。

人々がほとんどの時間をコンピューターやテレビで過ごす時代は終わりました。 今では誰もが自分のスキルを開発し、向上させ、自分の知っていることを人々と共有しています。 実際、これは常にそうなのですが、規模が大きくなっただけです。

ところで、つい最近、私は白人の高地の人々の長寿の秘密を読みました。 原則の 1 つは、若い世代が重要な問題についてアドバイスを求めて常に彼らのところにやってくるということです。 高齢者は自分が必要とされていると感じているため、老いに対して否定的な感情を抱きません。 コーカサスでは、年をとることを恐れることはありません。

ちなみに、ポジティブな姿勢も彼らのもう一つの秘密です。 長老たちは、面白い趣味を持たず、怒りっぽく、イライラしていて退屈な人々とコミュニケーションを取りたくない人はいないため、このライフスタイルは、特に老年期には非常に不利益であると主張しています。

何か新しいことをしてください。 Photoshop が大好きな方は、Zinaida Lukyanova によるコースに注目してください。 Photoshopを一から作る 「そしてそれを完璧にマスターしてください。 すぐに有益な趣味が得られるでしょう。 それはデザインではありませんか? この点に注意して独自のプロジェクトを作成してください。


この記事が気に入って、少しでも興味を持った場合は、ニュースレターを購読してください。 今すぐでなくても、何か新しいことをするチャンスを自分に与えてください。 インターネットでお金を稼ぐ方法に関する私の出版物をお送りします。

おそらく、そのうちの 1 つが、まだ知られていない新しいことをするようあなたにインスピレーションを与えるでしょう。 面白いことに気づき、自分も試してみたくなるでしょう。そのとき、何が起こるか誰にもわかりません。

あなたの趣味はそれ以上のものになりますか、それとも賞賛や称賛を得るためにただ仕事の結果を友達に見せるのでしょうか? 多くの人とは異なり、あなたはソファから立ち上がって、いつもの自分を超えた何かをするでしょう。 あなたは自分の人生を変えようとするでしょう。 これは非常に賞賛に値します。

皆様の成功を心よりお祈りしており、この会合が最後にならないことを願っております。

Web サイトのデザインに取り組んでいる場合、サイトに最適な見つかった画像に、削除したほうがよい別の背景が含まれているという事実に対処しなければならないことがよくあります。

それで、Photoshop で写真を開きます。

1. 最初に行う必要があるのは、背景が透明な画像の作業領域を作成することです。 これを行うには:
- レイヤーウィンドウで、レイヤー(ロック付き)をダブルクリックします。
- 表示されるウィンドウで「OK」をクリックします。

ロックが消えるはずです

背景が無地の場合:
ツールを選択します。」 ワンド"は、目的の領域を強調表示するための非常に柔軟なツールです。 私たちの仕事は、写真を除く背景全体を強調表示することです。 これを行うには、魔法の杖の設定 (パラメータ) を調整します。 入場料) 望ましい結果が得られるまで。 私たちも使っています シフトキーすでに選択されているエリア以外のエリアを選択します。 Del を押すと、選択した領域が削除されます。

背景が複数色の場合:
私たちは「」というツールを使います。 クイック選択」。 ここでの私たちの仕事は、背景ではなく、残すべきオブジェクト自体を強調表示することです。 目的の領域が強調表示されるまでクリックします。 強調表示されすぎる場合は、Alt キーを押しながら領域をマイナスします。 Q キーを押すと結果を表示できます。
選択範囲の準備ができたら、Ctrl+C を押してコピーします。 背景が透明な新しいドキュメントを作成し (Ctrl+N)、そこにオブジェクト Ctrl+V を貼り付けます。

3 。 写真に余分なものが残っている場合は、「」を使用してください。 消しゴム」と表示されたら、余分な背景を消すだけです。

4 。 Web 用に画像を保存し (Alt+Shift+Ctrl+S)、GIF または PNG 形式を選択します (その他の場合は、 透明な背景白くなります)。

このトピックに関する役立つビデオ:

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

画像の背景が透明なので、美しいものを作成できます。 この技術により、空きスペースが減り、レイアウトの見栄えが向上します。

そのような ベクトルエディタ CorelDRAW や Illustrator がアウトライン マスクを使用して画像の一部を隠すことができるのと同じように、被写体の形状が単純な場合、これは透明な背景をすばやく簡単に作成する方法です。

しかし 最良の解決策 Photoshop で画像を準備し、背景の透明度をサポートする形式で保存します。

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

透明な背景を作成するには、オブジェクトを切り取って背景を削除する必要があります。 アイテムの形状に応じて、このような場合に便利なものを選択してください。

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

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

ただし、まれに被写体の一部だけがぼやけたり、ピントが合わなかったりする場合があります。 この場合、いくつかの抽出方法を組み合わせる必要があります。

たとえば、私は特に、焦点の度合いが異なり、境界の明瞭さが異なる、より複雑な画像を選択しました。

高度に定義されたエッジを持つメイン オブジェクトは通常のなげなわツールを使用して選択でき、曖昧なエッジは「 」モード (クイック マスク - Q キー) でソフト ブラシを使用して強調表示できます (下の図を参照)。

この方法の利点は、ペイント中にブラシの硬さを変えることでエッジの硬さを変更できることです。 ただし、ブラシの選択はなげなわほど正確ではないという欠点があります。 しかし、これが境界の明瞭さが異なる選択範囲を取得する唯一の方法ではありません。

選択範囲に曖昧な領域を追加する

ここで、別の選択方法について詳しく説明します。 透明な境界線を持つ画像の主要部分を選択し、「選択/選択範囲を保存...」をクリックします。

選択範囲の選択を解除し、曖昧な領域の周囲に新しい選択範囲を作成します。 右クリック - ぼかし... 希望の値を設定します。 通常、数ピクセルで十分です。

ここで、 - 選択/選択範囲のロード... 選択 - 選択範囲に追加 をクリックします。 以前の選択内容が新しい選択内容とマージされ、さまざまな程度のぼかしが保持されます。

このテクニックは、前のテクニックよりも複雑に見えるかもしれません。 一般的には、自分にとって都合の良いことをしてください。

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

PSD はその最初のものです。 誰でも読みやすい アドビエディターなどなど。 レイヤー、エフェクトなどに関するすべての情報が含まれています。 したがって、原則として、重みが大きくなります。

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

PNG は比較的軽量で、画質を維持できます。 Web デザインで最もよく使用されます。 バナー、ウェブサイトのボタン、 グラフィック要素 Web ページにはこの形式が含まれることがよくあります。

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

マスクで背景を切り取る

この方法では Photoshop を使用する必要はありません。 レイアウト プログラム CorelDRAW または Illustrator で直接、オブジェクトのアウトラインを作成し、その外側のすべてを非表示にすることができます。

アイテムにある場合 シンプルな形(円、長方形、三角形など)マスクを使用すると、画像処理の時間と労力を節約できます。 より複雑なオブジェクトの形状の場合は、Photoshop と透明度をサポートする画像形式を使用することをお勧めします。

この方法のもう一つの欠点は、Photoshop での処理とは異なり、マスクを使用してオブジェクトのエッジを部分的にぼかすことができないことです。

Adobe Illustrator のクリッピングマスク

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

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

CorelDRAW のパワークリップ

CorelDRAW にも同じ技術がありますが、動作が少し異なります。 また、オブジェクトの輪郭を描き、画像を選択して、「効果」/「パワークリップ」/「フレーム内に配置...」をクリックする必要があります。ポインターの代わりに、輪郭を表示するための矢印が表示されます。

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

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

3. 透明ブレンドモード

レイアウトの背景など、写真の背景がすでに白であるが、画像の隅がレイアウトの重要な詳細と重なっている場合はどうすればよいですか。 この場合、ブレンド モードを適用できます。 このモードを画像に適用すると、白い角が画像に入り込むのを防ぐのに十分です。

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

Illustrator では、透明パネル - ウィンドウ/透明度を開く必要があります。 次に、モード - 乗算を選択します。

CorelDRAW では、透明度ツールを使用します。

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

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

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

見て 詳細なビデオ透明な背景を作成する方法のチュートリアル アドビフォトショップ、Illustrator、CorelDraw の 3 つの異なる方法:

(訪問数 4,266 回、今日の訪問数 2 回)

テキストロゴを描く3つの方法

グリーティング カードやビデオを作成するときに、よく次のような疑問に直面しました。「どうすればこれができるのか?」 それなし知識 フォトショップ?

Photoshop に慣れている人であれば、これを問題なく行うことができます。 しかし、誰もがまだこのスマートなプログラムを研究しているわけではありません。 どうしてそうなってしまうのでしょうか? 本当に出口はないのでしょうか?

結局のところ、プレゼンテーション、お祝いの言葉、ページを最も魅力的でプロフェッショナルなものにしたいという願望が常にあります。 これらの目的でプログラムを使用する方法についてはすでに説明しました。 それはあなたの写真を作るのに役立ちます、そしてあなたが最初の写真を作るためにそれを使うこともできます。

そして、もう 1 つの秘密をお教えします。今日は、写真の背景を透明にする方法を学びます。 さらに、完全に無料で、費やす時間はわずか 2 分です。

本題に入りましょう。

お気に入りの写真を見つけてください。 まず、白などの非多層背景上の画像である必要があります。 サービスページに移動します。 面倒な登録手続きは必要ありません。 オンライン サービスのリンクをクリックするだけです。

次のウィンドウが目の前に開きます。

「」をクリックしてください コンピュータから画像をアップロードする"。準備した画像を選択します。画像内の別のフォルダーに置くこともできます。または、長時間検索する必要がないように、デスクトップ上に置きます。この画像を 1 回クリックして、" を押します。 開ける".

画像はサーバー ページに表示されます。

右側に窓が3つあり、その真ん中に南京錠があります。 左マウスで 2 回クリックします。 これにより魔法への扉が開かれます。

左側にパネルが表示されます。 ツール"、そのうちの 1 つは " 杖」、これから使用します。 それを 1 回クリックし、選択した画像の背景の空いているスペースをクリックします。 画像の周囲に点線が表示されます。

変革への最後のステップ: 「」を押してください。 デルパソコン上で「」(削除)をクリックすると、背景が市松模様のエリアになります。市松模様の領域が周囲をすべて覆わない場合は、もう一度魔法の杖でその場所をタッチし、「Del」ボタンを押してください。

「閉じる前に画像を保存しますか?」というウィンドウが表示されます。 クリック " はい".

ユーザーによっては、写真によっては背景を透明にする必要がある場合があります。 これは、美的配慮、商業目的で透かしを作成する必要性、その他の理由によるものである可能性がありますが、実際のところ、ユーザーはこれをどのように、どのような助けを借りて行うことができるのか知りません。 この資料では、そのようなユーザーを支援し、オンラインで透明な背景を作成する方法、そのためにどのようなサービスが存在するか、およびそれらの使用方法を説明します。

写真の背景を透明化できるサービス一覧

インターネット上には、写真の背景を無料で削除できるサービスがいくつかあります。 同時に、それらはすべて非常にシンプルなツールを備えており、ほぼ数回クリックするだけで写真の背景を削除できます。 以下にこれらのサービスをリストします 詳しい説明それらの機能。

あなたが私と同じように願望を持っているなら、私はあなたを喜ばせるために急いでいます、私はそれらのほとんどをテストし、最良のもののリストをまとめました(上記のリンク)。

オンラインPhotoshopサービスで背景を削除できます

オンラインで透明な背景を作成できる最初のリソースは、Online-Photoshop です。 操作は非常に簡単で、数分で写真に背景が透明なオブジェクトを取得できます。

  1. 計画を実行するには、リソースに移動し、「画像を選択」ボタンをクリックして、目的の写真をアップロードします。
  2. 後者は画面の左側に表示され、カーソルは黄色の円の形になります。
  3. この円を使用して、背景を透明にしたいオブジェクトの外側の輪郭を黄色の線でマークします。
  4. 次に、ツールバーのプラス記号の付いた緑色の円をクリックし、マークを付けます。 オブジェクトの内部の特徴。
  5. 次に、マイナス記号の付いた赤い円をクリックし、オブジェクトの境界を越えた外部スペースを赤い線でマークします。

次に、右側の矢印をクリックして結果を確認します。 問題がなければ、上部にある「ダウンロード」ボタンをクリックし、結果を PC に保存します。

Pixlr サービスは 1 つの背景色を設定します

透明な背景をオンラインで作成するためのもう 1 つのツールは、Photoshop に似たオンライン エディター Pixlr です。 かなりの数の機能がありますが、私たちは主にオンラインで透明な背景を作成することに興味があります。

IMGonline サービスを使用すると、透明な背景を作成できます

このサービスは、オンラインで背景を透明にすることができる、ほぼ完全に自動化されたオプションです。

このサービスを操作するには、そのサービスにアクセスして「参照」ボタンをクリックし、「無地の背景を次の文字に置き換える」オプションが「透明」に設定されていることを確認して、下部にある大きな「OK」ボタンをクリックします。


処理後、結果を表示したり、適切なリンクを使用して結果をコンピュータにダウンロードしたりできます。

自動化により、結果として得られる処理の品質は通常、上記の Online-Photoshop や Pixlr よりも劣ることに注意してください。

サービス Watermark.Algid.Net

写真に透明な背景をオンラインで無料で作成できるもう 1 つのサービス。

このサービスを使用するには、写真を準備する必要があります。写真の透明な領域を、画像自体に含まれていない色 (たとえば、以下の例に示す青) でペイントする必要があります。 写真が png または gif 形式であることも重要です。


  1. 次に、サイト自体に移動し、「参照」ボタンをクリックし、サービスにファイルへのパスを指定して、「次のステップ」をクリックする必要があります。
  2. 画像が開くので、透明にしたい写真の色をクリックする必要があります(削除する背景は処理後に同じ色である必要があります)。
  3. 背景色をクリックすると、プログラムが処理して透明になります。
  4. 処理に問題がなければ、写真を右クリックして「名前を付けて画像を保存」を選択してください。

LunaPic サービスは画像の背景を削除します

透明な背景を作成するこのサービスは、機能的には前のサービスと似ており、背景を 1 色で作成する必要があります。 この色を透明な背景に変換し、ユーザーが必要とする画像を取得します。

  1. このサービスを利用するには、サービスにログインし、「参照」をクリックして必要な写真をアップロードします (または、下の行にオンラインでその写真へのリンクを提供します)。
  2. 次に、写真内で透明にしたい色を選択し、マウスでクリックします。
  3. 写真は処理され、理想的には背景色が透明になります。

Watermark.Algid.Net サービスと比較すると、LunaPic サービスは本格的な写真エディターに似ており、組み込みの機能を使用して背景を 1 色で着色できます。 このサービスツール。

結論

上記では、オンラインで背景を透明にすることができる便利で使いやすいサービスをいくつかリストしました。 私の意見では、最も効果的なのは Online-Photoshop サービスと Pixlr サービスであり、それらの処理結果は良好なレベルにあり、オプションの詳細はまったく複雑ではありません。 写真の透明な背景を作成する必要がある場合は、オンラインで簡単かつ迅速に透明な背景を作成できるこれらのツールの機能を利用することをお勧めします。