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?
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
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?
One method: Press ctrl+U, (or click: image-->adjustments-->hue/sa
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.
Image
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.
Image to change
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.
Paint can the new layer with red
Lower the opacity of the new red layer
Create a new layer
Set your foreground color to red
Open the GIF, change the image mode to RGB color
Finished
Paint inside of the button and the black border with black to mask it out. Use white paint to fill in anything that you want to put back.
Create a layer mask
here's some other button tutorials, you can have fun with
http://www.designvitality.
http://www.webdesign.org/c
Business Accounts
Answer for Membership
by: Philip_SparkPosted on 2009-07-03 at 14:40:39ID: 24774537
try a hue/saturation adjustment layer set to colorize