Hello Bar

Tuesday, March 16, 2010

Moon Shadow

"I'm being followed by a moon shadow
moon shadow-moon shadow
leaping and hopping on a moon shadow
moon shadow-moon shadow"
- Cat Stevens

I had a request to show how an extracted image can be placed on a plain background with a realistic shadow. As always, there are different ways to accomplish this. This, I think, is a relatively simple and straight-forward method.


Skills used in this lesson…
  • Paste as new layer
  • Using the Move tool
  • Scale the layer to the image size
  • Using Guides
  • Feathering a selection
  • Using the Blend tool
  • Rearranging layers

Download the source image here or use one of your own.

Selecting and copying the moon from the source image are not a part of this tutorial. Assume you are ready to paste the copied selection into a new image.

So, you'll need to create a new image larger than the object you're going to paste. In this example, the new image is 900 by 900 pixels with a default white background.

Paste the moon into your new image as a new layer named "moon", Edit > Paste as… > New layer
Use the Move Tool to position the object so that it is about horizontally centered and a bit above the vertical center.


Scale the size of this layer to match the overall size of the image, Layer > Layer to image size

Drag in vertical guides to mark the left and right edges of the moon. Place horizontal guides to mark the bottom and middle of the moon.

The guides form a rectangular box containing the bottom half of the moon. Use the Ellipse Select Tool to make a selection bounded by that rectangle.


See how to do this in a short video


Feather the selection by about 50 pixels, Select > Feather…

Create a new transparent layer named "shadow".

Set the Background color to a dark gray. I used 626262.

Be sure the "shadow" layer is active, highlighted in the Layers palette.


Choose the Blend Tool, settings FG to BG, linear gradient. Drag the Blend Tool from the top left corner to the bottom right corner of the rectangle formed by the guides.


See how to do this in a short video


You can remove the selection and the guides now.

With the Move Tool, drag the "shadow" layer down and to the right a bit.

Right now the "shadow" layer should be the top layer in the Layers palette. Drag it down so that it is under the "moon" layer (but above the background layer).


To finish, I cropped the image, then filled the background layer with a light blue color (95c0f1). Flatten the image if you want to save it as a .jpg or .png file.


The basic techniques of this procedure are presented here without regard for the finer aesthetic points. Refining the image for its best, most realistic appearance is left to you.

If you have found these lessons to be helpful and worthwhile, a small donation via PayPal (Please use the button on the left) would be very much appreciated.

Monday, March 1, 2010

Responding to Comments

Some of you have posted comments in which you have asked questions about the tutorials. I have not responded to these because I had not been aware of them. Though I have very little time to devote to this blog, I plan to try to do a better job with this.

I have made some changes to the commenting and comment notification procedures that I hope will help in this. Please bear with me.

I appreciate those of you who visit here whether regularly or just occasionally. I'd love to do more tutorials. Good tutorials take a lot of time, and I just can't fit them in very often. I have many notes on tutorials for the future. Ahh, maybe someday.

Just Too Big!


Some things, like the Eiffel Tower, are just too big to fit in the borders of a single picture! In this fairly easy exercise, you'll learn how to make it appear as though the tower was photographed in three separate images which have then been laid out on a table.

Among the skills used in this lesson …
  • Using guides
  • Pasting as a new layer
  • Stroking a selection
  • Rotating and moving layers

Download this picture of the Eiffel Tower by Tom Leadbeetter which I got at Stock.Xchng, or use a picture of your own.

Use Image > Image Properties to find the dimensions of your picture.


Create a new image 10% larger than the the original picture with a black (FG color) background.


Return to the original picture and drag guides down from the top to divide the image roughly into thirds.


See how to do this in a short video.

Use the Rectangle Select Tool to select and copy most of the bottom third of the original picture. Switch to the new image and paste this into it as new layer named "bottom", Edit > Paste as > New Layer.

Select the Move Tool and drag this to the bottom of the new image.


IMPORTANT: Swap the default color swatches.

Select the "bottom" layer, Select > All. Now stroke the selection to paint a white border around the "bottom" layer, Edit > Stroke Selection… Set the line width to 40 pixels.


Deselect everything, Select > None

Next choose the Rotation Tool, click anywhere on the "bottom" layer, move the center of rotation to the bottom left corner and rotate a bit counterclockwise, click the Rotate button to accept the change.


See how to do this in a short video.

Return to the original picture and select the middle portion of the tower (but not the full width of the picture). Copy this and paste it into your new image as a new layer named "middle", drag it to the middle of the new image.

Create a white border for the "middle" layer in the same way as you did for the  "bottom" layer.

Use the Rotation Tool to spin this layer slightly clockwise (place the center of rotation in the bottom right corner).

With the Move Tool position the "middle" layer slightly overlapping the "bottom" layer.


From the original picture select the top portion of the tower, copy it, paste it into the new image as a new layer, "top".

Once again, paint a border around this layer, tilt it a little counterclockwise, and move it to overlap the "middle" layer.


To complete the project, with the Crop Tool cut away some of the excess black background, then flatten the image, Image > Flatten image.
Now you can save it as a .png, .jpg, or whatever format you like, File > Save as…


Note: I exaggerated the rotations and overlapping a bit to accentuate the effect. You may not want to apply as much change in your own project.

A new feature has been added to this lesson, very short video clips to demonstrate some of the steps in the tutorial. Hope you like them.

I hope you find this, as well as my other tutorials, instructive and useful. I try very hard to create lessons that will be beneficial to both GIMP beginners and more advanced users. My aim is to make my tutorials complete, correct, and easy to follow.

If you have found these lessons to be helpful and worthwhile, a small donation via PayPal (Please use the button on the left) would be very much appreciated.