# Photoshop drop shadow background

**URL:** <https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323>\
**Category:** Uncategorized\
**Created:** [July 7, 2008, 6:54pm UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323 "2008-07-07T18:54:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![spyderfx](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@spyderfx](https://forum.kirupa.com/u/spyderfx)\
**Post date:** [July 7, 2008, 6:54pm UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/1 "2008-07-07T18:54:58Z")

</div>

i’m trying to put a drop shadow on a website to make the content stand out more. in the css i have the image with the drop shadow repeating down the center, but the tiles don’t mesh together seemlessly. For some reason at the top and bottom edge of each tile the drops shadow feathers out less. is there an option to make the shadow consistent across the whole edge?

---

<div class="post-metadata">

**Author:** ![mlk](https://avatars.discourse-cdn.com/v4/letter/m/e56c9b/32.png) [@mlk](https://forum.kirupa.com/u/mlk)\
**Post date:** [July 7, 2008, 11:33pm UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/2 "2008-07-07T23:33:04Z")

</div>

screenshot ?

---

<div class="post-metadata">

**Author:** ![iLikePie](https://avatars.discourse-cdn.com/v4/letter/i/85f322/32.png) [@iLikePie](https://forum.kirupa.com/u/iLikePie)\
**Post date:** [July 8, 2008, 3:38am UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/3 "2008-07-08T03:38:40Z")

</div>

short answer is i don’t think so. You can make the object a little bigger than you need and then crop it once you’ve applied the drop shadow… then you’re essentially just cutting off the bit that fades out. But you have to do this after you’ve saved (or rasterize the shadow) or it will just reshape the shadow to fit the smaller object.

Or if it’s consistent all the way along, you could paint your own underneath with an airbrush, fully feathered. not as ‘flexible’ but works fine for some stuff.

---

<div class="post-metadata">

**Author:** ![spyderfx](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@spyderfx](https://forum.kirupa.com/u/spyderfx)\
**Post date:** [July 8, 2008, 4:51am UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/4 "2008-07-08T04:51:12Z")

</div>

ok thanks!

---

<div class="post-metadata">

**Author:** ![B\_L\_U\_E](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@B\_L\_U\_E](https://forum.kirupa.com/u/B_L_U_E)\
**Post date:** [July 9, 2008, 3:18am UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/5 "2008-07-09T03:18:01Z")

</div>

Was [this](http://www.base04.com/dropshadow/) what you were trying to accomplish? Or am I missing something?

---

<div class="post-metadata">

**Author:** ![spyderfx](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@spyderfx](https://forum.kirupa.com/u/spyderfx)\
**Post date:** [July 9, 2008, 10:32pm UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/6 "2008-07-09T22:32:30Z")

</div>

yah thats what i’m trying to do, but i’m using CSS to tile it down the center. on the top and bottom of each tile the drop shadow fades and comes back up on the next tile

---

<div class="post-metadata">

**Author:** ![B\_L\_U\_E](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@B\_L\_U\_E](https://forum.kirupa.com/u/B_L_U_E)\
**Post date:** [July 10, 2008, 12:18am UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/7 "2008-07-10T00:18:30Z")

</div>

> [@spyderfx;2355926](#):
>
> yah thats what i’m trying to do, but i’m using CSS to tile it down the center. on the top and bottom of each tile the drop shadow fades and comes back up on the next tile

I’ve used CSS to vertically repeat the background image down the page. Post what you have so far so I can see what is going wrong.

---

<div class="post-metadata">

**Author:** ![iLikePie](https://avatars.discourse-cdn.com/v4/letter/i/85f322/32.png) [@iLikePie](https://forum.kirupa.com/u/iLikePie)\
**Post date:** [July 10, 2008, 6:58am UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/8 "2008-07-10T06:58:21Z")

</div>

oh spyderfx, that should work fine… you just need to crop the image so the top and bottom aren’t included. you can do a tile like that with a really thin image (i.e down to 1px tall which is what that one is).

---

<div class="post-metadata">

**Author:** ![mlk](https://avatars.discourse-cdn.com/v4/letter/m/e56c9b/32.png) [@mlk](https://forum.kirupa.com/u/mlk)\
**Post date:** [July 10, 2008, 9:20am UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/9 "2008-07-10T09:20:52Z")

</div>

1px high/wide crop ?

or maybe a screenshot.

---

<div class="post-metadata">

**Author:** ![spyderfx](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@spyderfx](https://forum.kirupa.com/u/spyderfx)\
**Post date:** [July 14, 2008, 10:06pm UTC](https://forum.kirupa.com/t/photoshop-drop-shadow-background/265323/10 "2008-07-14T22:06:12Z")

</div>

ok thanks guys! works fine now
