Making a Transparent Background (PHSH Effect #5)





Alright, now that we’ve tackled some practical effects for pictures, it’s time to switch gears and show you how to edit the picture as a whole.

For this months’ tutorial, I’m going to show you how to change the background of a picture from the default white (or any other colour) to transparent. This is handy for, say, if you want to change the colour of the background, or if you’re making merch, and want the design to be available on an array of different coloured backgrounds.

This also comes in handy if you ever need to add a picture that has a background to your existing design. Instead of erasing around the foreground object, you can make the background transparent and then just place it. This can save you a lot of time. (Trust me)

Let’s get started.

First things first, you’re gonna need an image with a background you want to make transparent. For the purposes of this tutorial, I’ll just be using this:

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Tutorial Pic

Simple, yes, but the steps are the same no matter how complicated an image is.

Step 1. Make a new Colour Layer. It can be whatever colour you want.

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Colour Layer

Step 2. Switch back to the image, and select the Magic Eraser. Click on the white spaces of the image, and the white should disappear.

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Magic Eraser Selection

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Clicked White Space

Step 3. Continue using the magic eraser on the image until all the white is gone.

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Done White Space

Step 4. Now that the white is gone, all we have to do is delete the Colour Layer. Do this by clicking and dragging it down to the trash can on the bottom right side in the Layers Panel.

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Dragged Arrow Deletion




Once you delete the Colour Layer, you’ll see the background of the image change to grey and white checkers, this now means the background is transparent. You can now save this layer as is and use it for whatever backgrounds you want. Whether it be solid colours, or actual pictures, your transparent pic is now ready to use.

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Grey and White Checkers

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Trans Lavender

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Trans Yellow

AterImber.com - Writing Tips - PHSH Tutorial - Making a Transparent Background - Trans Beach

That wasn’t so hard, was it? Check out next months’ tutorial, where I’ll show you how to do this magic:


Like this tutorial? Check out more here!

One thought on “Making a Transparent Background (PHSH Effect #5)”

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.