20

Can anyone tell me how to add a drop shadow effect in Gimp. I have seen it in a number of designs.

EXAMPLES:

http://dribbble.s3.amazonaws.com/users/131421/screenshots/1004065/k.jpg

and

http://mycolorscreen.com/2012/10/19/croud-ii/

3
  • 8
    Close voter(s): This is a pretty basic question about using GIMP, and GIMP is part of Ubuntu. (Even if GIMP were not in the official repositories and advertised in some versions of the installer slideshow, this would be on-topic; even third-party software is supported here. Please see the FAQ.) I can understand an argument that questions about highly sophisticated and infrequently used (thus localized) GIMP techniques might be off-topic, but this is not such a question. Mar 30, 2013 at 17:46
  • @neonkid I followed the links you provided but I can't see the images of such examples. Do you mind providing a direct link to the images? (right click the image and copi image's url). Thank you. Mar 30, 2013 at 18:24
  • Thank you, now I see the pictures but I don't yet understand what is the effect that you try to emulate. Excuse my lack of understanding on your issue but if you please tell us exactly which effect do you expect to recreate we'll be able to give you the proper support. Thank you. Mar 30, 2013 at 18:53

3 Answers 3

24

Making a drop shadow is quite simple in gimp, but is a bit tricky sometimes.

First make a selection, this will be the area where your drop-shadow will be made.

enter image description here

I'm going to fill my selection with red.

enter image description here

Now, go to in the menu -> Filters -> Light and Shadow -> Drop Shadow...

enter image description here

That will open this dialogue:

enter image description here

There are many options, X and Y change the distance from the object the shadow is left/right and up/down, the values go positive and negative. Play around with them to your liking or purpose.

The default values make a drop shadow like this:

enter image description here

Maybe not exact to what you want, so playing around with the values, we can come up with something nice.

enter image description here


If we want to get more advanced we can add a layer mask to the drop shadow layer and mask off only the bottom part of the shadow (or erase the rest with the eraser if you want).

enter image description here

Or If you feel skilled with the paint brush you can paint a shadow from scratch as show below:

enter image description here

And in mixing techniques you can come up with convincing shadows for your design:

enter image description here

0
8

Creating a drop shadow on the inside of text.

Create a new image (I chose 800 by 600), choose a background pattern (I chose pine) and write the words GIMP in big bold letters and in white.

enter image description here

Select the text layer, right click it and choose 'layer to image size'. Then select the color select tool and click on the white text to select it. Then invert the selection by going to the 'select'->'invert' menu.

enter image description here

Open up the drop shadow dialogue under 'Filters'->'Light and Shadow'->'Drop Shadow'. In the dialogue, you can tweak the settings to your liking. I'm just going to use the default ones and click OK.

enter image description here

The result:

enter image description here

Still keeping the selection intact, open up the drop shadow dialogue again and this time choose 0 for both the Offset X and Offset Y fields, and double what you chose earlier for the Blur Radius field - mine will be 30 - and press OK. See screenshot below:

enter image description here

The result:

enter image description here

Still retaining the selection. choose 'Image'->'Fit canvas to selection' To cut off the overflowing shadows outside the image.

After that we just turn off the selection in 'Select'->'None' and flatten the image by right clicking on any layer and choosing 'flatten image'.

The final result:

enter image description here

1

To add a drop shadow to text in GIMP:

Right-click the text layer, select "Discard Text Information".

This rasterizes the layer into a normal layer with transparency. Drop shadow and other filters will now apply as expected. You won't be able to edit the text anymore, however.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .