Adobe Illustrator で背景を削除する方法

Adobe Illustrator で画像の背景を削除するには、ペンツールまたはマジックワンドツールを使用して前景オブジェクトのアウトラインをトレースします。次に、画像を右クリックして、「クリッピングマスクの作成」を選択します。ここでは、背景を簡単に「削除」し、Web サイトやその他のクリエイティブプロジェクトに画像を含めることができます。 Illustrator のツールを使用して写真や看板から背景を削除したり、背景を透明にしたり、新しく作成した画像を保存する方法を学びます。

方法1方法1/2:

ペンツール

1Adobe Illustrator で画像を開きます。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/dd\/Remove-Backgrounds-in-Adobe-Illustrator-Step-2-Version-3.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/i mages\/thumb\/d\/dd\/Remove-Backgrounds-in-Adobe-Illustrator-Step-2-Version-3.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Z キーを押してズームツールをアクティブにします。 ^{[1] X研究ソース}写真から画像の背景を削除するには、残したい部分の周囲に正確なアウトラインを作成する必要があります。この精度を実現するには、ズームツールを使用するのが最適です。
- 単一の図形やアウトラインなどの単純な画像を扱う場合は、マジックワンドツールを使用します。
3 Cmd + Space (Mac) またはCtrl + Space (PC) を押して拡大します。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ca\/Remove-Backgrounds-in-Adobe-Illustrator-Step-4-Version-3.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/i mages\/thumb\/c\/ca\/Remove-Backgrounds-in-Adobe-Illustrator-Step-4-Version-3.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 P キーを押してペンツールを選択します。 ^{[2] X研究ソース}このツールを使用すると、一連のクリックでアウトラインを作成してオブジェクトを選択できます。クリックするたびに「アンカーポイント」が配置されます。アンカーポイントをさらにドロップすると、新しいアンカーポイントと以前のアンカーポイントを接続する線が表示されます。
- ツールバーのペンアイコンをクリックしてこのツールを選択することもできます。
5前景オブジェクトの端を 1 回クリックして、最初のアンカーポイントを配置します。最終的な目標は、これらのアンカーポイントから構築された輪郭で前景オブジェクトを囲む (背景を削除する) ことです。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/08\/Remove-Backgrounds-in-Adobe-Illustrator-Step-6-Version-3.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/i mages\/thumb\/0\/08\/Remove-Backgrounds-in-Adobe-Illustrator-Step-6-Version-3.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6オブジェクトの端をクリックして、最初のアンカーポイントが接続されるまでアウトラインを作成します。開始した場所に戻るまで、前景オブジェクトのアウトライン全体をクリックします。できるだけ端に近づけるようにしてください。Illustrator はクリックの精度を補正するために最善を尽くします。
- スペースキーを押すと、画面外の領域が表示されるように画像を移動できます。これは、画像全体が見えなくなるほど拡大した場合に役立ちます。カーソルが小さな手の形に変わります。これを使用して画像を任意の方向にドラッグすると、ペンツールのアウトラインを崩すことなく他の領域が表示されます。
7最初のアンカーポイントを（もう一度）クリックしてアウトラインを完成させます。オブジェクトは破線で完全に囲まれるようになりました。
8選択ツールをクリックして、すべてのオブジェクトを表示します。アウトラインを描いた画像部分が個別のオブジェクトとして認識されるようになりました。新しく選択されたオブジェクトとその背景には、選択アウトライン (通常は青い線) が表示されます。
9前景オブジェクトを 1 回クリックし、 Shift キーを押しながら背景をクリックします。これにより、両方のオブジェクトが選択されます。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b3\/Remove-Backgrounds-in-Adobe-Illustrator-Step-10-Version-3.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-10-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/i mages\/thumb\/b\/b3\/Remove-Backgrounds-in-Adobe-Illustrator-Step-10-Version-3.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 10前景オブジェクトを右クリック (またはCtrlキーを押しながらクリック) し、[クリッピングマスクの作成] を選択します。こうすると背景が白くなります。これで、ペンツールを使用して輪郭を描いた前景オブジェクトがハイライト表示されます。
- 背景を白一色にすると、画像の背景色を変更しやすくなります。
11白い背景を削除して透明にします。背景なしで前景画像だけを保存する場合は、 Yキーを押してマジックワンドツールに切り替え、白い背景をクリックします。ここでDelを押します。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fd\/Remove-Backgrounds-in-Adobe-Illustrator-Step-12.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fd\/Remove-Backgrounds-in-Adobe-Illustrator-Step-12.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 12ページレイアウトやソフトウェアデザインで使用するために、画像を .EPS 形式で保存します。 ^{[3] X研究ソース}.EPS 形式は、ほぼすべてのグラフィックアプリケーションやワードプロセッシングプログラムで広く使用されています。「ファイル」をクリックし、「名前を付けて保存」をクリックして、「ファイル形式」ドロップダウンメニューから「Illustrator EPS (*.EPS)」を選択します。ファイル名を入力して「保存」をクリックします。
- 背景を透明にすると、この形式で保存したときにも透明になります。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Remove-Backgrounds-in-Adobe-Illustrator-Step-13.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Remove-Backgrounds-in-Adobe-Illustrator-Step-13.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 13Web で使用するために、画像を .PNG 形式で保存します。 ^{[4] X研究ソース}PNG ファイルは透明な背景をサポートする高品質の Web 画像です。このファイルタイプは最大 1600 万色をサポートできるため、写真に最適です。
- 「ファイル」をクリックし、「Web 用に保存」をクリックします。ポップアップするダイアログボックスで、ドロップダウンメニューから「PNG-24」を選択し、背景が透明な場合は「透明度」の横のボックスをオンにします。 [保存] をクリックし、保存場所を選択して、もう一度 [保存] をクリックします。
- 色数が少なく、ファイルサイズが小さい場合は、メニューから「PNG-24」ではなく「.GIF」を選択できます。この形式で保存された画像は Web 上でより速く読み込まれますが、多くの画像は鮮明に見えません。
広告する

方法2方法2/2:

マジックワンドツール

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Remove-Backgrounds-in-Adobe-Illustrator-Step-14.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Remove-Backgrounds-in-Adobe-Illustrator-Step-14.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 1画像にマジックワンドツールが使用できるかどうかを確認します。 ^{[5] X研究ソース}マジックワンドツールは色またはストローク (線の太さ) を使用するため、1 回のクリックで選択範囲が「魔法のように」輪郭を描かれ、背景と被写体のコントラストがはっきりした画像に最適な方法です。
- たとえば、画像がチェッカーボードの背景に黒い星だけで構成されている場合は、マジックワンドツールを使用して背景を削除できます。
- 写真など、画像に多くの色が含まれている場合は、ペンツールを使用します。
2左側のツールバーの「マジックワンド」ツールをダブルクリックして、「マジックワンド」パネルを起動します。 ^{[6] X研究ソース}この道具は、先端から火花が飛び出す魔法の杖のように見えます。このパネルでは、マジックワンドでオブジェクトをクリックしたときに選択される画像の領域を定義する必要があります。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Remove-Backgrounds-in-Adobe-Illustrator-Step-16.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Remove-Backgrounds-in-Adobe-Illustrator-Step-16.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 3分離するオブジェクトが単色の場合は、「塗りつぶし色」を選択します。このオプションを選択すると、マジックワンドツールでオブジェクトをクリックすると、クリックした場所の塗りつぶし色と一致する画像内のすべてが選択されます。
- たとえば、紫色の背景にあるピンクの三角形の上で魔法の杖ツールをクリックすると、ピンクの三角形だけが選択されます。紫色の背景に複数のピンク色の図形がある場合、すべてのピンク色の図形が選択されます。
- また、画像内にこの色に一致するオブジェクトが複数ある場合は、画像上の任意の場所でこの色をクリックすると、それらすべてが選択されます。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/eb\/Remove-Backgrounds-in-Adobe-Illustrator-Step-17.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/eb\/Remove-Backgrounds-in-Adobe-Illustrator-Step-17.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 4選択したオブジェクトを特定色の線で囲む場合は、「線の色」を選択します。「ストロークの色」はオブジェクトの周囲の線の色を指し、「塗りつぶしの色」は線の内側の領域を指します。ストロークカラーパラメータを使用する場合は、オブジェクト内ではなく、オブジェクトの周囲の線をクリックして色を定義する必要があります。
- たとえば、青いアウトラインの赤い円から背景を削除する場合は、青い線も選択範囲に含まれるようにストロークの色を使用します。
- このパラメータを選択した後、「マジックワンド」ツールでカラーラインをクリックすると、このカラーラインで囲まれたすべてのオブジェクトが選択されます。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Remove-Backgrounds-in-Adobe-Illustrator-Step-18.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Remove-Backgrounds-in-Adobe-Illustrator-Step-18.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 5パラメータとして塗りつぶしの色または線の色を選択した場合は、許容値ボックスにピクセル数（RGB カラーの場合は 0 ～ 255、CMYK カラーの場合は 0 ～ 100）を入力します。許容値は、マジックワンドツールでクリックした領域にすべての色を一致させるときに、ツールがどれだけ柔軟 (または許容) であるかに影響します。
- デフォルトは 32 ピクセルです。つまり、色をクリックすると、その色に一致するすべてのもの、およびその色のわずかなバリエーション (32 ピクセル以内) が選択されます。 ^{[7] XResearchソース}
- オブジェクトにグラデーションがある場合は、選択する追加の色の許容値を増やすことができます。
- ほとんどのオブジェクトでは、デフォルト設定で十分です。
6 「線の太さ」を選択して、すべての色の線に同じ太さを選択します。これにより、すべての線の太さが選択した値に設定されます。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/Remove-Backgrounds-in-Adobe-Illustrator-Step-20.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Remove-Backgrounds-in-Adobe-Illustrator-Step-20.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 7パラメータとして「線の太さ」を選択した場合は、「許容値」ボックスに 0 ～ 1000 (ピクセル) の数値を入力します。数字が小さいほど、より正確な一致を示します。つまり、許容値が 0 の 10 ピクセルの線をクリックすると、ツールは正確に 10 ピクセルの線のみを選択します。
- デフォルト設定は 5px ですが、細い線の場合は定義が不十分な場合があります。デフォルトのオプションで必要な行数よりも多くの行が選択されている場合は、許容値を 0 に変更します。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/dd\/Remove-Backgrounds-in-Adobe-Illustrator-Step-21.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/Remove-Backgrounds-in-Adobe-Illustrator-Step-21.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-21.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 8保存したい画像上のオブジェクトをクリックします。前景のオブジェクトを 1 回クリックすると、マジックワンド設定で指定された基準に従ってオブジェクトが選択されます。オブジェクトをクリックすると、選択した領域の周囲に点線が表示されます。
- 選択した領域が予想と異なる場合は、 Cmd + Shift + A (Mac) またはCtrl + Shift + A (Windows) を押して選択を解除します。次に、Magic Wand パネルに戻ってパラメータを調整し、もう一度試してください。
9 Shiftキーを押しながら背景をクリックします。この操作により、前景オブジェクトと背景の両方が選択されます。
10前景画像を右クリック (またはCtrlキーを押しながらクリック) し、[クリッピングマスクの作成] を選択します。 ^{[8] XResearchソース}この操作により、背景が即座に削除され、前景画像と空白の背景のみが残ります。
11背景を透明に設定して削除します。 Yキーを押してマジックワンドツールを選択し (今回はパネルを起動する必要はありません)、空白の背景を 1 回クリックして、 Delを押します。
12ページレイアウトやソフトウェアデザインで使用するために、画像を .EPS 形式で保存します。 ^{[9] X研究ソース}.EPS 形式は透明な背景をサポートしており、ほぼすべてのグラフィックアプリケーションやワードプロセッシングプログラムで広く使用されています。「ファイル」をクリックし、「名前を付けて保存」をクリックして、「ファイル形式」ドロップダウンメニューから「Illustrator EPS (*.EPS)」を選択します。ファイル名を入力して「保存」をクリックします。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/58\/Remove-Backgrounds-in-Adobe-Illustrator-Step-26.jpg\/v4-460px-Remove-Backgrounds-in-Adobe-Illustrator-Step-26.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/58\/Remove-Backgrounds-in-Adobe-Illustrator-Step-26.jpg\/v4-728px-Remove-Backgrounds-in-Adobe-Illustrator-Step-26.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":" class=\"mw-parser-output\"><\/div>"} 13Web で使用するために、画像を .GIF 形式で保存します。 ^{[10] X研究ソース}ご存知のとおり、GIF ファイルは読み込みが速く、透明な背景をサポートします。フォトリアリスティックモードで作業していない限り、GIF として保存するのが最善の選択肢です。
- 「ファイル」をクリックし、「Web 用に保存」を選択します。プリセットとして「GIF」を選択し、背景を透明にする場合は「透明度」ボックスをオンにします。 [保存] をクリックし、画像のファイル名と場所を入力して、もう一度 [保存] をクリックします。
- 画像に GIF の最大色数 256 色を超える色 (写真など) が含まれている場合は、GIF ではなく「PNG-24」を選択してください。これにより、ファイルはほとんどのインターネットアプリケーションと互換性のある .PNG ファイルとして保存されます。背景が透明な場合は、「透明度」の横にチェックを入れます。 [保存] をクリックし、保存場所を選択して、もう一度 [保存] をクリックします。
広告する