To teach you to create swatches in Photoshop through photos.

@ Chen Zimu Choose the color of the time to consider a lot of factors, not the selection of your favorite colors can be easily handled. There are many ways to color colors, but it is certainly one of the most reliable ways to match the main picture, whether you are a junior designer or a senior practitioner, this is a good choice.

　　Choose a photo

Since it is through the color of the image to create a swatch, then definitely choose a beautiful picture. Many excellent designs are inseparable from high quality images, which are beautifully colored and usually have space for text and graphics.

　　Four tips for taking color

When you start to collect pictures, it's best to collect more colorful pictures. Note that color is not a requirement for you to choose a kaleidoscope of the same picture, but I hope you choose more colors, can help you create more color scheme pictures. Where do we start? The next four tips may help you.

　　1, the base color

Before opening PS, take a closer look at the photos you chose. Like the pictures I've chosen, you'll find very eye-catching dark cyan and brown, and they can be used as the base color for this set of colors. Let's say you're making a Web page where dark cyan can be used as a title or background color, and brown may be applied to paragraph text or reference text and other decorative elements. Of course, if the text is displayed with a milky white color, it is a good visual effect with a dark background.

　　2, add complementary color

When complementary to each other can produce obvious contrast and visual impact. Determine if the two colors are complementary colors, see their position on the color wheel, yellow and blue, green and red, and they are in a symmetrical position on the color wheel. These complementary colors are usually a cold and a warm, vibrant visual effects. The key point of this color selection is to choose a color as the main hue, and to use color flexibly. In this way, there is a master of color between the times, will not conflict with each other. This picture is so, the blue occupies the main body, the bright yellow tree makes the whole picture more lively. If you need to match text, it seems like a good choice to have a yellow font in the Blue section.

　　3, increase the derivative color

There are usually two or more colors in your color scheme. Instead of adding more color combinations, add a darker or lighter color to your color scheme based on the existing one or two colors. A clean color scheme, the base color is usually not more than 3 kinds, and then based on this limited number of main colors to expand it is enough. The biggest advantage of this is that the color will not conflict in the premise, make color more rich. Then look at the first case, based on two basic colors, by adding or subtracting lightness, expand four different colors. There is no conflict between the colors, and these colours can be properly paired together. Adjust the brightness of the increase or decrease, you can expand more colors.

　　4, integration

The above processing skills are integrated, color matching is more handy. Get the base color through the beautiful picture, combine the contrast color to expand the base color, the appropriate additions and deletions neutral color, and then through brightness and saturation adjustment to complete the whole set of color plate that meets your needs. After the color is complete, no matter how you want to control the color of the visual elements.

OK, so let's take a look at how to complete a color scheme with Photoshop, using the color of the photo.

Create swatches

　　Step 1

Use PS to open your selected photos.

　　Step 2

Select the Eyedropper tool (shortcut key =i) and pick a region to take the color as the base color. Click X, and then select the corresponding contrast color. In this picture, we choose the dark green as the base color, then it corresponds to the contrast color should be red, so we selected in the picture red. Here the red is not necessarily very bright and bright, where we choose a relatively soft red.

　　Step 3

Next, we'll create a file for the swatches. Whether it is PS or ID, create a good color board file can be used. In PS new document, resolution 800X200, using RGB mode, the document named "Swatches."

Step 4

Select the Ellipse tool (shortcut key =u), draw a circle of any size, use the eyedropper tool to take the color and fill the color for the prototype. Now you can select the foreground color and the back color to fill in directly from the toolbar on the left.

　　Step 5

Repeat step fourth to create a circle and fill the complementary color.

　　Step 6

Next, copy the complementary color of the circular layer two copies, so you have four circles to accommodate different colors. The next two circles, one will fill the neutral color, one to fill the base color of the derivative color.

Step 7

Back to the photo, repeat the second step, select the neutral color of the light gray in the picture and fill it into the third circle.

　　Step 8

The last circle fills in a derived color based on the base color. Directly with the Eyedropper tool in the first circle to take color, determine the color, the color picker up, select a higher degree of green. Considering the whole color style comparison retro, this green brightness can not be too high, not too deep and not too shallow on the almost.

　　Step 9

Adjust the position and color order of the four circles according to your custom. Save the entire document as a JPG image, make sure that different design software can be drawn from it, and call a color.

　　Conclusion

Color matching is one of the most important aspects of design, learn to color matching, and then develop a good habit of collecting color scheme, will be helpful for your future design.

Category:

• PS Getting Started Tutorial