How to Create a Halftone Gradient Background in Krita

Share
In this tutorial, we'll learn how to create a non-destructive colored halftone gradient background in Krita (version 5.2.9) using vector layers and filter masks. Halftone gradients are simple geometric textures that you can use to make your designs look prettier. This technique can also be used in illustration of comics and Japanese manga considering to create a screentone background in panels.
A non-destructive gradient halftone effect created in Krita.
A non-destructive gradient halftone effect created in Krita.

To create a halftone gradient in Krita, follow the following steps:

1: create a new vector layer. This is where we'll put our gradient. You can use a normal raster paint layer instead if you want to create the gradient using airbrushing, but let's learn how to do it with a vector layer first.

The location of Krita's "Add New Layer" popup menu in the "Layers" docker.
The location of Krita's "Add New Layer" popup menu.

2: select the Rectangle tool in the toolbox.

The tools in Krita's toolbox, labelled: vector tools: select shapes, text, edit shapes, calligraphy; raster tools: brush, line, rectangle, ellipse, polygon, freehand path, bezier, multibrush, dynamic brush, polyline; move & resize tools: transform, move, crop; sample & fill tools: gradient, eyedropper, colorize mask, smart patch, bucket fill, enclose and fill; utility tools: assistant, measure, reference image; selection tools: rectangular, elliptical, polygonal, lasso, magic wand, similar color, Bézier curve, magnetic curve; view tools: zoom, pan.
The tools in Krita's toolbox, labelled and categorized.

3: draw a rectangle in the vector layer.

4: select the "Select Shapes" tool in the toolbox.

5: click on the rectangle that you drew to select it. In the Tool Options docker, you should see the properties of the rectangle, such as its position and dimensions, and a tab for the stroke settings, and a tab for the fill settings (with a bucket icon).

6: click on the bucket tab.

7: select gradient fill.

8: double click on the control points to edit their colors. Select a black to white gradient. It doesn't matter what color you want your effect to be, you'll always select black to white for this gradient.

9: adjust the position of the gradient by dragging the orange diamonds on the rectangle while the "Select Shapes" tool is activated.

10: add a filter mask to the vector layer. The filter that we want is the halftone filter.

Tip: to create a typical "growing circles (or bubbles)" pattern, select the Dots pattern and change Interpolation to Linear. You can switch whether the circles are white or black by checking Invert in the Postprocessing tab.

Tip: to make the pattern crispier, increase Hardness in the Postprocessing tab.

See How to Create a Halftone Effect in Krita for a complete tutorial.

A dialog window titled "New Filter Layer - Krita." It has two panes. On the left, a list of filters grouped by category: the "Artistic" category is expanded. In it: Halftone (Selected), Index Colors, Oilpaint, Pixelize, Posterize. In the main pane, top row: a dropdown list button with "Default" seelcted; Use last preset (unchecked); Edit presets (button); XML (button). Under it: mode: intensity (dropdown list button). Two tabs: Screen Generator (active) and Postprocessing. A dropdown list button with Screntone selected. 3 tabs: Screentone Type (active), Transformation, and Postprocessing (again). 3 dropdown list buttons: pattern: dots, shape: round, interpolation: sinusoidal. A field for equalization: None, Function base, Template based (active). The dialog has two buttons: Cancel and OK.
The settings for the Halftone filter in Krita.
A cheat sheet of halftone patterns created in Krita in grid format. There are three columns, for the rotation angles 0, 45, and 90. The rows are: Dots (Sinusoidal), Dots (Linear), Ellipse (Legacy, Sinusoidal), Ellipse (Legacy, Linear), Ellipse (Sinusoidal), Ellipse (Linear), Diamond, Square, Lines (Straight), Lines (Sine Wave), Lines (Triangular Wave), Lines (Sawtooth), and Lines (Curtains).
A cheat sheet of different halftone patterns you can create in Krita using a different "Pattern" setting and a different "Rotation" angle.

11: add a second filter mask to the vector layer. This time we want a Gradient Map filter. Set the colors of the gradient map to the colors you want your halftone background pattern to be.

See How to Create a Duotone Effect in Krita for a full tutorial.

A dialog window titled "New Filter Layer - Krita." It has two panes: on the left a list of filter categories, in it "Map" is expanded with the follow items: Gradient Map (selected), Normalize, Palettize, Phong Bumpmap, Round Corners. In the main pane, the top row of widgets: "Default" (a dropdown list button), Use last preset (unchecked), Edit Presets (button), XML (button). Then two tabs: Gradient Colors (active), color mode. In the gradient colors tab, various rows of widgets. The first: a plus button, a save button, a button that reads "Convert to Segment Gradient," a button with a down arrow that reads "Choose Gradient Preset." And an icon that is three horizontal lines. A textbox labelled "Name" (value: Blue to Red). A complex widget to edit the gradient, showing a blue to red gradient. A left and right arrow icons, next to the "Stop #1" label, a trash can icon, an icon that appears to mean mirroring, an icon that is a graysale gradient with an right arrow under it, an icon that is a rainbow gradient with a right arrow under it, an icon that is two small rectangles. Under a large rectangle with a red and blue gradient, two control points that are tear-shaped, the left one is blue, the right one is red. Below, two icons that appear to change the order of squares, a wheel, a button to pick a color (blue is selected), a box to change the opacity (100% is selected), and a box to change the position (0% is selected). At the bottom of the dialog, two buttons: cancel and OK.
The Gradient Map filter settings in the New Filter Layer dialog in Krita.

You should have created your halftone background effect. You can modify the gradient in the vector layer now and it will update automatically.

A gradient screentone background effect created in Krita, next to its layer structure: a vector layer that has a rectangle with a black to white gradient, with a gradient map filter mask and a halftone filter mask.
An example of a non-destructive gradient screentone background effect created in Krita.

Alpha Halftone Method

The method above is great if you want to add a halftone to the background, however it isn't very useful if you want to cast a halftone on the foreground, over other layers. In this case, a technique that you can use is to use a gradient that fades to transparent and then change the Mode setting in the halftone filter from Intensity to Alpha. This will make the halftone effect apply to the alpha of the gradient instead of the color. Then you can use a clipping mask or fill the result with a single color to complete the effect.

Project Files

Download Krita project files for this tutorial.

Written by Noel Santos.

About the Author

I'm a self-taught Brazilian programmer graduated in IT from a FATEC. In a world of increasingly complex and essential computers, I decided to use my technical expertise in hardware, desktop applications, and web technologies to create an informative resource to make PC's easier to understand.

View Comments (1)