Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

The text "We are Mozilla" on this page: seems to have something of a "white" drop shadow effect that makes it seem embedded onto the page, somewhat.

enter image description here

How can we recreate that effect in GIMP/inkscape preferably? Even photoshop/illustrator technique would do.

share|improve this question
up vote 3 down vote accepted

You're right. It's just a white (or transparent white) drop shadow.

On that webpage, it seems to be a CSS drop shadow. That would be something like:

text-shadow: 0 1px 0 white;  /* 0 x offset, 1px y offset, no blur, white in colour */

In Photoshop, this can be achieved many ways, but using a Drop Shadow Layer Style would be one of the better ways to do it.

In Illustrator and probably Inkscape, you could duplicate, change the colour and offset the text. It's worth noting that Illustrator does have a drop shadow feature: Effect > Stylize > Drop Shadow.

In GIMP? I have no idea. Duplicating, changing the colour and offsetting the text should work as well, assuming there's no similar feature to Photoshop's Layer Styles.

share|improve this answer
Thanks for conforming the hunch. I tried it on inkscape and achieved it quite easily. – Pawan Oct 27 '12 at 22:14

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.