Have a quick look at these two other tutorials first if you're unfamiliar with the GIMP. The first shows how to simply cut out an object using the bezier tool. The second explains briefly what "masks" are.




Okay. I'm listening to "One Wild Night" so we're going to use a Quickmask to cut out Jon Bon Jovi from his background. (Legal blurb: not my image, probably belongs to Versace.)



Step 1: Use the bezier tool for what you can. I still use the bezier tool to cut out the majority of Bon Jovi from his background because it saves me a bit of time. This is just my personal preference. However, as you can see from the picture, I can't use the bezier tool to cut out his wild, rocker's hair. I just can't get enough detail with paths, and it would end up looking stupid. So I cut around it for now.



Step 2: Apply a Quickmask. This is so easy. Just click the Quickmask button in the bottom left corner (blue arrow). Et voila, the image is covered in a red film. The red film is the Quickmask. (I've put the image on a white background so I can see edges more clearly.)



Step 3: Paint the bits you want to become selections. The idea is to paint over the areas that you are going to eventually delete. If you paint them white, it's like poking a hole through the mask. The edges of this hole will be the edges of the selection that you are going to delete. So paint in white over any areas you don't like. In this case, anything that's not Bon Jovi's hair. My GIMP would look like this at this point (click on the picture to get a zoom-in):



For the really fine bits, zoom in and paint with as fine a brush as possible between individual hairs. This sucks and is boring, but gives a much nicer end result.



Step 4: Convert the Quickmask back into a selection. Again, so easy. Just click again on the Quickmask button (blue arrow). The red film disappears, and the areas you painted white turn into selections with little marching ants around them (pink arrow). Don't be afraid to flick back and forth between the Quickmask and the selections, deleting them as you go. I will repeat this step several times until I'm happy.



Step 5: Delete the selection you have made. Now that you have an active selection (the marching ants) just delete it. (This is done differently in different versions of GIMP. Try delete or Ctrl+K).



Step 6: The purpose of this technique was to produce a high detail cut-out for pasting onto different backgrounds. However, Quickmasks can be used for a wide variety of things, and the concepts in this tutorial can be adapted to suit different kinds of images. I'll leave you with one I made earlier... :-)



9 Comments:

  1. Aaron on July 6, 2008 10:32 AM

    Hey I still don't get how to use the bezier to cut the image out. You need to go in more detail there!!!

     
  2. CJ on July 6, 2008 7:17 PM

    Nope. I really don't.

    That's because there's a LINK in the first sentence to the other tutorial on beziers... :)

     
  3. Anonymous on July 19, 2008 4:07 PM

    Link from:
    Articulate e-learning

     
  4. Anonymous on November 22, 2008 11:46 AM

    Where is the Bezier tool?? I have version 2.6.2 for tiger 10.4.11 and it's for mac OSX.

     
  5. CJ on November 22, 2008 10:24 PM

    Bezier tool - the button that looks like a pen. And in newer versions of GIMP it's now called the Path tool.

    See the previous tutorial.

     
  6. Anonymous on January 29, 2009 6:30 PM

    Very useful tutorial - I just used it to put John Major's head on a man standing in a bath. Many thanks!

     
  7. CJ on February 4, 2009 10:09 AM

    Cool... :)

    Glad it helped.

     
  8. Ill on February 14, 2009 12:10 AM

    Nice job! I really needed that help. I am so used to using Photoshop, I look at GIMP and just go straight to confusion.

     
  9. Anonymous on September 18, 2009 5:10 PM

    Thanks this is great! Really helped :)