You will see the selection as "marching ants" surrounding the selection. Photoshop will attempt to select the object from your photograph, regardless of the background. Then, click on Select Subject from the Options bar at the top of the screen. Select the Magic Wand tool from the Toolbar on the left-hand side of the application window. You've now unlocked your background layer, and anything you delete from it will be transparent.
You can leave this as the default Layer 0, and click OK. A New Layer dialog box asking you to rename the layer will appear. In the Layers panel, double-click on the Background layer. By default, this panel rests to the right of your image window, but if you don't see it you can access it by clicking on Window > Layers from the dropdown menu at the top of the application window. For this example, we'll use an image of a wristwatch taken against a white background. Step 1: Make your image into a layered file
How to create a transparent background for a product image in Photoshop We'll walk you through this simple process in the tutorial below. 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. 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. On responsively designed sites, a featured product with a transparent background can interact differently with its background depending on the user's screen size.
For example, a transparent background gives you the ability to place your product against a background that dynamically changes colors. png), with the ability to still go back and edit the image afterwards.Creating a transparent background for your product image in Photoshop opens up a wide range of eye-catching display options for your featured products. svg file so that it is just the objects that I've put on the artboard, with a transparent background (à la. I tried also to select solely the circle and the font contained within the circle and save with the "export selected" option, however that still seems like I'm getting the background of the circle (despite me having the circle fill option to "none"), and furthermore it loses the preserve editing capabilities it seems because when I opened one of these to change around some of the color it did not allow me to do so. svg and preserve the editing capabilities, but when I open the object in firefox to test it out it looks as if the entire artboard is saved along with the image, as I'm making a little design that's contained in a 100x100 pixel circle and when I open the browser that circle is centered in the middle of the page as it is in the center of the artboard. I've been reading a lot up on the various methods for saving and preserving editing capabilities as found here: , however I'm still confused. I'm working with illustrator to create a cadre of icons that I'd like to use on a web page.