How to make the color of one picture to be the same as another one

Question

I want to change the orange color of this button:
to the dark blue(at the top) of this logo,
How could I do this? I am not that familiar with photoshop, please show me the detailed steps if it is possible, thanks

Answer 1

Hi there
Below are instructions on how to recreate the gradient effect of the orange button using the dark blue color from the logo. It is difficult to change the color of a flattened gradient like the one in the orange button. However, recreating the button is a fairly simple process.
Step 1: Open both the button and the logo in Photoshop.
Step 2: Go to the logo image and select the Eyedropper tool from the tool bar, highlighted below. Then, click on the dark blue color in the logo.
Step 3: Go back to the button image and go to your Layers Panel. Create a new layer using the icon highlighted below.
Step 4: From the tool bar, select the Paint Bucket Tool, located directly below the eraser tool. If you don't see it, click and hold on the gradient tool and a submenu should pop out. With the Paint Bucket Tool selected, click on the canvas area to fill it with the dark blue color from the logo.
Step 5: Create a new layer from the layers panel using the same process as Step 3.
Step 6: Click and hold on the Paint Bucket Tool and select the Gradient Tool from the tool bar, as shown below.
Step 7: At the top of your window, you should see the Gradient Tool menu. Select a transparent linear gradient, using the settings highlighted below.
Step 8: Click on the dark bue color swatch in your toolbar to bring up the Color Picker dialog box. Drag the white circle in the color field to the upper left corner to select white. Click OK when you are done.
Step 9: Now you can apply the gradient by clicking and dragging up over the button. Hold the shift button on your keyboard as you drag to create a perfectly vertical line. To create the gradient below, I started from just outside the canvas area and stopped around the middle of the button. This might take a few tries - if you mess up, hit control-Z (Windows) or command-Z (Mac) on your keyboard to undo.
Step 10: Now that you have your gradient, go to the layers panel and use the Opacity slider in the upper right hand corner of the layers panel to reduce the opacity of the gradient.
Step 11: Now you can delete the orange button layer by selecting the layer and clicking the delete icon shown below.
There you go! Now you can save your button and use it as you'd like. If you ever need to change the color, just select the dark blue layer and use the paint bucket tool to fill it with whatever color you want. Below I have included a side-by-side comparison with the original orange button.
If you have any further questions or need clarification, just ask!
Good luck!