Mike Rankin demonstrates how to select colors from an image, how to create new colors, and how to save colors in a color palette in GIMP. Mike also shows the Color Picker tool features, and the four modes of the Color Picker tool: foreground color, background color, pick only mode, and add to palette. Mike demonstrates working with color palettes, both default color palettes that come with GIMP, and custom color palettes where you add and edit your own colors.
- [Instructor] Let's see how to work with colors and color pallets in Gimp. The main tool for working with colors is the color picker tool which looks like an eye dropper in the tool box. And to use it you simple move your cursor over the colors in an image and click, and when I clicked, the color I clicked on was set as the foreground color. That's one of the four modes for the color picker tool, and it's the default. The foreground color is used by the painting tools like when you brush with a paintbrush, or fill an area with the bucket fill tool.
It's also used in the default gradient along with the background color which you can see by clicking the blend tool. As I've mentioned in other movies, you can also swap the foreground and background colors by clicking this small curved arrow, and you can revert back to defaults by clicking the black and white squares. I'll go back to the color picker tool, and let's look at the other three modes. Set Background Color is one choice. Notice when I click now in the image the background color changes. You can also switch to this mode on the fly when you're in the default Set Foreground Color mode.
If you hold the control key in Windows or the command key on Mac. So I'll hold down command and click to sample some background colors. In either mode you can click and hold as you drag around the image to continuously sample colors. The Pick Only mode has the potential to be a little bit confusing. If you select this and then click in your image nothing happens. What this mode does is store color information in a color picker info dialogue. To show that dialogue, select the option to use info window here, or hold the shift key when you click with the color picker.
So I'll hold down the shift key and click in the image, and the color picker pops up. And there's the color that I sampled in terms of both it's actual pixel value and what it would be in other color modes. So I have RGB percentages, or something like hue saturation and value numbers. I'll click again in Pick Only mode, and you can see the color updates. Note that this information is for the color and the color layer only. If I have multiple blended layers in my document, and I want to get color information from all of them, I need to select the Sample Merch option.
Also in the tool options you can select Sample Average and change the radius value which is the area of the sample size when you click. So if you want to take an average color value over a bigger area, increase the radius. I'll set it to 50. And when I click and hold in the image, I can see the boundary of the color picking area, and the color I get is an average of all the colors inside that area. I'll click the button to reset the tool options and close the color picker.
Note that you can also switch to the color picker tool on the fly when you're using a painting tool like the paintbrush. Just hold the control key in Windows or command on Mac and click. Notice how the foreground color changed when I did that. And I could immediately start painting with the sample color without having to switch to the color picker tool and then switch back to the paintbrush. So that's pretty handy. You can also see color values in the Pointer Information dialogue which you can open by choosing Window, Dockable Dialogs, Pointer.
Now as I move my cursor over the image I see every pixel color that I mouse over. And note that the default mode here is Sample Merged, so these color values will be taken from all visible layers in a multilayered document. There's also a colors dialogue that you can open by choosing Windows, Dockable Dialogs, Colors, and this gives you another place for defining colors with the same options that you see when you click either the foreground or background colors.
Here the vertical slider corresponds to the button you have selected. So I can use it to pick a different queue, and in the large area, saturation is represented vertically, and value is represented horizontally. Or I can use the slider to set saturation, and use the large area to pick hues or values, or I can have a value slider and a hue saturation area. You can also use RGB controls here to define colors.
And notice below is a field where you can read or enter hexadecimal colors. The other tabs in the colors dialogue allow you to define colors as CMYK although it's important to note that Gimp itself does not support the CMYK color model. Any colors that you define here will be immediately converted to RGB values in your document. You can also choose water colors, a color wheel, and a set of sliders for hue saturation and value, and RGB.
The other button brings up the color pallet. This is the Gimp default color pallet, but it's just one of many pallets that come with Gimp. To see the others, choose Windows, Dockable Dialogs, Pallets. You can view the pallets as a list or a grid. And you can change the preview size. To use the colors in a pallet click on one, like I'll click on blues, and then switch to the Colors dialogue.
Here you can see every color in the pallet, and select one as your new foreground color. To create a custom pallet, either click the button to duplicate an existing pallet, or click the button to create a new pallet. I'll make a new one. I'll call this fruit colors. Then, to add colors to the pallet, make sure the pallet is selected, then define the color you want to add as your foreground color. And you can use any of the controls in this dialogue. Then go back to the pallet editor, and click the button to create a new entry from the foreground color.
Or to add a color from an image, take the color picker tool, and set the Pick Mode to Add To Pallet, and then just click in the image. Each time you click another color will be added to the pallet. To remove a color from the pallet, click on it and then click on the delete button at the bottom of the dialogue. Now, this display of my custom pallet is pretty tiny, but I can see my colors better if I switch to the Colors dialogue and click on Pallet. As you can see, Gimp offers lots of ways to work with colors.
We saw how to sample colors from an image, how to define colors using various methods, and how to save and use colors from color pallets that come with Gimp as well as custom color pallets that you make for yourself.
- Navigating the GIMP interface
- Creating and saving documents
- Working with selections
- Using Quick Masks
- Adjusting images with Curves and Levels
- Working with text and paths
- Working with colors and brushes
- Configuring brush keyboard shortcuts
- Enhancing photos with filters
- Outputting images