Photoshop Tip #1 – Removing a White Background or Making it Transparent in Photoshop

Photoshop Tip #1 – Removing a White Background or Making it Transparent in Photoshop

Hello everyone!

Here’s a useful tip for all you Photoshoppers out there.

Have you ever wanted to use a logo or image, perhaps on your website or in your other marketing materials, but discovered that it has an ugly white background or box around the graphic? Here’s how to remove the background or make it transparent in Photoshop.

Firstly, import the image into Photoshop. Here we have the Smart Corporate Outsource Solutions logo and you can see the white background which we want to remove.

1.png

Next, duplicate the layer. You can do this a number of ways but the easiest is probably to just right click on the layer in the bottom right corner and select Duplicate Layer… from the menu.

2.png

You’ll be prompted to name the duplicated layer, just hit OK. Next, turn off the original background layer by clicking on the eye icon next to it.

3.png

Now select the Quick Selection Tool from the menu on the left hand side and start selecting all of the white areas which form the background of your image. You will see that these are then highlighted with a moving outline.

4.png

5.png

Once all of the white sections of the background have been selected, simply hit Delete. You should see the transparent (chequered) background underneath.

6.png

You can now save this as a .PNG file and the transparency will be preserved.

7.png

Try it yourself!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s