What will we be learning?

Very simply, we’ll be learning how to change an image with a white background transparent in photoshop. We’ll be using the Magic Eraser tool to do this and it’s actually very easy!

Why is having a transparent background important? How can I benefit from this?

If you’ve ever seen an image with a background, you’d know exactly the problem! Images with white spacing on “non-White” backgrounds look horrible! Therefore, it is always important to use transparent images when you have non white backgrounds.

[box]Video Title: How to make an image background transparent
Video URL: https://www.youtube.com/watch?v=kSLJQoJdDEU
Accompanying Course: Beginner’s Guide to WordPress – Web Design Course[/box]

< Go Back to Video Tutorials List

Transcript: 

So in this tutorial I am going to show you how to make a white background transparent. And so if you ever have a picture that you have created off of another website or something like that. Or another tool, they may export it with a white background.

As you can see this one has a white background right here. If it was transparent it would have all these checkerds on it. And so this may pose an issue when you want to eventually embed this image onto your website.

And if the background is in white, it’s going to have a white background. And then whatever the outside surrounding background of the website is. And so that’s going to be very, in my opinion quite ugly. So what we are going to do is actually show you how to make this white background transparent.

It’s actually very simple. So all I am going to do is find the eraser tool. We are going to right click it and click magic eraser tool. And we are literally just going to click it and its going to be transparent for us. And all we are going to do, same thing as before, file, save for web and devices and we are just going to save it like a normal transparent image.