Jump to content

Gimp Tip : Isolate image from background

- - - - -

8 replies to this topic

#1
Dark Star

Posted Image


Recently bladey started a show off with some exquisite images http://www.techencla...6558-post1.html , I asked him about the effect but it was a PS trick and beyond my imagination :P Since I use Gimp it was necessary for me to get the effect. Today I was playing with Gimp and found a way out. Its pretty easy and yet so cool.

So in this small tutorial we will try to achieve similar effect using Gimp.This effect is actually a simple mask trick. To get started we will first need to download an image from where we can isolate a colour part from a desaturated background. I have already selected an image for you to get started.

Posted Image
Image Source | Initial Image

|

Posted Image
Final Result


To achive the effect first install Gimp. Gimp is a crossplatform image editor available for Linux/Windows/Mac and other Unix like systems. Download Gimp from GIMP - The GNU Image Manipulation Program

Post installation, open the source image in Gimp. Notice the layer box at the right hand side.

Posted Image


Duplicate the background layer by Right Click -> Duplicate Layer

Rename the layer to Mask Layer by Right Click -> Edit Layer Attributes

Posted Image


Now once you have created 2 layers we will try to desaturate the background. Note the effect of the top most layer will be the most prominent so we will desaturate the top most layer i.e. Mask Layer

To Desaturate navigate to Colour -> Desaturate from the Gimp menu, and click ok.

Posted Image


Once done. Right click on the top most layer (Mask Layer) and select Add Mask Layer. Click ok to add a White Mask (Full Opacity),

Posted Image


Notice the white preview just beside the Mask Layer, this white preview is the Mask that you have applied. All the drawing done from now all will be saved in Mask applied.

Grab the brush from the toolbar and increase the zoom level from the tools option below the toolbar. Set the Foreground colour to black.

Now apply the brush only at the object you want to isolate/colour from the desaturated background. Black Colour delete the portion from top layer and white colour restore.


Posted Image Posted Image


If by mistake you colour the outer-part you can easily undo it by CTRL + Z or change the foreground colour to white and use paintbrush in the undesired area.

Observe that the drawing is being carried out the in mask applied. Once you have isolated the object [car in this case]. Right click the mask and select Apply Mask


Thats it. You have achieved a decent effect with mask and Gimp.

Please digg the tutorial here http://digg.com/linu...from_background

Hope this tutorial helps you :)
Keep the comments and suggestions coming .;)
Regards

#2
Arihant.EXE

Wow , very cool ... i've not been able to download photoshop due to bandwith concerns , and instead put in my pcworld DVD to install GIMP .. i was amazed by the near-same level of editing tools / options it provide when compared to the numero uno, Photoshop!

The tutorial is very well written , and easy to decipher and make use of .. Thanks DS, it must come handy some day .

#3
DanDroiD

Nice job DS, a good mask tutorial ;) Sorry but I guess I am not spreading around enough reps to give you any :P
Is it possible to put make hue/saturation adjustment layer in Gimp and then mask it like in photoshop?

#4
vishalrao

Very nice indeedy :)

#5
The Sauron

Nice job DS :)

#6
Dark Star

PiXeLpUsHeR said:

Nice job DS, a good mask tutorial ;) Sorry but I guess I am not spreading around enough reps to give you any :P
Is it possible to put make hue/saturation adjustment layer in Gimp and then mask it like in photoshop?

Well yes, why not. You can add a new layer between desaturated and background layer and apply the HUE/Saturation effect, but with what settings you are referring too

Posted Image

#7
Blade_Runner

Good work DS. You managed to figure it out in Gimp. :) Dugg! for you.

#8
DanDroiD

Dark Star said:

Well yes, why not. You can add a new layer between desaturated and background layer and apply the HUE/Saturation effect, but with what settings you are referring too

In photoshop you can create an "Adjustment Layer" This is a layer that has editable characteristics for a specific effect. For example a Hue/Saturation Adjustment Layer will allow you to change the Hue/Saturation for a specific Layer or all Layers below it, but does not contain any images itself. The beauty of this is you can add a mask to this Adjustment Layer so that you can isolate the Hue/Saturation Effect.

#9
Dark Star

^^Is it like a transparent layer with effects :S But gimp there is no adjustment layer IINM :S How can I provide hue effect on transparent part :S

Can you please show me some example :)