fading just one image

[rcbstatic]

hi. i'm working on a site. i would like to fade the image i've chosen for the navigation-fading down to the bottom. at this point i'm not integrating Flash-so it's just a static image that fades-and stays that way from page to page. the things i'm trying out look dreadful. i have never used layer masks-if that is a tool involved in this effect.
thanks.

[NEMESIS]

Hello,

Without Flash you can't do much about interactivity but you have some tricks you could try. Here is one: for first image that will appear on top (you want to create rollover), open that image in photoshop than create new layer and fill it with white and lower the opacity of that layer let's say in range between 20-35% (do what you think aesthetically is fine to you) and after that flatten that image. And for rollover state just put initial image you wanted without any effect, just image. And i hope you know how to create rollover, and it's done:D. What this effect will do you will have dimmed image on top and when you rollover it it will pop nice, clean image. Based on this you could create something on your own, maybe not to include white, you could use any other color you like or even black(maybe create vignette for top image) that your rollover pops out from dark, a lot's of ideas is involved here depending how you will make your top image. Looks great even though is HTML.

Enjoy, i hope it will help.

[rcbstatic]

gotta love a board where folks use words like 'vingette' and 'aesthtically' unless they are tech terms i don't know about:)
actually, its not even for a rollover. its a still image on a page i want to fade from top to bottom. its a portion of a brick wall. so, i guess its just a PSHop quandry. i might have to just splice the image up. fade sections.and put it back together.

design wise it looks ok-but would look much better with this effect as its sitting on top of the company logo.

i did figure out today how to fade this same image/layer for the inside pages-fade it-copy it to a new window-and save it as a gif with a matte of the background color. there's probably a way to do the same with a filter-but where's the fun in that!

[NEMESIS]

Hello,

Try to save it like PNG 24, is excellent for web and supports transparency. And i forgot always you could mess with animation in Photoshop CS2 or in less appreciated Image Ready but powerful too for it's purpose.

See ya:D

[rcbstatic]

i will try that very soon-maybe for another project-for this site i had to go another route with their because of their deadline. instead i'm entertaining myself with aligning nested tables for the route i went. woo hoo. thanks again