Photoshop Tutorials 07:photoshop6 Color World

Source: Internet
Author: User
Tags contains range scale image
In this section of the tutorial, corn will give you a detailed description of the various properties of colors and how to adjust colors effectively in PHOTOSHOP6, where some information may be a bit esoteric, but as a powerful feature of PHOTOSHOP6, you know it and will make your job more handy. PHOTOSHOP6 to color processing and adjustment is very intuitive, open the palette, pay close attention to the cursor, from a model to another model, it will always display color information.

We will start from the three primary colors that we are most familiar with in our lives, and the painter uses it to bring up the ever-changing colors,

It is also the principle of the computer color model. But there may be more than three primary colors in the computer. The color model determines the number of colors that can be displayed in the image, and the color model affects the number of channels and file sizes of the image. The color model has a few, we will introduce.

RGB (red, green, basket)

CMYK (cyan, magenta, yellow, and black)

HSB (hue, saturation, brightness)


What is color

The color exists because there are three entities: light, the object being viewed, and the observer. Physicists have shown that white light is made up of three wavelengths, red, green and blue.

Color model

As shown in Figure 7-1 is the color picker for Photoshop. You can click any color module at the bottom of the toolbox to open it. The color picker has a gradient color block that you can click to select a specific color and display the color values of the selected color in the four-color model in the window. In addition, PHOTOSHOP6 also provides a palette, as shown in Figure 7-2. At the bottom of the palette is a ribbon that contains all the colors in the spectrum, plus black and white. Click anywhere in it to set the color picker to a range of colors.

Figure 7-01

Figure 7-02

RGB color Model:

In the RGB color model of Photoshop, you can change the color of pixels by combining various values of red, green, and blue. Each of these three base colors has a range of values from O to 255. When a user combines 256 red values, 256 green values, and 256 blue values, all the available colors will be about 1.67 million (256x256x256). It looks like it's already a lot of colors, but don't forget, these are just a few of the colors that are visible in nature. However, tens of 1.67 of thousands of colors are sufficient to replicate crystal-clear digital images on a display that is connected to a computer that is equipped with 32-bit colors.

For example, the R value of a pure green is a 0,g value of 255,b is zero. Pure white three primary colors RGB is 255, pure black RGB Primary colors are 0.

The following is an introduction to the creation of RGB colors.

When you tap any color swatch in the color board, the user will see the combination of its RGB color-planting. The user can try a yellow color, which is located on row fourth, column fourth. You can see the combination of their colors: r255,g236 and B103 (as shown in Figure 7-6). Tap on some of the other color samples and note the combination of three base colors. All three kinds of sliders work in the same way. More colors are added when the user clicks and drags the slider control block to the right. When the user drags the control block to the left, the color is reduced. The user can select any one of the color samples and try to drag the G-Slider control block from left to right. Note that as the user drags the control block to the right, the green color value increases gradually, and the foreground color created by the user in the palette is becoming brighter. Now drag the control block to the left, and as the user moves the control block to the right, the green value is reduced and the green is fading.

Figure 7-06

CMYK color model:

The CYMK color model is used for printing, which defines colors according to the percentages of cyan, magenta, yellow, and black, and is now the principle of inkjet printers , or high-resolution color laser printers. Its color board is shown in Figure 7-8. The CMYK color board and the RGB color board or other color board changes can be changed by clicking the selection.

Figure 7-08

Now we'll practice using the color wheel and the CMYK slider to create red, green, and blue. To create red, drag magenta and yellow to 100% and leave cyan and black at 0%, as shown in Figure 7-8. To create green, drag the yellow and cyan to 100%, leaving magenta and black at 0%, as shown in Figure 7-9. Create blue, drag cyan and magenta to 100%, and leave yellow and black at 0%, as shown in Figure 7-10.

Figure 7-09

Figure 7-10

HSB Color Model:

Artists often use a set of parameters called HSB to define colors. The PHOTOSHOP6 also includes this color model. h denotes Hue, which is the most basic color on the color wheel. It is represented by an angle (0~360度), and each color corresponds to the previous position of the shaded wheel. s represents saturation, it is like a TV color button, you can control whether the image is black and white or color. b represents brightness, is the brightness of the various parts of the image, if you think your work gloss is not good, you can try to adjust its brightness. The HSB color slider is shown in Figure 7-11. It does not appear in the color-absorbing window.

(1) Hue: is a solid color, that is, the composition of the visible spectrum of monochrome. Red at 0 degrees, green at 120 degrees, blue at 240 degrees. It is basically RGB mode full chroma pie chart.

(2) Saturation: to indicate the purity of the color, 0 when black. White, black and other shades of gray are not saturated. At maximum saturation, each hue has the purest shade.

(3) Brightness: Is the bright color reading. is black for 0 o'clock. Maximum brightness is the most vivid color of the state.

Figure 7-11

CIE Lab color Model:

RGB mode is a light-emitting screen of the color mode, CMYK mode is a color-reflective printing subtractive mode. So what does lab have to do with the model? Lab mode, which does not rely on light or pigments, is a color pattern that is theoretically defined by the CIE organization (the International Lighting Commission) that includes all the colors visible to the human eye. Lab mode compensates for the lack of RGB and CMYK two color modes.

Lab mode consists of three channels, but not the R, G, B channels. One of its channels is brightness, that is, L. The other two are color channels, represented by A and B. A channel includes a color from dark green (bottom brightness value) to gray (medium brightness value) to bright pink (high brightness value), B channel from bright blue (bottom brightness value) to gray (medium brightness value) to yellow (high brightness value). Therefore, this color mixture will produce bright colors.

Lab mode defines the most colors and is independent of light and equipment and processing speed is as fast as RGB mode, much faster than CMYK mode. Therefore, you can be assured of bold in image editing using lab mode. Also, the color is not lost or replaced in the lab mode when it is converted to CMYK mode. Therefore, the best way to avoid color loss is to apply Lab mode to edit the image and then convert it to CMYK mode for printing output.

When you convert RGB mode to CMYK mode, Photoshop automatically converts RGB mode to lab mode and then to CMYK mode.

In the expression color range, in the first place is Lab mode, the second is RGB mode, the third is CMYK mode.

The CIE lab color model is rarely used in practice, but all color models are modified in PHOTOSHOP6. It also tries the three-channel model, as shown in Figure 7-12. The CIE Lab color model is used as a luminous flux, plus two components A and B, and the table represents from green to red and from blue to yellow.

Figure 7-12

Color mode

There are different color models in PHOTOSHOP6, such as RGB and CMYK, which have corresponding patterns. There are also black and white images, gray scale and other different models. You can see it in the mode in the Drop-down menu, as shown in Figure 7-14.

Figure 7-14

Bitmaps and grayscale images:

Bitmaps and grayscale modes are the most basic color modes in Photoshop. Grayscale mode is the 256 grayscale levels from white to black to display images, while bitmap mode has only two colors-black and white to display the image. So the gray-scale image looks smoother, and the bitmap is a bit unclear about the transition level. Printing is generally grayscale, so if the picture is to be printed, it is generally used in grayscale mode.

Convert the color pattern diagram to grayscale mode, as long as you select, order, and then click. A dialog box pops up asking if you want to throw away the color and click.

RGB Color Mode:

If the image is only for viewing on the computer, or trying the computer desktop, the TV display, pasted in the Web page, RGB is the best way to display. RGB mode, you can easily make a variety of color adjustments, using filters and layers, later content will be described in detail.

CMYK color mode:

CMYK color mode is mainly used when the image needs printing. The image should be converted to CMYK color mode before printing, which ensures that the color portion of the image is Yarse.

INDEXED Color Mode:

INDEXED Color Color mode is a good colour mode, because in practical applications, different computer operating platforms are filled with only 216-color problems. The INDEXED color color mode is a palette, or in other words, a collection of 256 color palettes. In this mode, users can know exactly what color they are getting. Therefore, I ndexed color color mode is a good choice for making Web pages. The way to convert to indexed color mode is to select the following, commands, and then the pop-up dialog box as shown in Figure 7-22.

Figure 7-22

In indexed color mode, you can select a different palette (as shown in Figure 7-23), which is described below.

Figure 7-23

(1) Actual--the palette of this option is to take the image in RGB mode can be displayed in the color, only the original species contains less than 256 color when the effect.

(2) system (Mac OS)-The palette used by this option is the Macintosh system palette.

(3) System (Windows)--the palette used by this option is the Windows palette.

(4) web--the color used by the palette Web browser for this option. If the image you are working on is posted online, the palette using this option is safe and does not have a color loss problem.

(5) Customization-if you don't have the palette you want to select in the selection, you can choose this option to create your own palette.

(6) Prev--this option simply remembers and returns the option to use when you last went to indexed color color mode.

In addition, the option is primarily to set the dithering mode (Figure 7-24).

(1) No jitter--the color of the pixel is the closest color to the selected palette color. This produces the image of lack of transition, called Blunt.

(2) Spreading jitter-spreading jitter will produce a granular effect, the most aesthetic value.

(3) Pattern jitter mode-this way the pixels are arranged in a certain pattern to form the pattern effect. This approach is more accurate.

(4) Noise jitter mode--in order to create HTML files and select Slicing Tool Chettu, select this method, can reduce along the edge of cutting cracks, when the picture more beautiful.

Figure 7-24

Transitions between modes:

When Photoshop processes images, it is often converted between different patterns. For example, to use a filter, convert the color mode to RGB color mode, and if you want to print the output, convert to CMYK mode. The process of converting one pattern to another is roughly the same. In addition, when you convert the color color mode to grayscale or Black-and-white color mode, all color information is lost. The conversion between all color modes is also not arbitrary, such as converting an image to a bitmap color mode, first converting to grayscale color mode.

The operation of the convert color mode is as follows:

1 Open the image you want to convert the color mode to.

2 Click the menu and click the pop-up menu as shown in Figure 7-27.

Figure 7-27

3 in the Color mode menu, image mode is the current color mode, gray display is not optional mode, in this case, the mode is RGB mode.

4 Click the mode you want to convert in this submenu.

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: 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.