How To Add Color To A Transparent Background In Photoshop

This mail service shows you how to add a white background to an epitome where the background has been removed and you lot take a file with a transparent groundwork – this means you likely have a PNG or GIF file.

Fast way: Merely save the PNG as a JPG file and you'll automatically take a white background. This is because JPG's cannot have a transparent background. So your paradigm software volition automatically evidence the image on a white backgroun.

If you want flexibility and want to add new groundwork colors or gradients, continue reading below.

If y'all're working with a production lensman, you can request for a PNG file with a transparent background. Or in that location are tools that can help you lot automatically remove the background.

Benefit of a file with a transparent background: Information technology'due south useful when yous want to put the product on a imprint advert, homepage paradigm or a postcard that has a unlike colored background to that of the image i.e. if you elevate a product image with a white groundwork to a banner advertisement with a blue background, the white background shows on the blue. A file with a transparent groundwork just shows the product, non the groundwork so you have flexibility to drag information technology into whatever colored background.

Steps on how to add together a white or colored background to the PNG

In one case you have a PNG paradigm with a transparent background, adding a background color is a quick process in Photoshop or Photoshop Elements.

Hither's how:

1. Add solid fill layer

Open your paradigm in Photoshop. The checkered background shown beneath is Photoshop's manner of telling yous that the file has a transparent background i.e. no background. Next, add together a Make full Layer by going to Layer > New Make full Layer > Solid Color.

'Fill' refers to filling an expanse with a specific colour.

In the dialog box that appears, click ok.

2. Select your groundwork color

In the colour dialog box that opens upwards next, use click and drag the white sliders to select the full general color palette, and then click and drag to move the circle to the specific color you want. Click ok.

In this example, I chose blue only you can choose white.

three. Movement layer below

When you add a fill up layer, by default the fill layer appears above the image layer.

You lot demand to click and drag the fill layer and move information technology below the image layer. That'southward it.

Optional Notation: If your image layer has a lock symbol to the right, click on it to unlock it. This will let y'all motility the new layer to be below the image layer. This used to be the example in older versions of Photoshop.

To change the color, double click on the color icon in the fill layer and select another color.

iv. Save every bit JPG and PSD

Become to File > Save as.. and select JPG from the dropdown to save your file with a groundwork of your pick. Side by side, click on File > Save every bit.. once again and select PSD from the dropdown – this is the default Photoshop format which volition save the file with the layers. So if you desire to change the background afterwards, you can come up back and do that instead of creating a new make full layer again.

How to Create a Slope Background Issue

In step 1, where you create a new fill layer, instead of selecting 'Solid Fill…', select 'Gradient…'

The default gradient color yous see is based on the last color y'all used. Click on the Gradient drop down. Yous'll come across the options below. I selected the 3rd option (black/white).

Adding a Gradient Background in Photoshop

Here is the terminal epitome.

How to Create a Patterned Background Effect

Similarly, select 'Pattern…" in footstep ane and select a default pattern from the dropdown. Photoshop will apply to the image. There are only a few patterns that show upward merely at that place are means to purchase more patterns and add them to your account.

How to save a PNG with a white background

This is simple – only save the PNG as a JPG and your JPG will automatically have a white background. That'southward because when you salvage a PNG with a transparent groundwork as a JPG, Photoshop automatically replaces the transparent parts of the image with white.

That's it for now. When you have an prototype with a transparent groundwork, a lot of possibilities open up in terms of the background color, adding a shadow or calculation a reflection and other effects.

Photoshop is the manufacture standard tool for photo editing and I've used it for over x years. Acquire more than about Photoshop (see local pricing) and Photoshop Elements (often on sale – see current price)

Disclosure: The photoshop links are affiliate links. Adobe pays united states a small fee to refer customers to them.