Note: If you're using an older version of Photoshop, and you don't see the Export As. option, you can choose to Save for Web and select PNG-24 from the Preset dropdown menu on the right-hand side of the dialog box. 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. Older transparent file formats such as PNG-8 and GIF can create this undesirable halo effect, so whenever possible, use a PNG-24. This format allows for multiple layers of transparency, meaning your image will never have a pixelated "halo" when placed on different color background. The best format to save your image in is as a PNG-24. Step 4: Save your image in the proper web-ready formatĬreating 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 e-commerce website. Type CTRL+D (COMMAND+D on a Mac) to deselect your selection. In Photoshop, a transparent background is represented with a gray and white checkerboard pattern. With your inverse (background) selected, type BACKSPACE (DELETE on a Mac). 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. 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. In this example, Photoshop didn't completely remove the watch's shadow from the selection, so we'll choose the Subtract from the 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. 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.
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 presently opened your background layer, and anything you erase from it will be transparent. You can leave this as the default Layer 0, and snap OK. A New Layer discourse box requesting that you rename the layer will show up. In the Layers board, double tap on the Background layer. Of course, this board rests to one side of your picture window, yet on the off chance that you don't see it, you can get to it by tapping on Window > Layers from the dropdown menu at the highest point of the application window. For this model, we'll utilize a picture of a wristwatch taken against a white background.
HOW TO SAVE PHOTO WITH TRANSPARENT BACKGROUND IN PHOTOSHOP HOW TO
How to create a transparent background for a product image in Photoshop Step 1: Make your image into a layered file We'll walk you through this basic cycle in the instructional exercise beneath. Utilizing Photoshop to make a transparent background, and afterward sparing the record in the fitting web-prepared arrangement, is astoundingly simple once you understand what you're doing. Your site's logo records ought to likewise be made with transparent backgrounds so you can put the logo anyplace on your site, paying little heed to the page's background tone. On responsively planned destinations, an included item with a transparent background can cooperate diversely with its background contingent upon the client's screen size. For instance, a transparent background enables you to put your item against a background that progressively changes tones.
Making a transparent background for your item picture in Photoshop opens up a wide scope of eye-getting show alternatives for your included items. Clear the backgrounds for your product photos and logo so you can use images across the web.
0 kommentar(er)
