🎯 Learn It in Three Minutes: Make a Cool Douyin-Style "Glitch Art" Effect in PS (Even Beginners Get It!)

🧩 First, what is "glitch art"?

Simply put, it means deliberately giving an image a few small "faults", such as:

• Color misalignment (red, blue and green pulled apart)
• Streaking and shaking
• A few horizontal lines and noise
• Type that "wobbles" along with it

Put those "faults" together and the result feels futuristic, high-tech and cyberpunk. Plenty of movie posters and album covers use it.

🛠️ Let's get hands-on! Nine steps to the finish!

✅ Step 1: Pick a good photo as your source

Grab any photo you like — a portrait, a landscape, a pet, anything. The sharper it is, the more visible the effect.

✅ Step 2: Create the color offset (the core move!)

1. Duplicate the layer (Ctrl+J, or right-click the layer → Duplicate Layer)
2. Double-click that copy → this opens "Layer Style"
3. Click "Blending Options" → under "Channels", switch off one color channel (for example "R Red" or "G Green")
   - Turning off different channels gives different color results, so try a few!
4. Drag this layer a few pixels left or right (3-5 pixels is plenty — don't go too far or the image just looks blurry)

✅ Effect: red/blue, red/green or blue/green "ghosting" appears along the edges. Very high-tech.

✅ Step 3: Add the "streak" effect (make the image move)

1. Create a new layer
2. Use the "Rectangular Marquee tool" to select any area of the photo (a face or the background, for instance)
3. Ctrl+C to copy → Ctrl+V to paste onto the new layer
4. Filter → Stylize → Wind → choose "Blast" and direction "From the Left"
5. Open "Layer Style" again → "Blending Options" → switch off one channel (for example "R Red")
6. Repeat the steps above with a few more selected areas, all turned into "wind" effects, then group them (Ctrl+G)

✅ Effect: parts of the image look as if wind has swept across them — lots of motion.

✅ Step 4: Add a vignette to pull the eye in

1. New layer → fill it with black
2. Change the layer blending mode to "Overlay"
3. Add a "mask" to this black layer
4. Use the "Gradient tool" to drag a radial gradient that is "black in the middle, white at the edges"
5. Set the layer's "opacity to about 50%"

✅ Effect: the edges of the frame darken, so the center stands out.

✅ Step 5: Add "signal interference" lines (a classic element!)

1. New layer → fill it with any color (gray, for example)
2. Double-click the layer → "Layer Style" → "Pattern Overlay"
3. Choose the "Horizontal Line" pattern and set the blending mode to "Multiply"
4. Set the layer's "Fill to 0%" and raise the opacity to "about 45%"

✅ Effect: faint horizontal lines appear, like an old TV with no signal.

✅ Step 6: Darken the overall tone (adds atmosphere)

1. New layer → fill it with a dark color (deep red #270e0e, for example)
2. Change the layer blending mode to "Darken"
3. Set the opacity to "about 20%"

✅ Effect: the whole image gets darker, with more mystery and a techy feel.

✅ Step 7: Add "kinetic type" (the finishing touch!)

1. New layer → use the "Rectangular Marquee tool" to draw a rectangle → set the feather radius to 50 → fill it with bright green
2. Change the blending mode to "Linear Dodge (Add)" and the opacity to 45%
3. Type your text (something like "GLITCH" or "FUTURE")
4. Duplicate the text layer twice
   • First copy: Layer Style → Blending Options → switch off the "GB" channels → move it a few pixels to the lower left
   • Second copy: Layer Style → Blending Options → switch off the "RB" channels → move it a few pixels to the lower right
5. Put both copies below the original text layer!

✅ Effect: the type picks up the same red/blue/green offset. Very flashy.

✅ Step 8: Add "random lines" (extra detail)

1. Use the "Line tool" or the "Rectangle tool" to draw thin lines or small squares in empty areas of the image
2. Adjust the "opacity" of each line so some are bright and some are dim
3. Draw freely — it doesn't need to be tidy. The messier, the more "glitchy" it looks.

✅ Effect: richer detail and a serious tech vibe.

✅ Step 9: See the final result!

With every step done, your glitch art piece is ready.

💡 Going further: if you know your way around PS's "Timeline", you can turn this into an animated GIF, like this 👇