Tuesday, June 19, 2012

Editing photos in Gimp - 5 steps to a white background

In my last post I have promised some explanation on how to tweak photos in Photoshop or Gimp to get the background completely white. Today I am going to explain how to improve the background in Gimp since this application seems to be more popular than Photoshop.

I will explain the steps you need to take using a photo of one of my own pieces as the example. The piece has been shot on a perfectly white background (a sheet of white plexiglass) and in a tent-like softbox. To make sure the white was not looking white I did not set up the lights I am normally using and the softbox was placed under a skylight giving enough light to see the softbox's frame reflections on the surface of the plexiglass sheet.



My perfectly imperfect original photo


So, let's get to work and make this dirty background shine in a few very easy steps.

Step 1 - adjust curves

 You will find the 'Curves' command in the 'Colors' menu:


This is what you see after opening the 'Curves' tool:
 

Drag the top end of the line in the graph to the left until you go past the peak of the gray graph. At this moment your background should be already looking quite white. Click OK.



Experiment with moving the end of the line to the left further and further. This will help you understand how the things work (in short: the more to the left you drag the point, the brighter the picture is becoming. Some photos will need more adjustment than others).

*** If your item is white or very light it is very likely that after adjusting curves it won't be clearly visible any more, since what we are doing in this step affects not just the background but all the light areas of the photo.



Step 2 - duplicate the background layer





You will find the 'Duplicate Layer' command in the menu that shows after right-clicking the name of the layer on the layers' list.

After you click the 'Duplicate Layer' command, a copy of your original layer will be created. It will have the same name as the original with the word 'copy' added at the end. I will be referring to this layer as to the threshold layer.


Step 3 - reduce the image to two colors and set the threshold


Make sure the threshold layer is highlighted at this moment.



Go to Colors - Threshold and click it:



Your photo will turn black and white and you will see a graph with a small arrow slider under it:



Drag that arrow all the way to the right, there will be no gray on the graph any more. Click OK.


Looking at your photo now you can tell what areas of your photo are perfectly white and which are not, even though on the 'normal' version of the photo they might seem to be such.
Now all you have to do is get rid of all the black spots in the places where the photo should be white.

*** If you haven't moved the curves' line far enough to the left your image will be completely black and you won't be able to move to the next step. Try to go back and adjust the curves again and if it doesn't help go back even more and brighten the photo. If you still cannot recognize the outlines of your item on the threshold image it means that your photo is far too dark and you won't be able to get a perfectly white background. It is up to you if you keep it as it is after adjusting the curves only or you take another photograph of your item which hopefully will be brighter and you can work with it.


Step 4 - clean up the background


Now is the time to get rid of all the imperfections of the background. To do this stay on the new layer and pick the brush tool.
Set the foreground color to white (RGB 255-255-255) and adjust the size of the brush to a size that will be comfortable for you. Remember that you have to get rid of the gray areas on the background without touching the edges of your item!


Start to paint white over gray:



This is how the photo should look like at the end:




Step 5 - apply the clean background to your photo

The last thing you will have to do is copy the perfectly white background from your threshold layer to the original one.


Go to Select - By Color. In the Tool Option make sure that none of the boxes are checked, the Threshold value is set to 0.00 and Value is chosen from the Select by list. Then click anywhere on the white area of the threshold layer (you have to do it only once even if you have more than one patch of white) and press Ctrl+C to copy your selection:



Turn off the visibility of the threshold layer and activate the original layer for editing. Click Ctrl+V to paste your white background:



You will see a new item show on the layer list, this is your selection pasted. Right click on it and choose 'New from visible' from the list - this will create a new layer called Visible. Now you can delete all the other layers from the list:




  Voila. The background is done, now you only need to fine tune the levels and contrast of the photo, and that's it. Here is my finished photo. No seams on the white page, yes?




So, this is how you can tune your background in Gimp. It might look complicated, but in fact it is very simple and editing one photo shouldn't take more than a couple minutes.


In my next post I will explain how to get white backgrounds in Photoshop (it will be a very short coverage, since PS is so much easier and nicer to work with than Gimp). I will also give some tips for shooting photos with white backgrounds - including the use of a light-table.

33 comments:

  1. This is a wonderful post !!! Thank you so much Jagna, I can't wait to try it :-D

    ReplyDelete
  2. wow Jagna! amazing tutorial, many thanks!

    ReplyDelete
  3. Fantastic and valuable lesson, thank you Jagna! :)
    PS tutorial will be much appreciated, too.

    ReplyDelete
  4. Awesome tutorial! Can't wait to test it out!!!!

    ReplyDelete
  5. I didn't know it's so complicated :P I usually use combination of colors options such as brightness and contrast. I should try this.

    ReplyDelete
  6. I am very much pleased with the post. I want to thank you for this great article. I enjoyed every little bit part of it and I will be waiting for the new updates.
    Clipping Path Experts

    ReplyDelete
  7. Great article. I needed it to get a white background on a photo of my signature, so I can include it automatically on letters I write. The method works perfectly.

    ReplyDelete
  8. Thanks for sharing your wonderful and helpful knowledge in the field with us. photo editing services

    ReplyDelete
  9. Wonderful gimp photo editing tutorial. easy 5 steps to remove image background . thanks

    ReplyDelete
  10. Nice tutorial on Photoshop background removal without applying manual clipping path. However, in order to get the best photo cut out result there is no substitute of photo clipping.

    ReplyDelete
  11. Thanks for sharing important topics on photoshop. I think, White background is standard background for all image. I want to know about Background Removal Service.

    ReplyDelete
  12. Maybe you used magic tool for this photo background removal service. But pen tool is the best and perfect for this.

    ReplyDelete
  13. Well explanation.Thanks a lot for your most important post.It's really a great blog for learn something new.thanks again

    ReplyDelete
  14. It was a great post for me.And so much informative as well.thanks for sharing this helpful post with us.thanks again
    Raster to vector convertion

    ReplyDelete
  15. I Will Remove Background Of Your Image,Product,Logo And Crop It My Service :

    1.BACKGROUND REMOVING/CHANGING
    2.Transparent background
    3.Jpg/Png background
    4.Amazone Product Background removing.
    5.Furniture Background removing.
    6.Logo Background removing.
    Or any other images or products Background removing.

    Extra Service,

    1.Re-sizing/Cropping
    2.Convert your photo into any format
    3.Removing unwanted objects
    4.Remove wrinkles and blemishes
    5.Color correction
    6.Photo merging
    7.Shadow effects

    MANY MORE

    If your Order requirement is NOT listed above, just contact me before ordering. I will give you good solution.

    I will provide you,

    Unlimited revisions
    100% customer satisfaction
    100% Money back granted

    Please Knock me First before order.

    ReplyDelete
  16. Prologics, India offers HDR image blending, real estate photo editing and image editing services, image clipping, background removal, photo clipping path service, photo editing, color correction, photo retouching & restoration, clipping path, cropping, resizing services, 3d floor design, 2d floor plan services & many more.

    ReplyDelete
  17. In my last post I have promised some explanation on how to tweak photos in Photoshop or Gimp to get the background completely white. Today I am going to explain how to improve the background in Gimp since this application seems to be more popular than Photoshop.
    Best Gaming Mouse

    ReplyDelete
  18. This is very nice post. It is also very helpful for us. I have been searching types of posts. Some days ago I read an article about post. But this better than post. http://zenithclippingpath.com

    ReplyDelete
  19. Nice post with a lot of information. Thanks for sharing with us.

    ReplyDelete
  20. So helpful post for me. Thanks for everything.

    ReplyDelete
  21. This comment has been removed by the author.

    ReplyDelete
  22. Nice post...
    This is great blog for background remove service.
    Click here to get best photo editing service. PhotoEditExperts is a great site for background remove service & more.

    ReplyDelete
  23. Thank you for this post, very interesting.
    I am a marketer in Grenoble (France). I use on an everyday basis Gimp and Canva.
    Gimp is not very intuitive, you need months and months of use to begin making amazing stuff with it.
    On the other side, Canva is the most intuitive photo editor ever. In 5 minutes you can create catchy images, background that do not look like an old ‘paint’ image.
    So the best combo is to modify your image with Gimp, put it in PNG format, and ‘work’ on it with Canva. Hope it will give you ideas
    Stefan
    marketer at
    http://www.bluepixelcie.com

    ReplyDelete
  24. Wonderful tutorial and great write hare. Thanks for share.
    clipping path

    ReplyDelete
  25. Thank you for this post, very interesting.
    I am a marketer in Grenoble (France). I use on an everyday basis Gimp and Canva.
    Gimp is not very intuitive, you need months and months of use to begin making amazing stuff with it.
    On the other side, Canva is the most intuitive photo editor ever. In 5 minutes you can create catchy images, background that do not look like an old ‘paint’ image.
    So the best combo is to modify your image with Gimp, put it in PNG format, and ‘work’ on it with Canva. Hope it will give you ideas
    Stefan
    marketer at
    http://www.bluepixelcie.com

    ReplyDelete
  26. Thank you for this post, very interesting.

    I am a marketer in Grenoble (France). I use on an everyday basis Gimp and Canva.

    Gimp is not very intuitive, you need months and months of use to begin making amazing stuff with it.

    On the other side, Canva is the most intuitive photo editor ever. In 5 minutes you can create catchy images, background that do not look like an old ‘paint’ image.

    So the best combo is to modify your image with Gimp, put it in PNG format, and ‘work’ on it with Canva. Hope it will give you ideas

    Stefan

    marketer at

    http://www.bluepixelcie.com

    ReplyDelete
  27. You have provided a nice article,Thank you very much for this one. And I hope this
    will be useful for many people. And thank's again to share us. Clipping Path

    ReplyDelete
  28. Awesome post on editing photos in Gimp. Before reading this article, I didn’t have so much knowledge about editing photos in Gimp. Now this article inspires me to use it for my photo editing tasks. I will also use it for Background Removal Service.

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...

Last Month popular posts