Metuchen High School: GIMP

 

Cloning                              

 

Cloning is copying a part of one photo into a second photo.  This exercise is on cloning, but we won't actually use the Clone Tool.  I'd like to introduce a way to clone that is somewhat more complicated, using layers and a mask, but probably gives a better result.  This is because you have more control of the process.


Example

Here is an example. You are not expected to do this example.  The exercises you are asked to do are below.

Here are the two photos.  The one at left is of the Golden Gate Bridge in San Francisco. The one at right is of some rocks.

The photo of the rocks is resized (made smaller). Then it is cloned onto the photo of the bridge. In this process, the photo of the bridge and the photo of the rocks reside on 2 separate layers in the Layers dialog. A mask is used to make part of the bridge photo transparent, which allows the rocks to appear in the result. You will do something similar below, cloning some flowers onto a house's lawn.

   

Here is the result of cloning the rocks onto the photo of the bridge:

Download clone1.jpg and clone2.jpg below. Here are instructions:

 

- Open the two images in GIMP. 
- Click on the house photo to select it, and do CTRL-L to open the Layers dialog. 
- Switch to the image of the flowers. Resize the photo of flowers (Image > Scale Image) so that the flowers will look good when copied into the photo of the house. Copy the image.
- Left-click on the image of the house to select it. (The house image should then display in the Layers Dialog.)
- Left-click on the layer in the Layers dialog and do CTRL-V to paste the flowers photo.
- A new layer, holding the flowers, will show up as "Floating Selection (Pasted Layer)". Right-click on this new layer and choose To New Layer.
- The Layers dialog should now display both images, on 2 separate layers.


- In the Layers dialog, drag the Pasted Layer down so that it resides below the house layer.
- A rectangle with a black and yellow outline shows you where the flowers photo resides in relation to the house photo.
- To move the flowers photo into position for cloning, click on the Move tool in the Toolbox and move the flowers to where you'd like them to be.

 

At this point both layers are opaque, so only the house is visible.  A layer mask can be used to make part of a layer transparent rather than opaque. 
- Add a layer mask to the house layer.  To do this, in the Layers dialog right-click on the house layer and choose Add Layer Mask. 
- In the Add Layer Mask dialog box, choose White and click Add. The layer mask shows up in the house layer, as a white rectangle. 


If you paint on a white layer mask with a black paintbrush, you remove the opacity where you paint, allowing the other layer to show through. 
- Click on the Paintbrush tool in the Toolbox, change the foreground color to black, and set the size of brush you want to use. 
- Click on the white layer mask in the house layer.
    - You might begin with a fairly large brush size.  Begin to paint in the center of the area where you'd like the other image to show up. 
    - Paint with a series of small strokes, rather than one long stroke, so that if you make a mistake it is easy to hit CTRL-Z and undo the mistake. 
    - After you get most of the cloning done, you might switch to a smaller brush to more carefully paint the edges.  Work carefully so that the edges look as realistic as possible. Avoid bumping into the edge of the flowers photo and having the flowers end at a sharp edge.

 
Exercises
Download these images:


clone1.jpg

clone2.jpg 

clone3.jpg 

1) Clone the flowers in clone2.jpg onto the front lawn of clone1.jpg. 

2) clone3.jpg is an old, pre-renovation, photo of the front of the high school.  Use cloning to remove the unsightly telephone wires from the photo. You can use the Clone Tool (instead of the method outlined above) to accomplish this. Note the link below that tells how to use the Clone Tool.

 

GIMP Links
docs.gimp.org/en/gimp-tool-clone.html

docs.gimp.org/en/gimp-layer-mask-add.html

docs.gimp.org/en/gimp-image-combining.html

docs.gimp.org/en/gimp-tool-paintbrush.html


 

Videos

www.youtube.com/watch?v=sdAagXJ_VCo (has sound)

www.youtube.com/watch?v=nC-5Bjykg4U (has sound, starts at around 0:20)