27 C
Jaipur
Saturday, October 24, 2020

How to Make a Transparent Background in GIMP

Must read

Maharashtra Government invites Tesla to set up a local plant | TechRadar

Elon Musk recently talked about how Tesla would come to India in 2021. While that could have many meanings, local governments are now taking...

VPN’s coming-of-age: A discussion with the ExpressVPN co-founders

It feels like VPNs are suddenly everywhere. What was once a technology used only by IT professionals and large businesses has now become a...

World Series live stream 2020: how to watch Dodgers vs Rays game 3 anywhere now

In a matter of days, the year's shortened MLB season will crown a new champion, but who will it be? The 2020 World Series...

Skype is back, and wants to take on Zoom

The pandemic has seen demand for video conferencing software skyrocket as businesses use the technology to work from home and students use it for...

Removing the background is one of the most used graphic design procedures. There could be many reasons why you would want to do that.

For example, you don’t like the background, you want to add the image to another background, or you simply want to make the image transparent.

When you make the image background transparent, you can use the colour according to the background of the new image. If you put a transparent image on top of a blue image, the image will now have a blue background. This is quite handy in graphic designing.

You can use GIMP to remove the background from an image. I am going to show you how to do that step-by-step in this GIMP tutorial.

How to Make a Transparent Background in GIMP

Step 1: Open up the image as a layer

As I have mentioned before, you need to get used to isolate different images and actions as layers. This tutorial is so simple that if you just open your image, it will still be fine. Although I want to maintain a good habit and open my image as following.

File -> Open as Layers

Open As Layers in GIMP
Open As Layers

Step 2: Use the Fuzzy select tool

The Fuzzy Select tool is designed to select areas of the current layer or image based on colour similarity. This tool will help us to select the unwanted background with one click.

Fuzzy Select Tool

Step 3: Add Transparency

An alpha channel is automatically added into the Channel Dialog as soon as you add a second layer to your image. It represents the transparency of the image.

If your image has only one layer (like our example), this background layer has no Alpha channel. In this case, to Add an Alpha channel.

Layer -> Transparency -> Add Alpha Channel

Add Alpha Channel for making a transparent background in GIMP

Step 4: Delete the background

Press the Delete keyboard button to remove the background.

If you have other different coloured regions that you need to remove, click on them and delete them.

You might have to repeat the steps 2 to step 4 if necessary. I have to remove the blue background in this example.

Removing background from image in GIMP

Step 5: Export the image

To export the image go to File -> Export As, choose PNG file format and click on Export. All done!

transparent background image created in GIMP

Advanced tutorial: Removing the complex background of an image in GIMP

If you have a complex background to remove, you need to take a different approach to do your job.

For the second part of this tutorial, I will demonstrate how to remove the background by adding a transparent layer and how to add a layer of your preference.

Young pup with complex background to remove in GIMP

Step 1: Add a transparency layer

Once you open your image, right click on the image layer and click “Add Alpha Channel“. This needs to be done, to ensure that there is transparency at this layer.

Add alpha channel to image in GIMP

Step 2: Select the foreground

Next you need to select the foreground by using the foreground select tool. You may wish to copy my settings as shown at the example below and before you start outlining your object make sure that the draw foreground option is selected at the settings.

Once you have adjusted your settings, draw a rough outline of your object and hit the enter key when done. Precision is not important at this step.

Select the foreground of the image in order to remove the background in GIMP

Adjust the stroke width at the settings panel and draw your object by clicking and dragging your mouse, like you paint it with a brush. You can adjust the stroke width near the outline of your object to get a more accurate result.

You can also change the foreground colour prior to selecting the foreground, to be more obvious whilst go through the process. My personal choice is a red colour.

When you release your mouse it should show up like the example.

Complex background partially removed in GIMP

Step 3: Fine tune your selection

You can fine tune the process by selecting the draw background option, to adjust the initial rough outline. Again, you don’t need to as far as you can with the precision.

You may need to go a bit back and forth between the draw foreground and draw background adjustment to minimize the work for the next step. A result as per below will be fine.

Hit the enter key when satisfied.

Fine tune the selection in GIMP

Step 4: Final adjustment

To get a more accurate result, you can refine even further the outline by working with the path nodes. This is what you can also use to outline text in GIMP.

To see the path nodes follow the steps as shown.

  • Make sure that you are at the paths dialog
  • Click the selection to path option
  • Unhide the path > Click Ctrl+Shift+A to deselect the path
  • Choose the paths tool
  • Click on the path
6

Focus on the outline precision

Adjust the outline to be nearly tangent to your desired foreground shape.

To add a node: To add a node point to a segment, and click where the node you want to be.

To adjust the outline curvature: Click the Ctrl key and drag the node. The node handles will be revealed to increase the precision to maximum.

To delete a node: Click the ctrl+shift key and click on a node to remove it.

Make finetuned outline in GIMP

When the path is refined to a final shape, click the “Select from Path” option.

Selection To Path for making the background transparent

Step 5: Add a layer mask

Finally, you need to add a layer mask to “reveal” the transparency, that you created in the initial step.

To add a layer mask, right click on the current layer > Add Layer Mask > Selection and click Add.

Add layer mask in GIMP

If you have followed all the steps correctly, the background will now be masked and you can import or create the background that you like.

Background removed from a complex image in GIMP

Step 6: Add a new background

To create a new background, you have to create a new layer. If you are a regular reader of It’s FOSS, you already know how to create a new layer as it is shown in several GIMP tutorials.

As the difficult part is done, I will let you explore different ways to add a new background. If you already have an image that you want to add as a background, you need to open it as layers from the file drop menu, so you don’t have to create the layer manually.

Either way, you may need to re-order your layers to achieve the final result.

My preference for this example is to use the gradient tool, and yes I picked the colours from Ubuntu!

Final result with complex background removed and replaced by another

Final result with complex background removed and replaced by another in GIMP

Conclusion

There are many different ways to add transparency to an image, depending on the complexity of the background. There is not an absolute path to follow for every occasion and the more hours you spend with GIMP the more efficient user you become.

Don’t forget to subscribe to the newsletter and let me know what you created following this tutorial at the comments below.

Source link

- Advertisement -

More articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest article

Maharashtra Government invites Tesla to set up a local plant | TechRadar

Elon Musk recently talked about how Tesla would come to India in 2021. While that could have many meanings, local governments are now taking...

VPN’s coming-of-age: A discussion with the ExpressVPN co-founders

It feels like VPNs are suddenly everywhere. What was once a technology used only by IT professionals and large businesses has now become a...

World Series live stream 2020: how to watch Dodgers vs Rays game 3 anywhere now

In a matter of days, the year's shortened MLB season will crown a new champion, but who will it be? The 2020 World Series...

Skype is back, and wants to take on Zoom

The pandemic has seen demand for video conferencing software skyrocket as businesses use the technology to work from home and students use it for...

Illinois vs Wisconsin live stream: how to watch Big Ten college football anywhere

While NCAA college football has been in action for a few weeks, the 2020/21 season only feels truly underway now the Big Ten are...