# Progressive Fade...how?!

**URL:** <https://forum.kirupa.com/t/progressive-fade-how/25843>\
**Category:** design\
**Created:** [July 16, 2003, 10:47pm UTC](https://forum.kirupa.com/t/progressive-fade-how/25843 "2003-07-16T22:47:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alucard\_X](https://avatars.discourse-cdn.com/v4/letter/a/7993a0/32.png) [@Alucard\_X](https://forum.kirupa.com/u/Alucard_X)\
**Post date:** [July 16, 2003, 10:47pm UTC](https://forum.kirupa.com/t/progressive-fade-how/25843/1 "2003-07-16T22:47:05Z")

</div>

How can i create a simple background for my falsh site. I want it to be deep dark blue to light blue…progressively fading…like a night sky at the break of dawn.

I’d like to be able to do it in flash mx, but i also have photoshop 7.

Thanks 🙂

---

<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:** [July 16, 2003, 10:55pm UTC](https://forum.kirupa.com/t/progressive-fade-how/25843/2 "2003-07-16T22:55:37Z")

</div>

Well in ps7 you would use the gradient tool, select it then at the top you’ll see the gradient editor. Click on that gradient bar and it will let you select the colors for your gradient. After you picked your colors, go back to the main stage and just click and drag using the gradient tool.

In flash you would first make a solid color box for your background, select the box by click on it then opening your color mixer. There’s a drop down menu where you can choose the type of gradient you want, either linear or radial. Select one of those and a color slider will appear where you can pick the colors for your gradient.

---

<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:** [July 16, 2003, 11:24pm UTC](https://forum.kirupa.com/t/progressive-fade-how/25843/3 "2003-07-16T23:24:28Z")

</div>

How dumb of me! thanks eg 😛

Ok another question…how would i apply this to a html background?

---

<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:** [July 16, 2003, 11:26pm UTC](https://forum.kirupa.com/t/progressive-fade-how/25843/4 "2003-07-16T23:26:26Z")

</div>

make a big image, and just

```auto
< body background="image.jpg" >

```

---

<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:** [July 16, 2003, 11:30pm UTC](https://forum.kirupa.com/t/progressive-fade-how/25843/5 "2003-07-16T23:30:03Z")

</div>

> \*Originally posted by [mdipi.com](http://mdipi.com) \*  
> \*\*make a big image, and just \<body background=“image.jpg”\> \*\*

and just?? :q:

---

<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:** [July 17, 2003, 12:10am UTC](https://forum.kirupa.com/t/progressive-fade-how/25843/6 "2003-07-17T00:10:37Z")

</div>

ooops…it made it into html, i gotta put code tags in…check for an edit…remove spaces