RFCLIPART BLOG

How to replace a background in a vector file (transparency)

Image by olena1983.

As a rule, when creating vector graphics, stock website uploaders use a checkered background to show transparency. When you try to insert such an image into a raster graphics editing program, the checkered background remains.

In this article we will show you two ways to remove that checkered background and get transparency in an image (we shall not consider the option when the transparency grid is enabled in Adobe Illustrator).

It usually looks like this:

Stardust trail with transparency / How to replace a background in a vector file (transparency)

Method number one

To remove the checkered background in a vector image, open the file in Adobe Illustrator. As an example, we took the following Stardust trail file on which you can see a flying star and its sparkling trail.

Stardust trail transparency / How to replace a background in a vector file (transparency)

Everything looks pretty good, you just need to figure out how to replace the background. To begin with, let's find and select the layer that contains the checkered background. Open the “Layers” panel and click on the layer as shown below.

Layers in illustrator / How to replace a background in a vector file (transparency)

As soon as the background is highlighted - just delete it by pressing the Delete key. You should have it like this afterwards:

Stardust trail with transparency / How to replace a background in a vector file (transparency)

So far not very nice, but we are getting there. Now go to "File" - "Place" menu and select the image you want to place under the star.

Adobe Illustrator place menu / How to replace a background in a vector file (transparency)

As an example, we used the file with Aronia berries (chokeberry) - an excellent example of vector graphics.

Adobe Illustrator place file / How to replace a background in a vector file (transparency)

Now we are almost done!

Black chokeberry vector / How to replace a background in a vector file (transparency)

But we need a raster file. It can be obtained either by using the export feature ("File" - "Export"), or by directly pasting the image into Adobe Photoshop via the clipboard. We will do it the second way. For that, select the entire contents of the file, like this:

Black chokeberry and sparks vector / How to replace a background in a vector file (transparency)

Create a new document in Adobe Photoshop; now get back to Adobe Illustrator and copy the selection, and then just paste it in Adobe Photoshop window.

And we’re all done!

Method number two

The second method is simpler, but in some situations may not work. Open the image that should be under the object with transparency in Adobe Photoshop. Now copy the star image from Adobe Illustrator and paste it in Photoshop. It should turn out like this:

Z black chokeberry and stardust vector / How to replace a background in a vector file (transparency)

Now select the star layer and change the blending mode to “Screen”.

Adobe Illustrator layers / How to replace a background in a vector file (transparency)

We hope this small tutorial has proven itself useful to you!

Black chokeberry vector file / How to replace a background in a vector file (transparency)

Share this:

RELATED POSTS

Using only one color and it’s variations in saturation, tint and shades

The advantages of using vector graphics for website creation

Five examples of commercial plugins for you