How to create a swatch through a photo in PS

Source: Internet
Author: User

Choose the color of the time to consider a lot of factors, not to choose your favorite color can easily handle. 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. But these programs are implemented by algorithms, to create a color scheme that conforms to one's own mind, honestly using PS and photos to create the most reliable.

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.

So where should it start?

The next four tips may help you.

(1) Base color before opening PS, take a closer look at the photos you selected.

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, to increase complementary sedan can produce obvious contrast and visual impact when they are put together.

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 usually your color scheme will have more than two colors.

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.

Or use the first case as an example, 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 new 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 pixel, using RGB mode.

 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 file as a PSD format so that you can skip the steps to create a circle when other photos are taken, and then save the file as a JPG picture, making sure that different design software can take color from it and call color matching.

 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 Palette Tutorial

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.