Photoshop Tutorial: Design beautiful fade-color pictures

How to tune out a beautiful gradient in web design?

A lot of web designers in the use of Photoshop adjustment gradient, they feel that their adjustment out of the gradient color is not beautiful enough, the gradual discoloration is not natural elegance, here to teach you an alternative gradient adjustment.

When you make a gradient overlay on a layer, you may be accustomed to selecting the color directly ... Operate like this:

In this way, it looks very professional, but as far as I know, many people do web design and did not specialize in the design of learning knowledge, direct such color is very bad operation, especially easy to make the gradient of neither fish nor fowl.

In fact, there is a very simple way to make you make a harmonious and beautiful gradient color, not enough to first understand 2 points of knowledge.

1, Photoshop Color Library

Photoshop, in addition to color picker, provides us with a color library that's already in color.

The color library is divided into many kinds, mostly for printing, and match the color card, but these colors used in the screen media is OK, the first step to see the gradient is to choose a benchmark color, from the color library is a good way to choose.

2. Photoshop Blending Mode

Photoshop provides us with a variety of blending modes, for example, multiply the bottom, filter color, strong light, color reduction and so on, a variety of mixed mode so that we design the process is full of surprise, with good, you can deploy a very good effect, I do not bother to write a statement, interested friends please come here.

Next, we can start the work. The following is a detailed and illustrated tutorial.

1. Draw a set of boxes first

2, from the color library to choose a soft color, of course, when you do see the specific circumstances and the requirements of ramming.

3, double click on the layer of the box, pop-up layer mode panel, select gradient overlay, color selection from black to white, mixed mode selection soft light, adjust the blending mode transparency.

4. Completion

What do you think? This gradient is not bad, in fact, as long as you study clear Photoshop blending mode, the color design is very helpful!