How to save photoshop with no background how to#
In this quick tutorial, we will show how to avoid these white borders with using the Matting feature in Photoshop. But the big problem that most designers face is the white border that shows up around your transparent GIF image while saving them from Photoshop or other software.įigure01, notice the edges in GIF format transparent images and PNG-24 formatĪctually, this white border happens when GIF images does not calculate the transparency very well as this format compress the colors to the limit or may be distorting the colors if you try to decrease the size a little bit more using the GIF setting. There is no one solution that is going to work in every possible scenario, but if you become comfortable with each of these tools you should be able to make a transparent background in Photoshop CS5 for just about any image that you encounter.GIF images are a good choice in low size and transparency support for most web designers.
One final option is to use one of the lasso tools to select the content you want to keep, press Shift + Ctrl + I to invert the selection, then press Ctrl + X to delete the unwanted background.
You can also unlock the background layer, then use the regular eraser tool to manually erase unwanted elements of the background.Īn additional option involves changing the opacity for a layer. The lower the tolerance number, the more precise the magic erase action will be. If you are finding that this method is deleting some of the content that you want to keep, you can undo the erase, then modify the Tolerance setting at the top of the window. You can use the Magic eraser tool (right-click the Eraser tool in the toolbox, then click the Magic Eraser Tool) to delete all contiguous regions of that color on your layer. If you have content on the Background layer that you want to save, then you will need to get a little creative to remove the unwanted background color. Click the Yes button to confirm that you want to delete the background layer.Right-click the Background layer, then click the Delete Layer option.Summary – How to make a transparent background in Photoshop on an image with an existing background layer Any transparency in your image should now be in effect. Right-click on the Background layer in the Layers panel at the right side of the window, click the Delete layer option, then confirm that you want to delete the layer. If you are working with a multi-layer image and the existing background layer is only the default white background, then you can delete that layer. The solution to this problem is a little more complicated than the solution to creating a transparent background from scratch. Click the OK button to make a new image in Photoshop with a transparent background.Ĭhange an Existing Background to a Transparent Background in Photoshop CS5.Click the Background Contents drop-down menu, then click Transparent.Summary – How to make a new image with a transparent background in Photoshop You can choose the opacity for each layer by adjusting the Opacity option at the top of the Layers panel. Anything you add to the image will have the transparency that you define. If you are creating an image that will be posted on a website, you should probably use the PNG file format, as JPEG does not support transparency. All of the empty space on your image will be transparent, provided that it is saved in a file format that supports transparency. Make any other necessary changes to the size and format of your new image, then click the OK button to generate your blank image. This will open the New window.Ĭlick the drop-down menu to the right of Background Contents, then click the Transparent option.
Launch Adobe Photoshop CS5, click File at the top of the window, then click New. This is the simplest of the two solutions, and is certainly where you should be starting, if possible. There are a couple of different options when you want to learn how to make a transparent background in Photoshop CS5, so you can read this tutorial to determine which solution is right for your situations.Ĭreate a New Image with a Transparent Background in Photoshop CS5 If you are planning to make a multi-layer image, or if you want to create a transparent PNG image for your website, then you have likely discovered that a white background actually has a pixel color value, and that value needs to be removed. There are many situations where a white background is ideal for your image creation, so you probably have not given much thought to adjusting that setting.
The default setup in Adobe Photoshop CS5 includes the creation of new images with a white background. You may find yourself in the position of needing to make a transparent background in Photoshop when a project requires an image to be placed on top of an existing background.