?
Solved

Does A Formula Exist To Transpose Shades of Grey To Shades of a Base Color?

Posted on 2009-07-03
9
Medium Priority
?
394 Views
Last Modified: 2013-12-25
Hello everyone,

I am rather new to Photoshop, and I am currently running Photoshop CS3 on my machine.  I have an image of a button that is basically black and white with shades of grey.  The button image uses the shading to create a sort of three dimensional effect.  I would like to change the white background to a red background, maintaining the 3D effect of the shading.

Does anyone know if a formula exists to transpose hexidecimal rgb values for shades of grey to similar values, but for shades of a color?
0
Comment
Question by:OmniUnlimited
  • 4
  • 3
  • 2
9 Comments
 
LVL 18

Expert Comment

by:Philip_Spark
ID: 24774537
try a hue/saturation adjustment layer set to colorize
0
 
LVL 17

Author Comment

by:OmniUnlimited
ID: 24774574
Whoa, Philip_Spark, thank you so much for your input, but you should know that you just spoke calculus to a person still learning how to count.  OK, I see where I can set up a new adjustment layer for hue/saturation, but I do not know what to select in the dialog box that comes up.  There is nothing in the "Mode" menu that seems to indicate colorize.  How do I do what you are instructing me to do?
0
 
LVL 9

Expert Comment

by:statler01
ID: 24775694
One method: Press ctrl+U, (or click: image-->adjustments-->hue/saturation), click the "colorize" check-box, and then adjust the hue slider. You can tweak the color with saturation and lightness.

Another method (as mentioned above by Phillip): Click layer-->new adjustment layer-->hue/saturation. Click "ok". In the dialog box, click "colorize" and then drag sliders as needed.

Both of those methods will colorize the gray tones in the image.

You mentioned wanting to colorize the red background...  You could try this: click layer-->new layer. Set the foreground color to red, then use the paintcan to fill the layer red. Now, set the layer mode to "darken" (see the attached image for help).

If you don't like the color you get from that layer, you can then use the hue/saturation dialog box (see the first method above) with the red layer selected to make adjustments.
1.jpg
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
LVL 9

Expert Comment

by:statler01
ID: 24775720
In the above, I meant colorize the white background...

I thought more images might be useful, as you're new at this...
1.jpg
2.jpg
3.jpg
4.jpg
5.jpg
0
 
LVL 17

Author Comment

by:OmniUnlimited
ID: 24787150
Wow, statler01, I really, really appreciate the basic and comprehensive instructions you gave me.  Thanks to you I was able to try out all the techniques you outlined, but now it is obvious to me that I did not state clearle exactly what I want.

See, the button I want to change the background from white to red also has white and shades of grey inside of it, and this white and grey I do not want to change.  In other words, what I am trying to acheive is a white and grey button on a red background.  I tried the first techniques both you and Phillip_Spark suggested and they colorized all of the grey, which is not exactly what I wanted.  Your second technique for filling a new layer with red and darkening shows the most promise, if I could only preserve the white and grey shading inside the button.

I went ahead and attached a copy of the image I am trying to change so you will have a better idea as to what I am trying to do.

Many thanks to all for your input.
search-button.gif
0
 
LVL 9

Accepted Solution

by:
statler01 earned 2000 total points
ID: 24788778
There are lots of other ways to do this, some easier... This method is (in my opinion) the easiest way to achieve the effect you want with good results. The easier methods will leave you with edge pixels. The harder methods would be faster, but more difficult for someone without much experience.

In the future, it would be better to design your buttons with transparent backgrounds, then they will work with whatever website design you have.
1.png
2.png
3.png
4.png
5.png
6.png
7.png
search-button.gif
0
 
LVL 17

Author Closing Comment

by:OmniUnlimited
ID: 31599683
Oh you are good, statler01.  Real, real good!  I envy people with talent such as yours.  Thank you so much for all your help, hard work and easy to understand instructions.  I award you the maximum points.  You truly deserve them.
0
 
LVL 18

Expert Comment

by:Philip_Spark
ID: 24789553
0
 
LVL 17

Author Comment

by:OmniUnlimited
ID: 24789770
Hey thanks, Philip_Spark!  That was very nice of you. ;)
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Before you approach an Ionic Mobile App development company for developing mobile apps using the ionic framework, you must know why you should choose the framework. Let's try to understand that through this article.
Now many of you may wonder how you can reach great design with least number of essentials. Isn’t stuffing ‘more and more number of elements that speak for the purpose’ the right way to do it? Erm, not always, and in this write-up, you will see why.
In this tutorial viewers will learn a few layer organization tricks and tips to improve their workflow in Photoshop. Open a multi-layer document in Photoshop: View all your layers by going Window > Layers:  To make sure your layers can be identified…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses
Course of the Month7 days, 10 hours left to enroll

608 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question