Pixel Brush in Procreate: Setup and Checks for Crisp Favicon Pixels
How to set up a pixel brush in Procreate for favicon work, why pixel edges turn soft, which checks to run in order, and how pixel output relates to a vector logo.
Contents
The short answer
Procreate has no dedicated pixel mode. To get crisp pixels, combine a small canvas sized to the target icon, a visible grid, and a hard-edged brush whose smoothing, pressure response and tapering are turned off or minimized. If edges still come out soft, the cause is usually canvas size, brush dynamics, or resampling during transforms or export. Check those in that order.
Scope: Procreate is a raster editor. A pixel brush helps you hand-tune a small raster version of a logo, such as a favicon. It does not create or edit vector paths. The vector master stays in a vector application, and the Procreate result is a separate raster derivative.
Gaps in the available information
No version-specific evidence was supplied for this topic. This article therefore gives no exact slider values, version numbers or default brush names. Menu labels and control locations can change between Procreate releases. Treat the steps below as the principles to apply, and confirm the exact controls in your installed version.
Setting up the canvas first
- Create a canvas at the exact pixel dimensions of the icon you are refining, for example a common favicon size such as 16 by 16 or 32 by 32 pixels. Do not draw large and shrink later.
- Turn on the drawing guide and set the grid spacing to one pixel, so each grid cell matches one canvas pixel.
- Zoom in far enough that individual pixels are clearly visible. Zooming changes only the view, not the file.
- Keep a separate canvas for each icon size you need. Small sizes usually need their own pixel decisions rather than a downscaled copy of a larger one.
Configuring the brush
Duplicate an existing hard, monoline-style brush in the brush library and edit the copy in Brush Studio. That way the original stays untouched. The aim is a stroke that deposits solid, full-opacity color with no soft falloff and no automatic smoothing.
- Shape: use a hard-edged shape with no feathering. A square shape tends to match the pixel grid better than a round one.
- Grain: use a blank or uniform grain so texture does not vary the deposited color.
- Stroke path: keep spacing tight so a drag produces a continuous line rather than separate dabs.
- Stabilization: set streamline and any other smoothing to zero or the minimum, so the stroke follows the pencil exactly.
- Taper: turn off start and end taper so strokes do not thin out at their ends.
- Apple Pencil dynamics: remove pressure influence on size and opacity, so every touch deposits the same size at full strength.
- Properties: limit the maximum brush size so the slider cannot easily drift above one pixel on a tiny canvas.
Even with these settings, Procreate may still apply some edge smoothing to strokes. On a very small canvas at full opacity, that effect is often hard to see. Inspect the result at high zoom rather than trusting the brush preview, and correct stray partial-opacity pixels by hand or with the eraser set up the same way.
Why pixel edges turn soft: checks in order
- 1. Canvas size: if the canvas is larger than the target icon, the art will be resampled later and lose its crisp edges. Confirm the canvas dimensions match the output size.
- 2. Brush size: a brush wider than one pixel, or one that changes size with pressure, creates uneven edges. Check the size slider and the pressure settings.
- 3. Opacity and pressure: partial opacity creates intermediate tones. Confirm that opacity is at maximum and that pressure does not affect it.
- 4. Smoothing and taper: streamline and taper can shift or thin strokes. Confirm both are off or at the minimum.
- 5. Brush shape and grain: soft or textured sources leave fringes. Confirm the shape is hard and the grain is uniform.
- 6. Transforms: moving, scaling or rotating a selection can resample pixels. Set the transform interpolation to the nearest-neighbor option before transforming. Avoid scaling and non-right-angle rotation of finished pixel art.
- 7. Export: exporting at a different size, or letting another tool resize the file, can blur it. Export as PNG at native size and check the exported file, not just the canvas.
Observable properties versus visual judgment
Some things can be verified directly. These include canvas dimensions, exported pixel dimensions, file format, and whether pixels are fully opaque or partially transparent, which you can see by zooming in or sampling colors. Other things are judgments: whether the icon reads well at small size, whether a stroke should be one or two pixels wide, and how much of the original logo detail to keep. Settle the verifiable properties first, then make the design calls.
Similar caution applies to the source logo. A sharp preview or a vector-associated file extension does not prove the file is vector. A vector file may contain true paths, live text, or embedded raster images. Inspect the source in a vector editor before deciding whether it is suitable to trace or reference for the favicon.
Permission caveat
Having a logo file does not grant permission to modify it or redraw it as a favicon. If the logo is not yours, confirm usage and modification rights with its owner before producing or publishing a pixel version.
When further action is needed
If the steps above still leave soft edges, compare the canvas pixels with the exported file. A clean canvas with a blurry export points to an export or resizing problem. Blur already on the canvas points to brush or transform settings. If you need scalable output rather than fixed-size pixels, Procreate is the wrong tool for that step: build or fix the vector master in a vector editor, and use Procreate only for hand-refining specific small raster sizes.