How do I apply an alpha-blending gradient to an image so that one side of the image is 100% opaque and the other side is 0% opaque (so that the layer beneath it is visible).
Edit: I'm using Photoshop (forgot to mention that).
| SitePoint Sponsor |
How do I apply an alpha-blending gradient to an image so that one side of the image is 100% opaque and the other side is 0% opaque (so that the layer beneath it is visible).
Edit: I'm using Photoshop (forgot to mention that).
Last edited by globalspy; Feb 13, 2004 at 05:52.
globalspy
CEO, Global Spy Software
Desktop Spy Software - Remote Desktop Spy
Web Filtering Software - Internet Traffic Spy
Use an image mask on the top layer and then apply a black to white gradiat to the mask. See below:
Sean P Sullivan
Web Hosting::Web Templates::Free Smilies
Free Image Hosting::DIY Home Repair::DIY Gardening::Flash Games
Thanks. Spot on...
globalspy
CEO, Global Spy Software
Desktop Spy Software - Remote Desktop Spy
Web Filtering Software - Internet Traffic Spy
This is one of my most used techniques right now, and one of my favorites. The uses are endless.
James: Ecodig - My Blog - My Gallery
Validate your sites: CSS - HTML/XHTML
Without faith you are lost.
anyone able to tell me if i'm missing something, or maybe have a setting setup incorrectly? for some reason i'm getting the desired effect, but i still see a "line" in the fade (like i didnt start the fade in the correct spot, and hit the edge of the photo), instead of it just being a nice soft fade from the picture on the right to the background underneath...i attached a sample to you can see what i'm talking aboutOriginally Posted by CapitalWebHost
You need to play with the starting and ending points of the gradient. Try starting the stroke about midway on the left image and ending just past the end of the left image...takes a little playing to get it just right...especially in a tight fade like that.
Sean P Sullivan
Web Hosting::Web Templates::Free Smilies
Free Image Hosting::DIY Home Repair::DIY Gardening::Flash Games
well, i actually have alot more room to work with than it looks. the tan parchment background extends all the way under the photo on the right. the photo of the golfers extends to the left to where the letter 'v' in the word 'living' is at.
the way i have it laid out is the golfer photo is on top, and i applied the mask to the golfer photo, and am doing my gradient from right to left on it........would it make any difference in the final result if i were to set the golfer photo layer under the parchment and then mask the parchment and apply gradient?
just getting a little frustrated cause i'm *this* close to have this technique fine tuned, and i have a feeling i'm just missing some small detail....ugh
thanks for the feedback tho!
Posting Permissions
Bookmarks