Make a Custom Gradient in GIMP GA S REGULAR Menu Lifewire Tech for Humans Newsletter! Search Close GO Software & Apps > Design 41 41 people found this article helpful

How to Make a Custom Gradient in GIMP

Create your own gradients for GIMP

By Ian Pullen Ian Pullen Writer Ian Pullen is a former Lifewire writer and an experienced graphic designer and web developer with a strong interest in free and open-source graphics software. lifewire's editorial guidelines Updated on July 1, 2022 Tweet Share Email Tweet Share Email Design Graphic Design Photoshop Animation & Video 3D Design

What to Know

Open editor: Select Windows > Dockable Dialogs > Gradients > right-click in list > select New Gradient.Create gradient: Right-click in preview window > select Left Endpoint's Color > choose color > select OK.Next: Right-click in preview window > select Right Endpoint's Color > choose color > select OK. This article explains how to make a custom gradient in GIMP version 2.10 for Windows, Mac, and Linux.

How to Open the Gradient Editor in GIMP

To access the GIMP Gradient Editor: Go to Windows > Dockable Dialogs > Gradients to open the Gradients dialog and see the full list of gradients that come pre-installed in GIMP. Right click anywhere in the list and select New Gradient to open the Gradient Editor. The Gradient Editor displays a simple gradient when it's first opened, blending from black to white. Below this preview, you'll see black triangles at each edge that represents the position of the two colors used. In between is a white triangle that marks the midpoint of the blend between the two colors. Moving this to the left or right will change the gradient from one color to the other.
At the top of the Gradient Editor is a field where you can name your gradients so that you can find them more easily later.

How to Create a Gradient in GIMP

To create a gradient that goes from red to green to blue: Right click anywhere in the gradient preview window and select Left Endpoint's Color. Select a color and click OK in the dialog that opens. Right click the preview again and select Right Endpoint's Color. Select another color and click OK. You've now created a gradient with two colors and their average in the middle, but you can also add a different hue for the midpoint. To do so, right-click the preview and select Split Segment at Midpoint. Each side will now be treated as a separate gradient. You'll see a black triangle in the center of the bar below the preview, and there are now two white midpoint triangles on either side of the new central marker. When you click the bars on either side of the center triangle, that part of the bar is highlighted, indicating that it is the active segment. Any edits you make will only apply to this segment. Click the bar to left of the center black triangle, then right click and select Right Endpoint's Color. Select a third color from the dialog (different from your first two) and click OK. Note the number in the HTML notation field so that you can select the same color later. Select the right segment, then right click and select Left Endpoint's Color. Pick the same shade of green from the dialog and click OK. You can split one of the segments and introduce another color. Keep repeating this step until you've produced an even more complex gradient.

How to Use a Custom Gradient

You can apply your gradient to documents using the Blend tool. To test it out: Go to File > New to open a blank document. The size isn't important since this is just a test. Select the Blend tool from the Tools dialog. Make sure your newly-created gradient is selected in the Gradients dialog. Click the left side of the canvass and drag the cursor to the right. Press Enter. The document will now be filled with your gradient. Was this page helpful? Thanks for letting us know! Get the Latest Tech News Delivered Every Day Subscribe Tell us why! Other Not enough details Hard to understand Submit More from Lifewire How to Use the Video Editor in Windows 11 How to Install and Use Photoshop Brushes in GIMP How to Make a Torn Paper Edge in GIMP Tutorial to Add Fake Rain to a Photo in GIMP GRD File (What It Is & How to Open One) 10 Best Free Photo Editing Programs How to Change Background Color in Photoshop How to Import a Color Palette into GIMP How to Apply Rubber Stamp Effects in Photoshop Elements 8 How to Make a PowerPoint Presentation How to Create Exploding Pie Charts in Excel How to Add a Border in Google Docs How to Move a Window That Is Off-Screen How to Make a YouTube Intro How to Indent in Word and Use Tabs and Rulers How to Make an Image Background Transparent in PowerPoint Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Cookies Settings Accept All Cookies