homepage Welcome to WebmasterWorld Guest from 54.205.197.66
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, Moderator: open

Site Graphics and Multimedia Design Forum

    
Photoshop Layers - Matching Colors
hexdj




msg:3147232
 11:01 am on Nov 6, 2006 (gmt 0)

I have a layer with a picture that has some white in it,

A second layer that's half on top of the first layer and the other half does not have anything in the back. This layer also has 80% opacity and the color is just what I want.

How can I match the color from the second half to the one that has a white background?

 

limbo




msg:3147360
 1:59 pm on Nov 6, 2006 (gmt 0)

One way would be to flatten your layers (might want to 'save as' first) - you will get the correct pipette value as opposed the that of the uppermost tanslucent layer.

hexdj




msg:3147545
 4:48 pm on Nov 6, 2006 (gmt 0)

Thanks, I have tried that but... here's the thing I have a purple layer that's just the exact shade I want, I do not want to change that to any other shade, that's just a plain layer, nothing under it no oppacity.

The one I want to be that exact same purple as the first one has a white picture on the background, this is the one with 80% oppacity.

I know it's easier to match the one that has nothing under it, but that's not the one I want to match.

jessejump




msg:3147554
 4:54 pm on Nov 6, 2006 (gmt 0)

>>>> A second layer that's half on top of the first layer and the other half does not have anything in the back.

What?

hexdj




msg:3147721
 6:52 pm on Nov 6, 2006 (gmt 0)

Here's an image of what I am working on,

- The biography box has the exact color I want

- The big purple square that's underneath it needs to be the same color as the Bio box, but still needs to remain transparent so that the background image is still visible

- What I need to do is to blend the purple of the two boxes so it's seamless

THANKS!

no personal URLs, please see the TOS [webmasterworld.com]. Cheers.

[edited by: limbo at 9:22 am (utc) on Nov. 7, 2006]

jessejump




msg:3148249
 3:22 am on Nov 7, 2006 (gmt 0)

1. You could make the large square the same color purple.

2. Instead of making it semi-transparent to show what's underneath - recreate what's underneath by making a new layer of the "underneath area" and making it the color you want - and putting that new layer on your large square.

rocknbil




msg:3150614
 9:02 pm on Nov 8, 2006 (gmt 0)

Keep in mind the color you see is a combination of the opacity AND the background. So,

1. You say the BG layer is white. Create a new layer UNDER your opacity layer. Fill it with white, or whatever color is the one below your desired color.
2. MERGE the purple layer with the new layer.
3. Using the eyedropper, sample your new color.
4. Click the foreground color box on the tools palette, and look at the HEX COLOR VALUE in the Color Picker box. For example, it will have a # with 919EFF in the text input field.
5. Write it down or copy/paste it into your CSS:

.inset-bg { background-color: #919EFF; }

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