{"id":2093,"date":"2022-01-02T18:24:00","date_gmt":"2022-01-02T18:24:00","guid":{"rendered":"https:\/\/clippingpathking-com-676999.hostingersite.com\/blog\/?p=2093"},"modified":"2024-10-31T15:40:41","modified_gmt":"2024-10-31T15:40:41","slug":"how-to-make-an-image-transparent-background-using-pen-tool","status":"publish","type":"post","link":"https:\/\/clippingpathking.com\/blog\/how-to-make-an-image-transparent-background-using-pen-tool\/","title":{"rendered":"How to Make an Image Transparent Background using Photoshop Pen tool"},"content":{"rendered":"

One of the most common Photoshop operations is making an image transparent background<\/strong>. Various tools are available in Photoshop to perform this. Simple and harder ways are available depending on the images and requirements of the output. In this article, I will try to describe one of the simple ways to make a picture transparent background in Photoshop<\/strong>.\u00a0<\/span><\/p>\n

Why we need to make an image transparent Background<\/span><\/h2>\n

There are many places where transparent images<\/strong> are required. It gives us the ability to place your photo on any background. You can place it on a dynamic background, which changes color automatically. Think about a responsive website where web pages change size according to different screens. In that situation, you need to update the size of the photo background to fit the screen size.\u00a0This is one unique reason why you need to make a transparent image<\/strong>. There are tons of other reasons why you need a transparent background image<\/strong><\/a>.<\/p>\n

S<\/span>teps on how to make transparent image\/photo<\/span><\/h2>\n

\u00a0 \u00a0 \u00a0 \u00a0 1. Make your image a layered image<\/strong><\/h4>\n

\u00a0 \u00a0 \u00a0 \u00a0 2. Make a selection on the image<\/strong><\/h4>\n

\u00a0 \u00a0 \u00a0 \u00a0 3. Create a path on the image with the pen tool<\/strong><\/h4>\n

\u00a0 \u00a0 \u00a0 \u00a0 4. Create a mask to achieve dynamic background change<\/strong><\/h4>\n

Step 1: Make your image a layered image<\/b><\/h3>\n

Normally, when we open an image in Photoshop<\/strong><\/a>, it remains locked. The image below demonstrates that. It means the image is locked. You first need to unlock it to start working on it. You can normally double-click on the image to unlock it.\u00a0<\/span><\/p>\n

\"unlock<\/a><\/p>\n

When you double-click on the image layer<\/strong>, a pop-up window will come up. Then click on the OK button.\u00a0<\/span><\/p>\n

\"image<\/a><\/p>\n

 <\/p>\n

Then, you will see that \u2018Layar 0\u2019 is written on the layer, and there are no lock icons.\u00a0<\/span><\/p>\n

\"Make<\/a><\/p>\n

This is how your step one is done. Now, we will start step two, where we will select the image. The reason for making a selection is because we want to keep our required part of the image and remove other things from it. <\/span><\/p>\n

Step 2: Make a selection of Pen tool<\/b><\/h3>\n

There are many ways to make a selection of the image but you will use the most common \u2018Pen tool<\/strong><\/a>\u2019 to perform the selection. The Pen tool is the most common sharp tool inside Photoshop to make a perfect selection.\u00a0<\/span><\/p>\n

\"Make<\/a><\/p>\n

You can press \u2018P\u2019 from the keyboard to select \u2018Pen tool<\/strong>\u2019 but there are other options available there as well. So, exactly like the image when you see the pen tool is selected you need to also look at the first option.\u00a0<\/span><\/p>\n

Step 3: Create a path on the image with the pen tool\u00a0<\/b><\/h3>\n

Now, the selection process begins. Before you make a selection on the image,\u00a0you need to bring the path palette from the \u2018Window\u2019 Panel.
\nFrom the dropdown list, you have to check the \u2018Paths<\/strong>\u2019 option, which was checked on not. If it is not checked, then you have to click on it to check it. Look at the image below for a demonstration.<\/p>\n

\"Create<\/a><\/p>\n

Now, you can see there is a new Path panel available under the Layer panel on the right side of Photoshop. For the second step, you need to click on the \u2018Create new path\u2019 icon. To understand this,\u00a0look at the image below in step 2. <\/span><\/p>\n

\"How<\/a><\/p>\n

After clicking \u2018Create a new path,<\/strong>\u2019 there will be a new path layer will be available. It just looks like the image below.\u00a0<\/span><\/p>\n

300% Zoom:<\/h4>\n

You must make the image as Zoomed as possible. The standard is 300%. This way, the image will be much bigger, and your selection will be good. You don\u2019t have to be 100% perfect with your selection because by making it bigger, it’s easy for you. When you zoom out the image, you can realize the change.\u00a0<\/span><\/p>\n

Look at the left bottom side of the window, where you can see the current screen size. You can just click \u2018Control and +\u2019 to make the screen size bigger and \u2018Control and\u2014\u2019 to make it smaller. Also, you can directly write the screen size in\u00a0percentage by selecting the text with a double click. When you change the window size, look at the percentage.\u00a0<\/span><\/p>\n

\"Zoom<\/a>\"image<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

Now, you are ready to create a path on your image<\/strong>. You can start anywhere in the image. Select the whole image by clicking around it. After making the selection, you need to join the path from where you started creating it.\u00a0<\/span><\/p>\n

The path creation process is not easy. You must practice it as much as possible to make a perfect selection. For example, when you are curving the path, you need to look at the forward path angle. Because of the next election, it will help you make the selection easy.\u00a0\u00a0<\/span><\/p>\n

\"path<\/a>

path creation process<\/p><\/div>\n

 <\/p>\n

After joining the path from where you started, you must go to the Path panel again. Click on \u2018Path 1\u2019 and click on \u2018Make Selection.\u2019 Then, a pop-up window will appear where you give some feathers, like 0.2 or 0.3 percent, to make the selection a little blurry.\u00a0By doing this, your cut-out result will be more precious and natural.\u00a0<\/span><\/p>\n

\"Make<\/a>

Make Selection<\/p><\/div>\n

Look at the image below to demonstrate the thing.\u00a0<\/span><\/p>\n

\"set<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

Step 4: Create a mask to achieve dynamic background change.<\/b><\/h3>\n

 <\/p>\n

The final step is to click \u2018Add layer mask\u2019 from the \u2018Path panel.\u2019\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

You can see the magic by clicking on \u2018Add layer mask. ‘ Your image background will be completely transparent<\/strong>.\u00a0<\/span><\/p>\n

\"transparent<\/a>

Transparent Background done<\/p><\/div>\n

 <\/p>\n

How to change the background color on a transparent image.\u00a0<\/b><\/h3>\n

After creating transparency<\/strong> with the process mentioned above it is very easy for you to change or add a new background to any color for the image. Go to the \u2018Layer panel<\/strong>\u2019, and there you will see the icon below. If you bring your mouse pointer there, you will see \u2018Create new fill or adjustment layer.\u2019\u00a0<\/span><\/p>\n

\"change<\/a><\/p>\n

 <\/p>\n

Now click on the icon, and a drop-down list will appear. From the drop-down list, select the \u2018Solid Color\u2019 option.\u00a0<\/span><\/p>\n

\"Solid<\/a><\/p>\n

 <\/p>\n

When you click on the \u2018Solid Color<\/strong>\u2019 option, a pop-up window will appear, and you can now choose any color you want. When you choose a color, a new layer is automatically created above your image layer, which you created at the beginning of the process. Now, simply click on the \u2018OK\u2019 button.\u00a0<\/span><\/p>\n

\"Select<\/a><\/p>\n

 <\/p>\n

What we have done so far is great,\u00a0 you just need to bring the \u2018Color fill layer\u2019 to the bottom of the \u2018layer 0<\/strong>\u2019. When you do it you can immediately see the background color of the image is changed<\/strong>.\u00a0<\/span><\/p>\n

\"background<\/a><\/p>\n

Look at the final image now. The good thing is you can go back to the color layer you have just created and change the background color\u00a0you want.\u00a0<\/span><\/p>\n

\"change<\/a><\/p>\n

 <\/p>\n

I hope it’s easy for you to create a transparent background now. If you have any questions on How to make a transparent background in Photoshop<\/strong> then please comment and for better understanding bellow given the video tutorial:\u00a0<\/span>
\n