During the customization of your web design template you might need to change the colors of some image elements to fit your design. This section provides you with instructions on how to do that.
If you want to change color of an image you should locate the layer containing it. The easiest way to do that is to control click it, just click on this image holding the "
Ctrl" button. If there are transparent layers existing over this image layer you will have to find the layer it is on first. The top layer layer will be selected when you open an image and if the image you want to adjust is not on the top layer, then clicking on the picture will do nothing.
To check the content of the currently selected layer do the following. Go to the layers panel, choose
Window/Layers. Find the highlighted layer in the layer list, this is the current selected layer. At the left of the layer name you can see "
eye" icon. Click it to hide/unhide layers and see which images or elements disappear. Do this until you find the image you want to work on then click on the name of the image which is next to the "eye" symbol. This activates the layer and now you can work with that particular image.
Another way to find an image is to right click on the image. A list of layers containing images will appear in a drop-down list.. Choose different layers from that list. Use the procedure described above to make sure that you have selected right layer.
When the layer containing the needed image is selected do the following. Choose
Image/Adjustment/Color Balance... from the top menu or just click "
Ctrl + B" hotkey. The color balance window will appear. You will see three color sliders there. Move them until you are satisfied with image color. Now confirm the color change by clicking the
Ok button or cancel these changes by selecting the
Cancel button.
Fig 8.6
Color Balance Window
If you want to change the color scheme of whole web design template, do the following. Select the top layer from the layers list panel. Choose
Layer/New Adjustment Layer/Color Balance... from the top menu. Confirm the creation of new color adjustment layer by pressing
Ok button in the popup window. In the color balance window you will see three color sliders there. Move them until you are satisfied with image color. Now confirm the color change by clickingthe
Ok button or cancel these changes by selecting the
Cancel button.
Fig 8.7
New Adjustment Layer
After you have done all image colors modifications you should update those changes to your web design template. For detailed instructions of how to do it read the Update changes to your template section.
Changing image colors in Photoshop... 
Linear Mode
