Digital Art & Design

How do you use gradient maps in Procreate?

Short answer

Gradient maps in Procreate transform the tonal values of your artwork into a custom color spectrum. By mapping dark, mid-tone, and light areas to specific colors, you can achieve sophisticated lighting effects or color grading. Access this feature through the Adjustments menu to non-destructively recolor your layers with professional precision.

On this page
  1. How to apply gradient maps in Procreate
  2. How to create custom color palettes
  3. Why use gradient maps for color grading
  4. Common mistakes when using gradient maps
  5. Best tips for advanced gradient mapping
  6. Key facts
  7. People also ask

How to apply gradient maps in Procreate

To apply a gradient map, open your project and ensure you have selected the layer you wish to modify. Navigate to the Adjustments menu, represented by the magic wand icon in the top-left corner of the interface. Select "Gradient Map" from the list of options to open the gradient editor interface at the bottom of your screen.

Once the editor is active, you can choose from a variety of built-in presets or create a custom gradient. Tapping on the gradient bar allows you to add, remove, or reposition color stops. Each stop corresponds to a specific brightness level within your image, meaning the leftmost side represents shadows while the rightmost side represents highlights. After you are satisfied with the color distribution, tap the magic wand icon again to commit the changes to your layer.

How to create custom color palettes

Creating a custom gradient map gives you complete control over the mood and atmosphere of your illustration. Within the Gradient Map editor, tap the plus sign (+) to add a new color stop to the spectrum. You can then tap that stop to open the color panel, where you can select any hue, saturation, or brightness value. This is particularly useful for achieving specific artistic styles, such as duotones or vintage film aesthetics.

  1. Open the Gradient Map tool from the Adjustments menu.
  2. Tap the gradient bar to place a new color node.
  3. Select a color from the disc or palette to assign it to that node.
  4. Slide the nodes left or right to adjust how the colors transition across your image's values.
  5. Tap outside the menu to finalize your custom gradient.

Why use gradient maps for color grading

Gradient maps are superior to standard color balance tools because they base color application on the underlying luminosity of your pixels. This allows for complex color shifts that would be impossible to achieve with basic filters. For instance, you can map deep blues to your shadows and warm oranges to your highlights, instantly creating a cinematic "teal and orange" look. This process ensures that your shadows remain dark and your highlights remain bright, preserving the structural integrity of your artwork while completely changing its color palette.

Many professional artists use this technique to unify disparate elements in a composition. If you have multiple layers with different color schemes, applying a gradient map to a group or a flattened version of the image can harmonize the entire piece. It is an essential tool for concept artists who need to iterate on lighting scenarios quickly without repainting the entire canvas from scratch.

Common mistakes when using gradient maps

One frequent error is applying a gradient map to a layer with poor tonal contrast. If your original image is mostly mid-tones, the gradient map will struggle to differentiate between the shadows and highlights, resulting in a muddy or flat appearance. Always ensure your base layer has a strong range of values—from near-black to near-white—before applying the effect. If your image lacks contrast, consider using a Curves or Levels adjustment layer first to push your values to the extremes.

Another mistake is forgetting to use non-destructive workflows. Directly applying a gradient map to your only layer makes it difficult to revert changes later. Instead, create a duplicate of your layer before applying the adjustment. Alternatively, you can use the "Clipping Mask" feature to apply the gradient map to a new layer above your artwork. This keeps your original pixels intact and allows you to adjust the opacity or blending mode of the gradient layer to achieve more subtle, nuanced results.

Best tips for advanced gradient mapping

To take your work to the next level, experiment with blending modes after applying your gradient map. Once you have applied the map to a layer, tap the "N" icon next to the layer name in the Layers panel. Changing the mode to "Overlay," "Soft Light," or "Color" can blend your custom colors with the original artwork in unexpected ways. This technique is often used to add subtle color depth to skin tones or metallic surfaces without overwhelming the original shading.

  • Use high-contrast black and white sketches as a base to see the full potential of the gradient map.
  • Save your favorite custom gradients by tapping the plus icon in the preset menu for future projects.
  • Combine multiple gradient maps with varying opacities to create complex, multi-layered lighting effects.
  • Use the "Dither" setting in the gradient editor to smooth out transitions if you notice banding in your color gradients.
  • Always check your work in grayscale periodically to ensure the gradient map isn't destroying your composition's readability.

Key facts

  • Gradient Maps function by remapping the grayscale values of an image to a custom color spectrum.
  • You can access this feature via the Adjustments menu, represented by the magic wand icon in the top toolbar.
  • The Gradient Map tool allows you to add, move, or delete color stops to precisely control how colors transition across your artwork.
  • Using the "Gradient Library" provides pre-made palettes, but you can create custom gradients by tapping the plus icon in the editor.
  • Applying a gradient map to a layer with a "Clipping Mask" allows you to color specific elements without affecting the entire canvas.
  • A common mistake is applying the map directly to the original layer; always duplicate your layer first to preserve the source image.

The bottom line

Gradient maps are a powerful tool for professional-level color grading and stylistic experimentation in Procreate. By mapping specific colors to the light and dark values of your work, you can instantly shift the mood or lighting of a piece. Always work on a duplicated layer to maintain control, and experiment with blending modes to achieve complex, harmonious color palettes that elevate your digital illustrations significantly.

People also ask

Can I use gradient maps on transparent layers?

Yes, but the effect will only apply to the pixels that already exist on that layer. It will not fill in transparent areas with color, so ensure your base layer has sufficient opacity before applying the map.

How do I save a custom gradient for later use?

Once you have designed your gradient in the editor, it is automatically saved within the Gradient Map panel. You can rename these saved gradients by tapping on them to keep your library organized.

Why does my image look flat after applying a gradient map?

This usually happens because the original grayscale values lack enough contrast. To fix this, adjust the brightness and contrast of your base layer before applying the map to ensure the colors have a wider range to map onto.

Can I blend multiple gradient maps together?

You can layer different effects by duplicating your base layer and setting the top layer to a different blend mode, such as Overlay or Soft Light. This allows you to combine the color properties of multiple maps.

Does the order of colors in the gradient matter?

Yes, the left side of the gradient represents the darkest shadows of your image, while the right side represents the brightest highlights. Reversing these will invert the lighting logic of your artwork.

Is it possible to import external gradients into Procreate?

Procreate does not currently support importing external gradient files directly. You must recreate your desired color transitions manually using the built-in color picker and gradient editor.

Topics: #procreate

This answer was created with the help of AI research tools and reference sources. Spotted an error? Let us know — we correct mistakes quickly. See our editorial policy.