homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

Compositing and gradient transparency

 10:03 pm on Feb 9, 2001 (gmt 0)

I can do feathering the edges and creating transparency OK with one photo or object, as well as imposing text on top it it, but...

1. With several photos composited, what is the best way to get a smooth transition between the edges of them so that they blend in smoothly?

2. What is the best way, with either one photo or a few together, to achieve a gradiated level of transparency from left to right so that the composite (or even 1 photo) can blend into the background color on the right side and still have a gradient effect in the transparency?

3. How should the left side interact with the background color - what type of edge or blending effect?

This is using Photoshop 5.0 (I also have PSP6).



 10:55 pm on Feb 9, 2001 (gmt 0)

For Photoshop:

To blend several photos together, I generally use the eraser, with softness set to 100%, and drag it gently along the edges of the topmost photo... not the most high-tech method (perhaps someone will suggest sonething better?), but it works for me.

For gradient transparencies, I believe you'd want to use a black (opaque) to white (transparent) gradient mask in the Alpha channel for the photo layer in question... and some more wizardry and magic after that. (help me out here... I've only done this rarely, and step by step instructions would take me forever to cobble together! ;) )

Not sure what you mean by the last question....?


 11:44 pm on Feb 9, 2001 (gmt 0)

Under Layer/Layer Options there are a significant number of helpful tools. The "blend if" sliders are particularly useful in touchy cases.

Another method I use is to delete all the pixels from the section of the bottom layer that will be hidden by the top layer, except for the border -- the very edge. Then, often, all I need to do is change the blending mode of the top layer. With the underlying image gone, blending mode changes only create shifts in the visible edges, and this sometimes gives a very quick and artful composite.

There is a really nice PhotoShop tutorial online at Nebulus.org [nebulus.org]. It offers a lot of in depth knowledge from a very experienced designer, even though the title sounds like it only covers the basics.


 2:21 am on Feb 11, 2001 (gmt 0)

OK, given the relative lameness of my first reply, I felt obligated to go hunting for some masking/transparency tutorials.

Adobe's site has a whole section of tutorials [adobe.com] on masking and transparency that you can access with a legit Photoshop serial number. Although their 'expertcenter' info is geared for PS 6 (ahh, the forced march to upgrade-land), the masking and transparency info should work down to v.4 (when they intro'd layers).

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved