主なコンテンツにスキップ
Tips & Ideas

Dec 27, 2024

Illustratorで背景を削除する方法

Adobe Illustratorは1987年のリリース以来、業界標準のベクター描画アプリケーションとして知られています。タイポグラフィ、イラスト、ロゴデザインに携わる方にとって、Illustratorは欠かせないソフトウェアです。このガイドでは、Illustratorで背景を削除する最良の方法をご紹介し、新しいスキルも習得できます。

How to remove backgrounds in Illustrator

「画像トレース」でベクターを作成してからIllustratorで背景を削除する

Adobe Illustratorを使用する際は、ベクターで作業することをおすすめします。ベクター化された画像はコンピューターの数式で描かれています。JPEGなどの通常の画像よりもシャープで、ズームインしてもピクセル化しません。

特に優れている点として、Illustratorは被写体と背景を簡単に区別できることが挙げられます。このソフトウェアは特に白い背景の削除が得意です。

1. コンピューターからファイルを開き、ワークスペースに画像を配置します。

2. 表示 > 透明グリッドの表示(WindowsとMacでそれぞれShift+CTRL+D、Shift+Command+D)に移動します。これにより、透明度を示す市松模様の背景が表示されます。

3. ドロップダウンメニューのウィンドウ > 画像トレースをクリックして画像トレースウィンドウを開きます。

4. ツールバーの選択ツール(黒い矢印)をクリックし、画像をクリックして選択します。

5. 画像トレースウィンドウに戻り、最良の結果を得るために高精度写真を選択するか、画像に最も合う他のプリセットを選択します。

6. ドロップダウンメニューでオブジェクト > 分割・拡張をクリックします。これによりベクターに変換されます。

7. ツールバーのダイレクト選択ツール(白い矢印)を使用して、削除したい背景部分をクリックして選択します。Deleteを押します。各エリアごとに行う必要があるかもしれません。

8. .PNGまたはEPSファイルとしてファイルをエクスポートし(第3ステップ参照)、背景を透明チェックボックスにチェックが入っていることを確認します。

Tips & Ideas

Photoshop(フォトショップ)を使って背景を透過/削除する5つの方法 

ペンツールとクリッピングマスクを使ってIllustratorで背景を削除する

Illustratorで背景を削除するもう一つの方法は、クリッピングマスクを使用することです。それとは何でしょうか?このオブジェクトは他の画像を隠したりマスクしたりするため、範囲内にあるものだけが表示されます。周囲や内部をカットできるテンプレートのようなものです。

クリッピングセットとはマスクと隠されたオブジェクトの総称です。グループやレイヤー内のすべてのオブジェクトを含めることも、選択することもできます。

クリッピングマスクはベクターになりますが、通常のJPEGやその他のファイル形式もマスクできます。

始めましょう!

最初にすることは、背景を削除した後に残したい画像を選択することです。ペンツールを使用して選択を行います。

Adobeの標準ペンツールは、Illustratorで背景を削除するのに最適な方法です。直線セグメントや曲線を描く際に非常に精密なコントロールができますが、慣れるまで少し時間がかかります。

方法は以下のとおりです:

1. オブジェクトを開いたら、最大限にズームインします。マスクの品質は、オブジェクトの周囲に精密なマスクを作成できるかにかかっています。Zを押すか、ツールバーからズームツールを選択できます。

2. ペンツールを開きます。線のカラーを選択し、塗りなしオプションを選択します。画像の周囲をクリックしてアンカーポイント(点)を作成することでアウトラインを作成します。次に、新しい直線を作成したり、点を使って曲線を形成したり、細分化したりして、それらをつなぐ線を操作できます。直感的な学習プロセスです。詳細はこちらをご覧ください。

3. 最適なアウトラインを作成したら、最初のアンカーポイントをクリックしてシェイプを閉じます。完璧でなくて構いません。次のステップで調整できます。

ペンツールで選択を作成したら、クリッピングマスクを作成する時です。

1. Shiftを押しながらクリックして、両方の画像(画像全体とアウトライン)を選択します。

2. PCでマウスを右クリックするか、MacでCTRL+クリックして、クリッピングマスクを作成を選択します。オブジェクトだけが残るはずです。

3. ダイレクト選択ツールやペンツールを使用してさらにアンカーポイントを追加しながら、マスクを調整し続けることができます。

4. 透明度を示す市松模様の背景を表示するには、表示 > 透明グリッドの表示(WindowsとMacでそれぞれShift+CTRL+D、Shift+Command+D)をクリックします。

4. .PNGまたはEPSファイルとしてファイルをエクスポートし(第3ステップ参照)、背景を透明チェックボックスにチェックが入っていることを確認します。

魔法の杖を使ってIllustratorで背景を削除する

背景を削除したい画像がすでにベクターファイル(例:AI、EPS、SVGの拡張子や一部のPDF)の場合、Illustratorでの背景削除はさらに簡単です。

まず削除したい部分(この場合は背景)を選択します。最も簡単な方法の一つは、魔法の杖ツールを使用して選択することです。

魔法の杖は、同じような特性を持つプロジェクトのオブジェクト、セクション、または部分を選択したい場合に最適です。ツールは選択したいものを推測しようとし、クリックすることでエリアを追加または削除できます。

魔法の杖を使用するには、以下の手順に従います:

1. 画像の最も代表的な部分(選択したい属性を持つ部分)をクリックします。魔法の杖ツールは一致する要素を選択します。

2. Shiftを押したまま選択したい要素を含む画像の別の部分をクリックすることで、選択を拡張できます。

3. 要素を選択しすぎた場合は、Alt(Windows)またはOption(macOS)を押しながらクリックして、選択からアイテムを削除します。

4. このツールは直感的ですが、少し気まぐれです。より正確にしたい場合は、ツールバーで設定をカスタマイズできます。たとえば、同じ(またはほぼ同じ)色、不透明度、または線幅を持つ選択に絞り込むことができます。また、各エリアでアルゴリズムが選択する確率を変更することもできます。

5. 削除したい背景部分がすべて選択されたら、Deleteを押します。必要に応じて複数回繰り返せます。

EPSファイルとして保存してIllustratorの白い背景を削除する

ベクターで作業する価値についてはすでにお話しました。ビットマップファイルとは異なり、スケーラブルなのでズームインしてもブロック状に見えません。

ロゴやその他のデザインを作成している場合、EPSファイルとして保存することは将来への良い投資となります。印刷したりデジタルアセットに含めたりする前に、好きなだけ大きくできます。

これはIllustratorの白い背景を削除する簡単な方法でもあります:EPSファイルを保存すると、背景が自動的に透明になります。

ファイルをEPSとして保存するのは簡単です。

1. ファイルをクリックし、別名で保存を選択します。表示されるメニューからIllustrator EPSを選択します。保存を押します。

2. 表示されるEPSウィンドウのプレビュー下にある次のメニュー(フォーマット)からTiff(8ビットカラー)を選択します。透明が選択されていることを確認し、クリックしてOKを押せば完成です!透明な背景を持つEPSファイルが出来上がります。

Illustratorの最良の代替ソフトウェア:Affinity

Affinityは、Serifが開発した買い切りソフトウェアで、写真家やデザイナー向けのプロフェッショナルなツールスイートを提供します。複雑な画像の編集やレタッチを可能にする高度な機能を備えています。

Affinity Photoで画像の背景を削除するには、以下の手順に従います:

  1. 背景を削除したい画像を開きます。

  2. 左側のツールバーから選択ブラシツールを選択します(またはWを押します)。

  3. ブラシサイズを調整するには[ ]キーを使用するか、上部バーの幅ボタンをクリックします。

  4. 適切なブラシサイズになったら、被写体の上を簡単に塗ることができます。

  5. 誤って背景の一部を選択してしまった場合は、ブラシツールを「追加」モードから「減算」モードに切り替えます。また、キーボードの「alt」または「option」を押し続けることもできます。

  6. 次にクリックしてドラッグし、選択から背景エリアを削除します。

  7. 髪の毛や毛皮など画像の一部が上手く削除されていない場合は、上部ツールバーの「精細化」ボタンをクリックできます。

  8. ダイアログボックスが開き、多くのオプションが表示されます。最も一般的なのは「matte」です。これをオンにすると、髪の毛の上を塗ることができ、Affinityがより上手く選択してくれます。

  9. 完了したら、下の > 適用を押すことができます。

  10. パネル下部のマスクシンボルを選択してマスキングを続けることができます。

  11. アクティブな選択を解除するには、WindowsではCtrl+D、MacではCmd+Dを押します。

  12. マスクをさらに精細化したい場合は、マスクレイヤーをクリックします。

  13. 修正が必要な箇所がわかったら、マスクの上を塗る必要があります。キーボードの「b」を押してブラシツールを選択します。

  14. ブラシの硬さを0%に設定してブラシストロークを柔らかくします。

  15. 次にマスクを選択して塗れるようにします(フォトレイヤーを編集しないよう注意してください)。

  16. 誤って隠してしまった写真の部分を白で塗ります。選択を精細化するためにいつでも黒に戻ることができます。

  17. 編集が完了したら、透明な背景で画像を保存できます。これを行うには、> ファイル > 書き出しに移動し、透明度をサポートするPNG形式を選択します。

    以上です!このプロセスの視覚的なステップバイステップガイドが必要な場合は、以下の動画をご参照ください:

より速い代替手段をお探しの場合:remove.bgで数秒で画像の背景を削除

IllustratorまたはAffinityのライセンスをお持ちでない場合、または時間が限られている場合は、より簡単で速いツールを使用できます:remove.bg

remove.bgを使用すると、わずか数秒で画像の背景を自動的に削除できます。方法は以下のとおりです:

  1. remove.bgのウェブサイトにアクセスします。

  2. 画像をサイトにドラッグ&ドロップするかアップロードします。remove.bgが自動的に背景を削除します。

  3. 以上です!これで > ダウンロードをクリックして、透明な背景の画像をスマートフォンやラップトップに保存できます。

  4. 画像の背景を変更したい場合は、> 背景をクリックしてギャラリーの数百万のオプションから選択するか、自分のものをアップロードします。

voilà、背景のない画像が新しいデザインやプレゼンテーションの準備完了です。

お役に立てれば幸いです。楽しい背景削除を!


更新日:2024年12月27日。
公開日:2021年6月16日。

すべてのブログ投稿

コメント

carla 2023年02月25日(土)
This was TOTALLY useful this eve when I needed to change a b&w logo to another color, and all I had was a non-transparent .png (and I needed transparent). The first tip in this article was exactly what I needed. It also taught me about a few functions in Illustrator that I hadn't needed or run into before. Thanks so much! I
doni 2022年04月28日(木)
thanks!!! :)
jules 2022年01月05日(水)
thank you <3
  • 詳しいこと

  • すべての機能
  • 撮影者
  • マーケティング
  • 開発者
  • E コマース
  • メディア
  • 自動車ディーラー
  • 企業
  • 成功例
  • ツール & API

  • API ドキュメンテーション
  • 統合、ツール、アプリ
  • Photoshop拡張
  • Windows / Mac / Linux
  • Androidアプリ
  • デザインテンプレート
  • サポート

  • ヘルプ & よくある質問
  • お問い合わせ
  • 返戻
  • プラットフォームの状態
  • リソース
  • 当社

  • ブログ
  • アフィリエイトプログラム
  • 自動でデザインを作成
  • ビデオの背景削除
  • キャリア
  • 当社について
  • 報道機関様およびパートナー企業様

© remove.bg, a Canva Austria GmbH brand

  • 利用規約
  • 一般取引条件
  • プライバシーポリシー
  • Cookieポリシー
  • インプリント

フィードバックありがとうございました!

当社の向上に支援しませんか? (任意で)

  • 画像の使用許可を与えると、remove.bgの向上に役立つことができます。
  • 人工知能に教える。
  • 今後は類似画像のより精度いい仕上がることができます。
品質向上に支え、この画像の使用許可を与える場合にクリックする。
画像使用を拒否したいはこちら。 

あなたのアップロードした画像はremove.bgの向上するために利用します。

あなたの画像はremove.bgの向上に使用されません。