You can make a glitch text image without Photoshop by uploading a lettering PNG to the Glitch demo, adding RGB Split, then using Slice Shift to interrupt a few horizontal bands. Keep the shifts small enough that the word remains readable, and export the result as a PNG.

This example treats an imported lettering image. Prepare a PNG, JPG, or WebP first, or use the practice PNG below. The demo also has editable text layers, but lettering baked into an imported image cannot be edited as text. The result is an image for your artwork, rather than copy-and-paste Unicode text for a username or bio.

Start with bold, well-spaced lettering

Download the OFFSET practice PNG

(1920 × 1080). It contains cream Space Mono Bold lettering on an opaque dark background. The broad strokes and open space around the word give the displaced edges room to show.

Untreated cream OFFSET lettering centered on a dark background with space around all sides.

Source — an opaque PNG, ready to upload. The lettering is already part of the image.

For your own source, use a short headline and leave padding around the edges. Small captions and very thin strokes become harder to read as the channels separate. Bake in your intended background before upload for this recipe; the example does not demonstrate a transparent glitch overlay.

Open the demo with RGB Split, then choose the practice image. Keep the canvas at 1920 × 1080, the image centered at 100% scale, and rotation at 0°. Leave playback paused at Time (s) 0, with Shared animation off. The link selects RGB Split at its current default; enter the tutorial settings yourself.

Separate the color edges

Expand RGB Split in Active FX. Turn Animate: RGB Split off and set Amount to 0.012.

OFFSET lettering with narrow red, blue, cyan, and yellow edges around otherwise aligned white letters.

RGB Split alone, with Amount 0.012. The white centers still hold the word together.

RGB Split offsets red and blue horizontally while keeping green aligned. Look at the straight stems of the F and T and the outer curve of the O: their colored edges reveal the separation clearly. Raising Amount widens the colored copies across the whole image.

If your word already looks doubled, lower Amount before adding another effect. Changing the font is a source-image edit; the demo cannot change the typeface inside an uploaded PNG. The RGB Split guide explains the control and its current default.

Break a few horizontal bands

Add Slice Shift from the FX list. Keep the stack in this order: RGB Split first, Slice Shift second. Turn Animate: Slice Shift off and enter:

  • Shift: 0.04
  • Coverage: 0.35
  • Band height: 2.50%
  • Seed: 37
  • Mix: 100%
The color-separated OFFSET headline with several narrow bands shifted sideways through its letter shapes.
The final stack: colored fringes plus small horizontal interruptions.

The band near the middle interrupts several letters at once, but their upper and lower shapes still connect visually. Shift controls how far the selected bands can move. Coverage changes how many bands are affected. Band height changes their thickness, and Seed changes the arrangement.

Keep Seed at 37 while comparing strengths. Changing it also changes where the breaks fall. These controls operate across the image; they do not select individual letters or protect a particular word. See the Slice Shift guide for more about the controls.

Find the point where the word stops reading

For comparison, we kept the source, framing, effect order, Band height, Seed, and Mix unchanged, then increased RGB Split Amount to 0.065, Slice Shift’s Shift to 0.16, and Coverage to 0.80.

An exaggerated OFFSET treatment with wide color duplicates and displaced strips that break the continuity of the letters.

Too much for a readable headline: the repeated colors and wider slices compete with the word.

The S opens into separate fragments, and colored copies crowd the middle letters. That can suit abstract artwork, but it is a poor trade when the headline needs to read quickly.

To restore the illustrated result:

  1. Lower RGB Split Amount to 0.012 to bring the color edges closer together.
  2. Lower Slice Shift’s Shift to 0.04 to reconnect the letter shapes.
  3. Lower Coverage to 0.35, keeping Band height 2.50%, Seed 37, and Mix 100%.

Inspect the result at the size you plan to use it. If a small preview loses the word, reduce the treatment further. A different source may need different values; matching the settings does not guarantee the same visual balance.

Export the lettering image

Open Settings → Export Settings → Quick Export. Keep Include animation off, choose PNG, and use Original dimensions with Size: Canvas size. Close Settings and choose Quick Export in the editor toolbar.

The practice result is an opaque 1920 × 1080 PNG. Browser export is included. To change the spelling afterward, revise the original lettering and upload the new image; the exported PNG has no editable text layer.

Try the glitch text recipe, or follow the glitch poster walkthrough when you want to treat lettering and graphic shapes together. For a title on a cover, see glitch effects for album cover artwork. To type your words and keep them editable while applying effects, use the

editable text effects tutorial for Artfkt on Mac

.

How this example was made

The source is an original OFFSET composition with Space Mono Bold outlined from the repository’s OFL-licensed font. It has a solid dark ground, two fine rules, and a small supporting label. The three treatments were rendered by Artfkt’s production engine on WebGPU, animation off, time zero, with the same framing. The image is distinct from our editable-text tutorial’s source. The effects shown were rendered by the product.