Welcome to WebmasterWorld Guest from 23.22.182.29

Forum Moderators: not2easy

Message Too Old, No Replies

Photoshop Layers - Matching Colors

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

Junior Member

10+ Year Member

joined:Aug 8, 2005
posts:122
votes: 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?

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
posts:2204
votes: 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.
4:48 pm on Nov 6, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Aug 8, 2005
posts:122
votes: 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.

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

Preferred Member

10+ Year Member

joined:July 8, 2005
posts:460
votes: 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?

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

Junior Member

10+ Year Member

joined:Aug 8, 2005
posts:122
votes: 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]

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

Preferred Member

10+ Year Member

joined:July 8, 2005
posts:460
votes: 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.

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

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
posts:7999
votes: 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; }

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members