[Webpage design] how to adjust the beautiful gradient color?

Source: Internet
Author: User

A lot of people have said, fat paper, Li, the color you bring up is pretty good, ha, you teach me? Then the fat paper sweated. What's the problem? How can we teach this ...... In fact, fat paper has always had a cheap trick, but the average person does not tell him that there are too many people to ask, it is really overwhelmed. Now I secretly tell you ~~

When people make gradient overlays on a layer, they are used to directly selecting colors ...... Like this

In this way, it looks very professional, but as far as I know, many people have not specialized in designing webpages, so it is difficult to directly use colors, it is especially easy to make the gradient look nondescribable.

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

1. Color Library

In addition to the color picker, Photoshop also provides a color library with colors.

The color library is divided into many types, most of which are prepared for printing and matched with the memory card. However, these colors are also OK on the screen media, the first step of looking at the gradient is to select a baseline color, which is a good way to select from the color library.

2. hybrid mode

Photoshop provides us with different mixing modes, such as front slice stacking, Color Filtering, strong light, color fading, and so on. Various mixing modes make our design process full of surprise, this will produce good results. I am too lazy to explain it. If you are interested, please move here.

Next, we can start the project. The following is a detailed tutorial. For various reasons, some pfriends may not be able to open the picture. I will write the text here to create a crab community.

1. Draw a box first

2. Select a soft color from the color library. Of course, when you do this, you can see the specific situation and the requirement for matching.

3. Double-click the layer where the box is located. In the displayed layer mode panel, select gradient superposition. The color ranges from black to white. In the mixed mode, select soft light to adjust the transparency of the mixed mode.

4. Completion

The color is good. Study on the mixed mode is very helpful for color design!

2

Reproduced http://liyangis.me /? P = 29

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.