Welcome to WebmasterWorld Guest from 54.221.49.52

Forum Moderators: not2easy

Message Too Old, No Replies

Photoshop Layers - Matching Colors

     

hexdj

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

5+ Year Member



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

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

WebmasterWorld Senior Member 10+ Year Member



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

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

5+ Year Member



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

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

10+ Year Member



>>>> 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

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

5+ Year Member



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

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

10+ Year Member



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

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

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



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; }

 

Featured Threads

Hot Threads This Week

Hot Threads This Month