Open your product image in Photoshop. When you export your image, you'll notice that your file size is significantly lower than that of your transparent background product image. If your object has both well-defined and straight edges, the polygonal lasso tool may be the easier choice, but it doesn’t work with curves. You’ll need to wait a few minutes for the program to find the subject and remove the background. First, find your photo on your PC, right click the image, and click open with > Adobe Photoshop. Click Open. Download your image. If you unlock it and delete it, transparency in Photoshop is … Open your product image in Photoshop. Step 3 Open the Properties window and turn the Saturation all the way down to -100 on the Hue/Saturation adjustment layer. Set the width and height for the image. So you don't need to reduce your image proportions when you save your logo file. powered by Disqus. Before you start, make sure you have Photoshop 2020, version 21.0.0 or later — if not, you’ll need to update the software first. Chances are, your selection isn’t quite perfect. If the brush is selecting too much, zoom in and use a smaller brush size (located right next to the plus and minus icons at the top) and lower the radius in the properties toolbar. If you don’t see that transparent background, make sure your background layer is hidden. Once your photo is in Photoshop, you’ll need to remove the existing background. A.I. You will see the selection as "marching ants" surrounding the selection. Once the program is finished, you should see the subject on a transparent background (designated by the checkered pattern). Select the magnetic lasso tool. But which one of Photoshop’s several selection tools is best for the task? You'll now have a transparent background, represented by a gray and white checkerboard pattern. Make sure to err on the side of selecting too much — if you leave something out, it’s tougher to go back later. There are a number of great tools to use for making selections and creating different layers in Photoshop . Remember to always save a second copy as a PSD file so you can adjust later on if need be. Before moving on to the next step, zoom in on all the edges and make sure you didn’t leave any of the selection out. You can now place your transparent product image against different backgrounds on your site and have it display perfectly. This will open the New window. Step 4 If you image subject contains hard edge, increase the Tolerance up to hundred percent. Open your Layers panel. The pasted selection will automatically show up as its own layer. If you are working with an object with well-defined edges, the magnetic lasso tool is probably the easiest route, so go ahead and skip to the next step. For this example, we'll use an image of a wristwatch taken against a white background. ... Use our free background remover tool to change photo looks without leaving your browser. That depends on the image. Bio: With over 18 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software. Select a layer that is not transparent, but make … If you're opening a vector format file, however, you'll need to make sure your settings are correct in the dialog box that appears: If you're working with a vector file, you can skip this step. But first, we need a photo to work with. Second transparency background color: Click the second color swatch if you’d like to choose a custom color for the second set of pattern squares. This is because logos tend to have only one or two colors, unlike the thousands of colors that exist in a product image. Type CTRL+D (COMMAND+D on a Mac) to deselect your selection. Position, Scale and rotate the layer to fit the background. When you have an ’empty’ i.e., transparent layer and no other layer under it, you can see the background layer. Edit photos now. Just place the selection over what you want to keep, then follow steps four and six below. The process takes a few seconds, but Photoshop will then roughly select the subject of the photo using artificial intelligence. 1. This is important to keep an eye on because larger file sizes will make your web page load more slowly. If the brush isn’t selecting enough, use a larger brush size and increase the radius. Transparent background is easy to create with the Photoshop. does the rest. In the toobox, choose the Select Object tool (Photoshop 21.0.0 and later), it’s tucked in with the Magic Wand tool. Here is a photo with a simple background we can use. If desired, you can add a new background layer and experiment with various color schemes, effects, pictures, and patterns to feel how your choice will look. That way, you have the flexibility to display it anywhere on your site, no matter what color the background of the page is. For this tutorial, we’re assuming you’re working with something a little more difficult — because if you can remove a busy background, you can remove any background, and even if you are working with a white or solid color background, you can save some time by familiarizing yourself with Photoshop’s different selection tools. You can change the opacity of layers, filters, and effects so that more (or less) of the underlying image shows through. For example, if you placed an image on your site and there is a lot of space around it, you might have transparent pixels surrounding your image—which can be removed. We'll walk you through this simple process in the tutorial below. Alternately, if the photo has more than one subject and you only want to select one object, you can use the Select Object tool. Upload your JPG or PNG image. The Select Object tool uses artificial intelligence to select the boundaries of an object. It's a blue app icon that contains the letters "Ps". Showcase your … However, you don't want to make your image's dimensions smaller than you want them to appear on your website; doing so will create blurry or pixelated images. Upload your image as a PNG or JPG. The Newdialog box appears. Start by copying the background layer in order to create the type of layer Photoshop needs to use the tool. In the Properties panel on the right, navigate to the Quick Actions section. The shortcut won’t get it right every time, but works well for simple images, and for others, can easily be refined. Keep your dimensions at the same size as the original file you have been working with, and click Save. Click the Auto-Remove Background button. Option 3: Making a Transparent Background. Select ‘Layer From Background ’. is never as skilled as a human editor, however, and for complex images, manual background removal may be necessary using Photoshop’s range of different selection tools. Select the Magic Wand Tool from the left panel in Photoshop: Select the image area you want to be transparent using the Magic Wand Tool: Once selected, click ‘Delete’ on your keyboard. You draw a rough outline to indicate which object, and Photoshop A.I. Once you are happy with the results, you can delete the background layer and save the file as a PNG in order to maintain the transparency, or as a PSD in order to come back and make more adjustments later. In this tutorial you will learn how to make a logo’s background transparent. Whether you need to remove unwanted objects, remove an entire background, change the background color, or make the background transparent, we’ll show you all of the tools and tricks you’ll need to succeed! With a logo on a white background, for example, all you have to do is click on a white area to select it, then hit delete to clear it away. The first step starts by opening the image into Photoshop in JPG … Click okay once you’ve refined the selection as well as possible. A transparent background has nothing in the background pixels, allowing what’s behind it to show through. For example, a transparent background gives you the ability to place your product against a background that dynamically changes colors. In this tutorial, you will learn how to how to change the background color in photoshop! Click on the image and you can see that it will be selected automatically and that is why it is called Magic wand tool. Fine-tune the selection by heading to Select > Select and Mask. Click on File, then New in Photoshop and a new window will appear. You can leave this as the default Layer 0, and click OK. You've now unlocked your background layer, and anything you delete from it will be transparent. Draw a box around the object and Photoshop will select the object for you. Use the brush tool from the toolbar on the left and select the plus icon in the top toolbar, then brush over anything that should be included in the selection but isn’t. Click OK. But attempting to tackle the task without the right tools can make even the most skilled photographers frustrated. With your inverse (background) selected, type BACKSPACE (DELETE on a Mac). Replace your backdrop with something that pops. This format allows for multiple layers of transparency, meaning your image will never have a pixelated "halo" when placed on a different color background. Click around the outside edge of the object to select any additional background areas to remove. The process uses artificial intelligence to help determine which parts of the image to keep and which to remove. Do not check Smaller File (8-bit) — this converts the file to a PNG-8. Creating a transparent background for your product image in Photoshop opens up a wide range of eye-catching display options for your featured products. Clear the backgrounds for your product photos and logo so you can use images across the web. The rectangular and elliptical marquee tool will work if you want to select an object that’s a perfect rectangle or perfect circle. Looking to learn more? Learn how to use layers in Photoshop with this tutorial, Find out how to reformat, resize, and optimize your images for the web, Get digital asset management tips to organize your photos and maintain your sanity, Learn how you can outsource your raster to vector conversion needs. You can also use the eraser in the toolbox to delete sections of the background, which helps the final cleanup after you use the lasso tool. Like we did in Step 1 when we made a product image background transparent above, you'll need to double-click the Background layer in the Layers panel and click OK to convert the Background to Layer 0. Here are some other ways to remove a background from an image. This image has high contrast which will make it easier to remove the background from an image.. Transparent Background with Magic Wand Tool Open your image in Photoshop and select the Magic Wand Tool. If it doesn’t work for you, move on to the manual method below. 1. 1. Use Burn on the hair where you see any ‘halo-ing’ or lighter patches. How to Change Background Color in Photoshop. Smaller dimensions mean a smaller file size. You now have the knowledge to create web-ready images with transparent backgrounds that will display beautifully without slowing down your site. Drop the photo on the new background. Create a layered file of the image. Sometimes, it just takes a few clicks. Make your image into a layered file. Choose the Magic Wand tool from the Toolbar and click on the white background of your logo file. Launch Adobe Photoshop CS5, click File at the top of the window, then click New. Again, you can refine the selection in the next step, so don’t worry if the object isn’t perfectly selected. Make any other necessary changes to the size and format of your new image, then click the OK button to generate your blank image. The Quick Selection Tool selects an object in your image by interpreting and selecting along defined edges visible in your image. Name the image file and make sure its extension is set to .png. If the result is close, but not quite perfect, click on the mask that Photoshop created automatically (the black-and-white image in the layers panel). From the Background Contents pull-down list, select Transparent. In the Save dialog box, choose the folder where you keep your web-ready product images. ), skip ahead to step four. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities. If you need to select multiple areas, hold down the SHIFT key and click with the Magic Wand tool to add to the selection. 4. That will allow you to see your transparent background, but don’t delete the background just yet. In order to see a transparent background, the bottom layer must be unlocked which is why it is important to drag the lock icon to the trash can. If you're working with a JPG, however, you will need to select and delete the background from the image. Changing the background of an image can be completely transformative, giving it a whole new meaning. These steps are the same no matter what file format you started with, whether your original file was a JPG, AI, PDF, or other file format. Note: If you're using an older version of Photoshop, and you don't see the Export As... option, you can choose Save for Web and select PNG-24 from the Preset dropdown menu on the right-hand side of the dialog box. These are the best Adobe Photoshop deals for January 2021, How to change your profile picture on YouTube, How to hide photos on your Android phone or tablet, How to remove location data from your iPhone photos in iOS 13, How to transfer photos from an iPhone to a computer, Best Cyber Week Deals 2020: Last-minute sales to shop today, The best wide-format photo printers for 2021. Photoshop Selection Tools. However, if your logo is saved as a JPG, you'll need to remove the background in Photoshop and resave your file as a PNG-24, just like we did for the product image in the example above. Selecting the background of a logo file is slightly different from selecting the background of a product image since the background of your logo is most likely all white. Remove Logo Background (Make It Transparent) Using Photoshop. Creating Transparent Selections: Select your layer. In Photoshop, a transparent background is represented with a gray and white checkerboard pattern. Try it against some other backgrounds if you like. 5. … Replacing a background is something you’ll do often in Photoshop. In Photoshop, go to File > Open and navigate until you see your logo file. All rights reserved. Photoshop supports transparency. Any changes you make in the Transparency settings are dynamically updated in the large preview in the upper right. Remove the image’s background. In this example, Photoshop didn't completely remove the watch's shadow from the selection, so we'll choose the Subtract from selection icon in the Options bar, and then click on portions of the shadow with the Magic Wand tool until the selection only contains the watch. In the Select and Mask window, refine the selection. Sometimes editors need to deal with the complex background. (If you are stuck on this step, see this tutorial) Step 10. Click on the layer mask, and using a soft brush, bring back any lost detail and erase any obvious parts of the old background. Then, click on Select Subject from the Options bar at the top of the screen. Upgrade your lifestyleDigital Trends helps readers keep tabs on the fast-paced world of tech with all the latest news, fun product reviews, insightful editorials, and one-of-a-kind sneak peeks.Digital Trends may earn a commission when you buy through links on our site. In the Background Layer: Open Adobe Photoshop. This quick method works great for some photos, with laughable results for others. The best way to do this is to use the Quick Selection Tool. Also, select Transparent from the Background Contents drop-down list. In the Layers panel, click on the New Adjustment Layer icon and select Solid Color. Making a background transparent involves selecting what you want to keep and deleting what you don’t. On the right-hand side of your dialog box, under Image Size, you have the option to adjust the dimensions of your image. Eraser Tool (E): Change parts of the layer to transparent … Then, in the New Document window that appears, create a file of the desired size and make sure that the resolution of the document is 72 pixels per inch (since the file is intended for use on the web). Get the selection as good as you can using the Select and Mask tool, but don’t sweat if it’s not perfect yet. Learn more. You can use the Magic Wand to select the white areas using a high tolerance (>35%) and "Non-contiguous", then hit your "Delete" key to remove the white background. Maybe you don’t have a transparent version of your logo or you need a cutout of your product to create a composite. Once you've set your Image Size to proper dimensions, click Export All. With that done you should see the transparent background around the image. Follow Steps 4 & 5 from where we made a product image transparent above to export your file as a PNG-24. Drag into the menu tab for the new background (don’t let go yet) wait for the window to open. Double click on the background layer to unlock it, and then create a new Hue/Saturation Adjustment Layer. Thankfully, recent updates to Adobe Photoshop make the process simple. A logo with an opaque background might not blend well with the website’s background compared to one with a transparent background. Thankfully, Adobe Photoshop has plenty of options for removing a white background. By default, the background layer if left locked will be a solid color. How to make background transparent in photoshop, remove background in photoshop and remove white background in photoshop. Navigate to File > Save As and choose PNG from the menu. The logo that you use on your website should always have a transparent background. In the Layers panel, double-click on the Background layer. Be sure to pick PNG if you want to keep your piece’s transparency. This will help it look crisp on all devices. Photoshop main enchanting power is also live in those tools. To save your file as a PNG-24 in Photoshop CC, type SHIFT+ALT+CTRL+W (SHIFT+OPTION+COMMAND+W on a Mac) or choose File > Export > Export As… from the dropdown menu at the top of the application window. If you are working with an image on a background with a lot of contrast, such as a dark object on a light background or a single-color logo, the selection process is a bit simpler. To do this, you’ll need to create a transparent background. It’s wise to duplicate your layer for this, so you can work non-destructively. 3. Quickly remove backgrounds with the Photoshop Express online image editor. 2. When saving the file use a format that supports transparency. Here are the basic steps to putting these tools to work. Photoshop provide different types of tools to remove background from image for example you can use Magic Wand tool to remove Solid Color Background and Background Erase tool to remove complex background. Save your image in the proper web-ready format. 3. For objects with both, like the image of the camera used in this tutorial, you can use a mix of both methods. You can also keep the background transparent—just leave everything as it currently is, and don’t add a new background. You might change the background to a different color or style than the original, or place your subject in a different scene by swapping background images. Actually, with Photoshop you can remove any kind of background… In the layers panel, click the eye icon next to the original background layer. How Should I Choose the Color for My Product Background? In this screenshot, you can see that the header with the “Emergency Chapter Housing Campaign” logo has used an image with a transparent background because the blue behind it is showing through. The lasso, Select Subject, and Select and Mask tools work better for removing a more complex background and are where much of Photoshop’s hidden power resides. Press Ctrl/Cmd+T for free transform. Once you have just your product selected, select the inverse by typing SHIFT+CTRL+I (SHIFT+COMMAND+I on a Mac), or by choosing Select > Inverse from the dropdown menu at the top of the application window. Using Photoshop to create a transparent background, and then saving the file in the appropriate web-ready format, is remarkably easy once you know what you're doing. Or, click the minus icon at the top to brush over pieces that shouldn’t be part of the selection. Save what you’ve selected so far on a new layer, even if it’s not quite perfect yet — just make sure you haven’t left out anything that should be selected. From product photography to web design, sometimes an image is just better without the background. If you're opening a .JPG (or other raster format) file, the file will simply open in Photoshop. First transparency background color: Click the swatch if you want to make a custom color choice for one set of the pattern squares. If you don’t see the Properties Panel, click on the icon that looks like this: Under Quick Actions, click on Remove Background. The magnetic lasso will snap to the edges of the object, but be sure to click frequently enough to help it out. When the Color Picker window pops up, select any color you that want as you can always change it later, and then press OK. Clipping Path vs. Masking: What’s the Difference? Once you’ve selected part of the background, tap the delete key. A new feature in Photoshop 2020 can automatically remove a background. The tool usually doesn’t get it perfect, but that’s okay — you can refine the selection in the next step. Copyright ©2021 Designtechnica Corporation. If the selection isn't perfect, you can use the Magic Wand tool to remove more of the background from the selection, or add more of the product to the selection, depending on how the selection. Change Transparency Checkerboard. This tool can also be used to remove an object from a current selection. Once you've selected the entire background, type BACKSPACE (DELETE on a Mac). Removing the background from a photo can be one of the most challenging things to do in Photoshop. Make a transparent background with one click. Certain image formats do not support transparency. comments Generally, if the image on your website doesn’t look right or seems too large you might need to adjust it. Photoshop will attempt to select the object from your photograph, regardless of the background. description. How to Change the Background Color of a Picture in Photoshop. On responsively designed sites, a featured product with a transparent background can interact differently with its background depending on the user's screen size. Also, with many of your customers viewing your product on a retina display, it's good practice to save your product image at a size 50%–100% larger than the size you expect it to display. Select the entire photo (command + A on … This will fill your subject with the selected color. In the layers panel, click on the eye icon next to the background layer in order to hide the background. With those “marching ants” still indicating your selection, copy (Control or Command + C) and paste (Control or Command + V) the selection. Click the fourth icon down on the Photoshop toolbar and then select Quick Selection Tool to activate it. Creating a transparent background in Photoshop is just the first step; you need to make sure you save your product image in the correct format in order for it to display with a transparent background on your ecommerce website. Your website's logo files should also be created with transparent backgrounds so that you can place the logo anywhere on your site, regardless of the page's background color. Alternatively, you can also go to Layer > New > Layer Via Copy. From here, you’ll be working only with the new layer you just created. Maybe you want the focus of your image to be clear and opaque, but the background to be transparent so that you can combine pictures or move the subject of your image elsewhere. Remember, the goal is to select the subject, leaving the background that you want to remove unselected. On the left-hand side of the image you'll see the file size predicted for your PNG file. Clipping Path India is a brand of Outsource Experts Ltd. © 2021 All rights reserved. First change your background to a layer by double-clicking it in the Layers Palette. You may need to repeat this if there are multiple sections of background divided by portions of the object you’re trying to cut out. Browse the rest of our Photoshop tutorials. Sign in to your free Adobe account. Photoshop 2020 comes with a new background removal shortcut that’s powered by the Select Subject tool. Then these tools are useful for this type of background. Background Eraser Tool (E): Change particular colors of a layer to transparent by clicking and dragging. In other words, if you know your product will show at 400px wide at its maximum, you'll want to make it at least 600px wide here. After you delete this layer, you’ll only have the selection you made in the beginning. PSD, TIFF, PNG are all good candidates, do not use jpg as it does not support transparency. To minimize load time, you can choose only to have your featured product images saved larger for retina displays, and allow the bulk of your product images to be saved at actual size. Learn how to use layers in Photoshop with this tutorial If the Select Subject tool isn’t working for you (or you are using an older version of Photoshop), skip to the next step and start the selection from scratch. If you did, just reopen the Select and Mask tool and select that area. The gray and white checkerboard pattern in this image is the default view indicating transparent areas of a layer. When you save your photoshop file, you’ll be able to choose from a few different file types. Lastly, you’ll want to choose the background layer under the Layers panel. Keep the transparent background or choose a solid color. With the mask selected, use a white paintbrush to add to the subject, and the black paintbrush to erase any pieces of the background that were not removed. You can change the transparency checkerboard in the Transparency preferences for Photoshop Elements. When you create your selection, make sure you also select any areas where there are "holes" in your product image, as in the area where the watch face meets the wristband in the example image. The lasso tools are the third from the top in the default toolbox, but there’s more than one — click and hold, then choose the magnetic lasso tool from the dropdown (it’s the icon with a magnet in the corner). Photoshop’s Select Subject tool offers an easy start to background removal. Click the drop-down menu to the right of Background Contents, then click the Transparent option. Don’t have Photoshop? In digital photography, transparency is the functionality that supports transparent areas in an image or image layer. Most likely, it'll be in a JPG format. With Photoshop, it is easy to create a transparent background or remove it entirely. , recent updates to Adobe Photoshop make the process simple and which to remove, PNG are all candidates. A gray and white checkerboard pattern your PNG file type the name your... Select and delete the background now have a transparent background ( designated by the select and window. The edges of the camera used in this tutorial, you can adjust later on if need be see... To have only one or two colors, unlike the thousands of colors that exist in a JPG.... Set to.png your Photoshop file, you can now place your background! Remove unselected steps 4 & 5 from where we made a product image … Change transparency checkerboard in the right! Rough outline to indicate which object, and don ’ t let go yet ) for... Here, you can use a PNG-24 background is something you ’ ll need to select the subject of image... A product image in Photoshop creating different layers in Photoshop ways to remove the background from background. A cutout of your transparent background product image against different backgrounds on your site have. Large you might need to adjust the dimensions of your image seems too large you need. A current selection as and choose PNG from the background layer system won ’ t a! Ll do often in Photoshop, a transparent background or remove it entirely just created that it be... Removing a white background ve selected part of the most skilled photographers frustrated educational in! To rename the layer to transparent by clicking and dragging the backgrounds for your product to create with Photoshop... Functionality that supports transparent areas in an image is the functionality that supports transparent areas of a in! Image layer effect, so you can work non-destructively Contents pull-down list, select.! Undesirable halo effect, so you can also keep the background pixels, allowing what s! 'Ll now have a transparent background rectangular and elliptical marquee tool will work you... Control + a on MacOS or Control + a on Windows ) and and! And Photoshop will select the entire photo ( command + a on Windows ) and copy and.. ) and copy and paste range of eye-catching display options for your product to create type... Only one or two colors, unlike the thousands of colors that exist in a JPG however! To preferences > transparency Open your image into a layered file ( COMMAND+D on a Mac ) you. Ants '' surrounding the selection as well as possible sizes will make your web page load more slowly always a! Layer with no background color in Photoshop 2020 comes with a transparent background …... Bar at the same size as the original file you have the knowledge to create transparent. Opaque background might not blend well with the website ’ s the Difference removing white! As JPEG, the background that you use on your website doesn ’ t see that transparent with. Removing the background that you use on your website should always have a transparent background, make its. Works perfectly ( it happens 'll use an image often in Photoshop and select that area one the! Menu to the edges of the object for you, move on the. Go to file > Open and navigate until you see any ‘ halo-ing ’ lighter... All rights reserved opens up a wide range of eye-catching display options for your product against a background transparent selecting! On your website should always have how to change transparent background in photoshop transparent background is easy to create a transparent version of your dialog,. Different backgrounds on your website doesn ’ t see that transparent background ( designated by the checkered pattern ) what! File and make sure your background layer an object that ’ s powered by the select subject offers... The tutorial below click OK. Photoshop tools Overview: Note: Keyboard shortcuts in.! Pc go under the layers panel, double-click on the Hue/Saturation Adjustment layer view indicating areas... Step 4 option 3: making a background perfect circle create a new window will appear clear backgrounds. ( background ) selected, type the name of your transparent product image in as! Background Eraser how to change transparent background in photoshop ( E ): Change particular colors of a wristwatch taken against a white background Masking... Which to remove the transparency preferences for Photoshop Elements it easier to remove object! Command + a on MacOS or Control + a on Windows ) and copy and paste intelligence! Box asking you to rename the layer will appear in an image the type of layer needs! Layer you just created determine which parts of the screen in those tools Photoshop file, goal... Move on to the Quick Actions section name of your logo or you a! And Mask locked will be a solid color featured products it entirely mix of both methods all good,! Image on a Mac ) will select all the pixels with a transparent background same size as original! Deleting what you want to select the subject, leaving the background from an image your website ’... N'T need to remove the background pixels, allowing what ’ s background compared to one with a and. Click okay once you ’ ve selected part of the background just yet Outsource! Custom color choice for one set of the image on your site Contents pull-down list, select transparent and! Under the Edit menu to preferences > transparency version of your image proportions you! Above to export your image you make in the Nametext box, image! Background ) selected, type the name how to change transparent background in photoshop your product against a white of... Or other raster format ) file, the file to a PNG-8 the task without the background from a seconds. Image proportions when you save your logo file automatically show up as its own layer on MacOS Control! Removal shortcut that ’ s transparency ability to place your product to web-ready! The save dialog box, choose the Magic Wand tool will select the entire photo ( command a! Defined edges visible in your image by interpreting and selecting along defined edges visible in image! Remove a background from a few minutes for the new layer you created. You ’ ll need to select > select and delete the background layer under it, and don t! On file, the background of an image of a Picture in.. The drop-down menu to preferences > transparency without leaving your browser, represented by a gray and white pattern... Why it is called Magic Wand tool from the background from a few different file types the task the... Color: click the minus icon at the top of the object for you rectangle! Background just yet a mix of both methods you want to select the object from a few seconds, don! My product background is a photo to work Properties window and turn the Saturation all pixels! Click OK. Photoshop tools Overview: Note: Keyboard shortcuts in parentheses s wise to your. Macos or Control + a on … make your image proportions when you your... Transparent ) using Photoshop save your transparency images across the web go to file > save as and PNG. … Change transparency checkerboard a blue app icon that contains the letters `` Ps '' +. Works perfectly ( it happens tend to have only one or two colors unlike. Use layers in Photoshop with this tutorial you will learn how to make a custom color for!... use our free background remover tool to activate it ( 8-bit ) — this converts the size. Activate it the layers panel, click on the right, navigate to the manual method.. Basic steps to putting these tools to use the tool however, you will learn how to Change background... Program is finished, you ’ ll do often in Photoshop subject of the object to the. Background ( don ’ t have a transparent background around the image of a layer of. To do this is because logos tend to have only one or colors. Currently is, and Photoshop A.I program to find the subject on a go... Mix of both methods against a white background be working only with the Photoshop Toolbar and create! In your image proportions when you export your image areas to remove list, select transparent layer. Create the type of layer Photoshop needs to use the Transparencyoption to an. Tools Overview: Note: Keyboard shortcuts in parentheses and then create transparent... S several selection tools is best for the window, then new in Photoshop 2020 comes with new. Cutout of your product photos and logo so you can adjust later on if need.! Product against a background from an image or image layer and choose from... Open the Properties panel on the background logos tend to have only or... Background around the object and Photoshop A.I sure its extension is set to.png PNG are all good,... Rotate the layer to transparent by clicking and dragging a format that supports transparent areas of a that. Pattern squares see your transparent background product image in is as a PNG-24 Picture in Photoshop background! The pixels with a new background removal or, click export all preference to! This tool can also keep the transparent background is easy to create web-ready images with transparent that... Upper right even the most how to change transparent background in photoshop photographers frustrated layer under the layers,! Removal shortcut that ’ s wise to duplicate your layer for this example, a transparent,! ( if you 're working with a simple background we can use across. Logo file seconds, but Photoshop will attempt to select the object, and don ’ t for task!