Adobe photoshop cc 2019 transparent background free. How to make background transparent in photoshop cc 2019?

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Click on File, then New in Photoshop and a new window will appear. Go to the section that says, “Background Contents” and select Transparent then click OK. Adobe Photoshop Cc Full Download V20 – Adobe Photoshop Cc is a totally free PNG image with transparent background and its resolution is x
 
 

How to Create a Transparent Background in Photoshop – Path

 

Learn how to place an image inside a shape, and how to move the shape and the image to a different background, in the latest version of Photoshop!

A step-by-step tutorial. There are two main ways to fill a shape with an image in Photoshop. One is by using a clipping mask , and the other is with a vector mask. Both are easy to use, and both can produce the same results. But if your goal is to move the shape and the image to a different background, then vector masks have the advantage. The reason is that a clipping mask always needs two separate layers.

In this case, we would need one layer for the image and another layer for the shape. But with a vector mask, the image and the shape are on the same layer. So when it’s time to move the effect to a new background, we’re moving one layer instead of two! Let’s see how it works.

To follow along, you’ll need Photoshop CC That’s because we’ll be drawing our shape using the new Shapes panel, and also because CC gives us lots of new shapes to choose from.

If you’re using an earlier version of Photoshop, or you want to learn how to create this same effect using a clipping mask, check out the previous version of this tutorial. We’ll start by learning how to draw our shape and how to place the image inside it. Then I’ll show you how to move the shape and the image to a new background.

I’ll use this photo that I downloaded from Adobe Stock:. In the Layers panel , the image appears on the Background layer , currently the only layer in the document. In fact, it will remain the only layer even after we’ve placed the image into a shape:. Learn more: All the ways to open images in Photoshop! The easiest way to add a custom shape to your document in Photoshop CC is with the new Shapes panel.

If you have not yet loaded more shapes into Photoshop, then at first, all you will see in the Shapes panel are the default shapes. In CC , shapes are divided into sets, and each set is represented by a folder. To load more shapes, including hundreds of brand new shapes as well as the legacy shapes from previous Photoshop versions, click the Shapes panel menu icon :. Back in the Shapes panel, a new “Legacy Shapes and More” folder appears below the default folders:.

The Shapes folder contains hundreds of brand new shapes. And the All Legacy Default Shapes folder contains all of the shapes from earlier versions:. To add a shape to your document, simply choose a shape in the Shapes panel and then drag its thumbnail from the Shapes panel onto your image. For this tutorial, I’ll use the legacy Heart shape. The default shape color is black, but it’s okay if your shape is filled with a different color.

It won’t make any difference once we’ve filled the shape with our image:. Learn more: What are vector shapes? When you drag and drop shapes from the Shapes panel, Photoshop automatically surrounds the shape with the Free Transform box and handles. Click and drag any of the handles to resize the shape.

You can also drag inside the box to move the shape into place. Don’t worry about getting the size and placement of the shape exactly right. We’ll come back and fine-tune things later:. When you’re done, click the checkmark in the Options Bar to accept it and close Free Transform. And in the Layers panel, the shape appears on its own shape layer above the image. We’re going to use this shape to create our vector mask, and we’ll do that next:.

To turn the shape into a vector mask, we don’t actually need the shape itself. What we need is the path the outline around the shape. Switch over to Photoshop’s Paths panel. You’ll find it in the same panel group as the Layers panel:. In a moment, we’re going to delete the shape we created. But this will also delete its path outline.

So before we delete the shape, we need to make a copy of the path. Click on the shape’s path and drag it down onto the Create New Path icon at the bottom of the Paths panel:. With the path copy created, switch back to the Layers panel. Then click on the shape layer and delete it by dragging it down onto the trash bin.

This will delete the path copy we just created. You need to drag the shape layer itself onto the trash bin for this to work:. And just like that, the image appears inside the shape. The checkerboard pattern surrounding the shape is how Photoshop represents transparency:. In the Layers panel, a vector mask thumbnail appears to the right of the image thumbnail. And that’s how to place an image inside a shape using a vector mask:. Before we move the shape and the image to a new background, let’s fine-tune the effect.

I’ll show you how to reposition the image inside the shape, and how to resize the shape without resizing the image.

By default, the image and the vector mask are linked together. So if you move or resize one, the other is moved or resized along with it. To move the image or the shape independently, first unlink the image and the vector mask by clicking the link icon between the thumbnails:.

Then to move the image around inside the shape, select Photoshop’s Move Tool from the toolbar :. If you need to resize the shape, select the Path Selection Tool the black arrow from the toolbar:. And then click inside the shape to select it.

You’ll know the shape is selected because the path outline surrounding it will reappear:. And then drag any of the handles to resize the shape.

The image inside the shape will remain at its original size. When you’re done, click the checkmark in the Options Bar. One last thing we should do before moving the shape to a different background is trim away the transparent areas around the shape. This will make it easier to center the shape on the new background.

Then in the Trim dialog box, make sure Transparent Pixels is selected at the top, and that Top , Bottom , Left and Right are all selected at the bottom:. Click OK to close the dialog box, and the surrounding transparent pixels are instantly cropped away:. In this final part of the tutorial, I’ll show you how to move the shape and the image to a new background.

And then we’ll finish up by adding a stroke around the shape. I’ll use this image from Adobe Stock. The image will open in its own separate Photoshop document:.

Then switch back to the original document the one that holds the image inside the shape by clicking its tab :. In the Layers panel, make sure the image and the vector mask are linked together. You should see a link icon between the thumbnails. If not, click in the empty space between the thumbnails to link them:. Learn more: How to Auto-Select layers in Photoshop! Then click on the shape with the Move Tool and drag it up and onto the tab for the background image document:.

Keep your mouse button held down and your cursor over the tab until Photoshop switches to the background image. Then press and hold the Shift key on your keyboard, drag your mouse cursor down onto the background image, and then release your mouse button:. The Shift key tells Photoshop to center the shape within the document.

We now have our shape, and the image inside it, in front of the new background. Learn more: Five easy ways to move layers between documents! To finish off the effect, let’s add a stroke around the shape. And we’ll do that using a layer effect. In the Layers panel, make sure the layer that holds the original image and the shape is selected. In the Layer Style dialog box, set the stroke color by clicking the color swatch :.

And then choosing a color from Photoshop’s Color Picker. I’ll choose white. Click OK when you’re done to close the Color Picker:.

Back in the Layer Style dialog box, change the Position of the stroke to Outside. And finally, adjust the thickness of the stroke with the Size option. The value you need will depend on the size of your image. I’ll go with 24 pixels:. And there we have it!

 

Adobe photoshop cc 2019 transparent background free

 

Creating a transparent background for your product image in Photoshop opens up a wide range of eye-catching display options for your featured products.

For example, a transparent background gives you the ability to place your product against a background that dynamically changes colors. On responsively adobe photoshop cc 2019 transparent background free sites, a featured product with a transparent background can interact differently with its background depending on the user’s screen size. 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.

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.

We’ll walk you through this simple process in the tutorial below. Open your product image in Photoshop. Most likely, it’ll be in a JPG format. For this transpparent, we’ll use an image of a wristwatch taken against a white background. Open your Layers panel. In the Layers panel, double-click on the Background layer. A New Layer dialog box asking you to rename the layer will appear.

You can нажмите чтобы узнать больше this as the default Layer 0and click OK. Learn how to use layers in Photoshop with this tutorial Learn more. Select the Magic Wand tool from the Toolbar on the left-hand side of the application window. Then, click on Select Subject from the Options bar at the top of the screen. Photoshop will attempt to select the object from your photograph, regardless of the background.

You will see the selection as “marching ants” surrounding the selection. 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.

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 transaprent only contains the watch.

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. Your background will now be transparent. In Photoshop, a transparent background is represented with a gray and white checkerboard pattern.

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. The best format to save your image in is as a PNG This format allows for multiple layers of transparency, meaning your image will never have a pixelated “halo” when qdobe on a different color background.

Note: If you’re using an older version of Photoshop, and you don’t see the Export As In the dialog box that appears, under File Settings on the right-hand side of the box, set the Format to PNG, and make sure the Transparency box is checked. On the left-hand side of the image you’ll see the file size predicted for your PNG file. This is important to keep an eye on because larger file sizes will make your web page load more slowly.

My personal preference adbe to keep web images at around KB or smaller. On the right-hand side of your dialog box, under Перейти на источник Sizeadobe photoshop cc 2019 transparent background free have the option to adjust the dimensions of your backgroujd. Smaller dimensions mean a smaller file size. However, you don’t want to make your image’s dimensions smaller than you want them to appear on your adobe photoshop cc 2019 transparent background free doing so will create blurry or pixelated images.

This will help it look crisp on all devices. In other words, if you know your product will show at px wide at its maximum, you’ll want to make it at least px wide here. So, yes, there is a little bit of balance you’ll need to work with to maximize your image size while adobe photoshop cc 2019 transparent background free your file size.

To minimize load time, you can choose only to cree your featured product images saved larger for retina displays, and allow the bulk of your product images to be saved at actual size. Once freee set your Image Size to proper dimensions, click Export All.

In the Save dialog box, choose the folder where you keep your web-ready product images. It’s a good idea to keep your optimized image files separate from your original image files to avoid confusion adobe photoshop cc 2019 transparent background free loading your images onto your site.

Name coreldraw graphics suite x7 vs home and student free download image file and make sure its pohtoshop is set to. Get digital asset management tips to organize your backgriund and maintain your sanity Learn more You can now place your transparent product image against different backgrounds on your site and have it adobe dreamweaver cs5 descargar gratis free download perfectly.

The logo that you use on your website should always have a transparent background. That way, you have the flexibility to display it anywhere on your site, no matter what color the background of the page is. 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, just like we did for the product image in the example above.

If you’re lucky enough to have a logo as a vector file with extensions. EPS, or. Click Open. 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 adobe photoshop cc 2019 transparent background free skip this step.

If you’re working with a JPG, however, you will need to select and delete the adobe photoshop cc 2019 transparent background free from the image. Like we did in Step 1 when we made a product image background transparent above, you’ll need to double-click traneparent Background layer in the Layers panel and click OK to convert the Background to Layer 0. Selecting the background trwnsparent a logo file is slightly different from selecting the background of a product image since the background of your tgansparent is most likely all white.

Choose the Magic Wand tool from the Toolbar and click on the white background of your logo file. You’ll now have a transparent background, represented by a gray and white checkerboard pattern. When you export your image, you’ll notice that your file size is significantly lower than that of your transparent background product image. This is because logos tend to have only one взято отсюда two colors, unlike adobe photoshop cc 2019 transparent background free thousands of colors that exist in a product image.

So you don’t tranwparent to reduce your image proportions when you save your logo file. Keep your dimensions at the same size as the original file you have been посмотреть еще with, and click Save.

You now have the knowledge to create web-ready images with transparent backgrounds that will display beautifully without slowing down your site. Looking to learn more?

Browse the rest of our Photoshop tutorials. Learn more Becky Kilimnik. Bio: With over 18 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software.

Becky has worked with a variety of educational publishers in the U. Understand your adobe photoshop cc 2019 transparent background free when it comes photsohop the most affordable ways to edit your product photography. Clipping path and image masking both accomplish similar results—but the way to get them is different. Do everything by hand to achieve the perfect cut-out on every strand of hair. Product photos and descriptions that work together, sell together.

Find out how to create content on your product pages that will drive online sales. Sometimes you need to change up the white background. In this article. Share this article. How to create a transparent background for a product image in Photoshop Adobe photoshop cc 2019 transparent background free your image into a layered file Create your selection Baciground the background Save your image in the proper web-ready format Save your file Step 1: Make your image into a layered file Open your product image in Photoshop.

You’ve now unlocked your background layer, and anything you delete from it will be transparent. Learn how основываясь на этих данных use layers in Photoshop with this tutorial. Learn more. 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. Becky Kilimnik Bio: With over 18 years experience as a graphic нажмите сюда, Becky is passionate about helping people enhance their content by mastering image manipulation software.

Tags: background removal how to image editing Photoshop. You Might Also Like. Find the time to fall in love with your work again – dreamweaver cs3 portable free download Started. Forgot password? Log In. Create Account. First Name. Last Name. Subscribe to get emails and adobe photoshop cc 2019 transparent background free offers from Path. Product photography tips, photo editing tutorials, and inspiring stories No robots.

No filters. No spam. Enter Your First Name. Enter Your Last Name. Enter Your Email. Subscribe No, thank you. Copy URL.

 
 

How to make background transparent in photoshop cc ?

 
 

Making an image transparent — even partially, can give you endless ways to enhance your material. For instance, you adobe photoshop cc 2019 transparent background free combine images to create something new for your customers or add a transparent image to a product for branding reasons. The question for many beginners in the photo editing world, is how do you make an image transparent?

Photoshop is a popular image manipulation tool that allows you to add transparency to your photos in a range of different ways. When you make a layer transparent, you can add it to other images, or place it onto products without worrying about background edges and opacity. You can even use layers to touch-up your photos. If you want to merge or combine pictures in your portfolio, then you might need to make parts of your layer transparent. Select the area you want to alter using the selection tool, then:.

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.

To do this, click on the Eraser tool or Magic Eraser tool on the left-hand side of the image. Drag the eraser over the areas that you want to make transparent. When saving your new transparent photo, click on the Format drop-down menu and select the PNG option. There you have it — learning how to make an image transparent with Photoshop was probably much easier than you thought!

Now you can use your transparent photos to create a stunning selection of pictures to add to your growing portfolio! For more quick Photoshop adobe photoshop cc 2019 transparent background free and photography advice, remember to follow us on Twitter and Facebook. Envira Gallery helps photographers create beautiful photo and video galleries in just a few clicks so that they can showcase and sell their work. Picmonkey is still my go-to app though it offers limited features in the free version.

However, after Picmonkey I love Lightroom for its mult-editing features. Besides, its interface is simple and intuitive. Thanks for adding this app on this list. We’re glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policyand all links are adobe photoshop cc 2019 transparent background free.

Do NOT use keywords in the name field. Let’s have a personal and meaningful conversation. Your Comment. Your Real Name. Your Email Address. Save my name, email, and website in this browser for the next time I comment. Digital Photography Tips, Ссылка на продолжение and Resources. Using WordPress and want to get Envira Gallery free?

Try Envira Gallery free! Related Posts. How to Replace an Object’s Adobe photoshop cc 2019 transparent background free in Photoshop. How to Paint Your Walls in Photoshop. How to Change a Background in Photoshop. How to Perfectly Crop a Photo in Photoshop.

Comments Picmonkey is still my go-to app though it offers limited features in the free version. Add a Comment Cancel reply We’re glad you have chosen to leave a comment.