# Drop Down Shadow

**URL:** <https://forum.kirupa.com/t/drop-down-shadow/29547>\
**Category:** flash\
**Created:** [August 28, 2003, 2:27am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547 "2003-08-28T02:27:06Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![crazysniper22](https://avatars.discourse-cdn.com/v4/letter/c/bc79bd/32.png) [@crazysniper22](https://forum.kirupa.com/u/crazysniper22)\
**Post date:** [August 28, 2003, 2:27am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/1 "2003-08-28T02:27:06Z")

</div>

Em just wondring how make them drop down shadow effect in Flash like this one here [http://www.kirkimages.com/Site/kirkimages.html](http://www.kirkimages.com/Site/kirkimages.html)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:31am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/2 "2003-08-28T02:31:00Z")

</div>

well, you have two choices:

1: Photoshop (recomended)

2: Flash Gradients

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:31am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/3 "2003-08-28T02:31:11Z")

</div>

You do it with…I’m sorry, I do it with Photoshop, however, you can play around with the basics of it. For instance, make two static text boxes containing what you want to say. One of them will be the color you want, then the other one is black or dark grey - what have you. Then put the dark one just under the main text box to the right and down some. It’s cheezy, but it’s a start. If you want a blurry one/gradient you’ll either want a program to do it for you - or a hell of a lot of time…😛

Good luck!!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:32am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/4 "2003-08-28T02:32:10Z")

</div>

Hmmm…beat me, huh? 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:32am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/5 "2003-08-28T02:32:57Z")

</div>

Haha! I win!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:35am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/6 "2003-08-28T02:35:52Z")

</div>

I was trying it in Photoshop but i can get exact thesame drop shadow, all i got was its either in the left or in the right??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:42am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/7 "2003-08-28T02:42:18Z")

</div>

Hey Freddy, I enjoyed hovering my mouse cursor over your footer heheheh! its fun!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:42am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/8 "2003-08-28T02:42:31Z")

</div>

I can solve this. Hold please

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:45am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/9 "2003-08-28T02:45:30Z")

</div>

A mod will probably move this to the design forum where you may get more answers, however:

If you use drop shadow in PS, make a shape, right click on the layer and click blending options, click drop shadow:  
opacity: 75  
distance: 0  
spread: 75  
size: 6

That will cast a shadow around the shape. Play around with the settings - you can always change them back. I learn a lot by trail and error.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:46am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/10 "2003-08-28T02:46:56Z")

</div>

Well, you can either do an outer glow, like this:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:47am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/11 "2003-08-28T02:47:46Z")

</div>

hey freddy, I said I got it!

anyway, or you can do a shadow:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:49am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/12 "2003-08-28T02:49:34Z")

</div>

ok. thanks coppertop and freddy 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:51am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/13 "2003-08-28T02:51:12Z")

</div>

(ha! he put my name first! I was more help! _insert evil smilie here_)

no problem!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:52am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/14 "2003-08-28T02:52:34Z")

</div>

_The cookie goes to Coppertop!!_ 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:53am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/15 "2003-08-28T02:53:27Z")

</div>

hey freddy, dont get me wrong yah? when i say i like hovering my mouse cursor over your footer, it doesnt mean I am insulting your work. i like it man! besides you should be proud co’z some people like me can’t do that one. 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 2:58am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/16 "2003-08-28T02:58:43Z")

</div>

Mmm. cookies.

Thats ok, you tried. (winking smilie)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 28, 2003, 5:02am UTC](https://forum.kirupa.com/t/drop-down-shadow/29547/17 "2003-08-28T05:02:43Z")

</div>

Here’s what I would try and do in both Photoshop and Flash. I haven’t tested it out yet so it’s open to experimenting.

**Photoshop:**  
[list=1]  
[_]Make two copies of the text you want to apply this effect to. One will be the original while the other will be the one with the effects applied to it  
[_]for the layer where you are applying the effects to, turn on preserve transparency and use a gradient tool (linear) and just fill that layer with it.  
[\*]Turn off preserve transparency and go to Filter \> Blur \> Gaussian Blur. I suggest a small number, but it’s all relative to the size of the text itself.  
[/list=1]

**Flash:**  
[list=1]  
[_]This step is the same as Photoshop, have two copies (layers is a much better idea), the original and the one that’s going to have the effect applied to it.  
[_]for the effects layer, Go to modify and break the text down until it becomes a shape (you’ll know when they have white dots all over it)  
[_]Apply a linear gradient to the broken up text. You might want to reorient it so that it’s going from up to down.  
[_]Go to Modify \> Shape \> Soften Fill Edge. Make sure it’s set to expand and play around with the numbers.  
[/list=1]

If you want to know how to do those stuff meant for Photoshop in Flash, check out the older tutorials that do not use layer styles. This is pretty much the reason why I have posted a different method of creating this effect in Photoshop because I wanted to demonstrate some of the similarities between the methods used in both programs.

Be aquainted with other methods of creating effects without resorting to the layer style because it’ll help trying to recreate similar effects in other programs as well.

Btw, the group that made that site did the drop shadow effect in a raster program [most likely Photoshop]. Just in case you’re wondering 🙂

I hope it helps :beam:
