If you are designing your own graphics sooner or later you will run into this problem of having to use a jpg image with a white background. Let’s say you don’t want the white background but you just want the subject in the image whether it’s a logo, a person, or in this example, the twitter bird. In this short tutorial I’ll show you how you can easily make any background transparent in just a few easy steps.
Step 1: Duplicate Layer
The first thing you need to do is duplicate the current layer. You can do this in 3 different ways:
- Clicking Layer > Duplicate Layer
- Dragging your current layer in the layers panel to the new layer icon
- Using the keyboard shortcut Cmnd + J (Ctrl +J on PC)
Step 2: The Magic Wand Tool
With many images with only a white background and clearly defined lines the magic wand tool will work best for removing the background. Place the wand anywhere in the white space and click. You should see the marching ants outlining the bird and background.
Step 3: Delete The Background
Once you press delete this will remove the background and make it transparent.
Make sure you turn off the background layer in order to see your results.
Step 4: Deselect
Deselect by choosing Select > Deselect or using the keyboard shortcut Cmd + D (Ctrl +D for PC).
Step 5: Save For Web
In order to save your image and keep the background transparent you will need to save it as a PNG.
- Choose File > Save for Web
Step 6: Save As PNG
- Make sure you select PNG – 24.
- Make sure the “Transparency” box is checked.
You now have removed the white background!