Making the Light Streaks preset: long-exposure motion blur in the browser

Slow-shutter trails, soft blur, and painterly color shifts built with Motion Trails in a browser tab.

Light Streaks is inspired by the motion blur trails you get at slow shutter speeds. It's built almost entirely around the Motion Trails effect, with a few layers around it to shape the look. All in a browser tab.

Start with Contrast

Take an image with decent contrast.

Original image before building the Light Streaks preset
Original image.

Then push it further with Curves: highlights more pronounced, shadows deeper. The streaks will come from the highlights, so the more they stand out, the better.

Contrast boosted with Curves before Motion Trails
Contrast boosted with Curves.

Add Motion Trails

This is the main effect. It creates an animated shift of the highlights.

Motion Trails applied.

Crank up the threshold knee to control how much of the image gets picked up and make the effect more pronounced. Direction can go anywhere: top, bottom, diagonal. Here it goes to the left. A slight shake makes the movement feel more handheld. Blending mode goes to Lighten, so the trails appear on top of the original image.

1 of 3
/
Light Streaks direction variation Light Streaks direction variation 1 Light Streaks direction variation 2
Direction variations change where the highlight trails drift.

Two Layers of Motion Blur

Now add two Motion Blur layers with slightly different directions. This emphasizes the motion and makes it less uniform. The first one blends as Normal, the second as Lighten - extra smooth blur, very soft image.

1 of 2
/
First Motion Blur layer with Normal blending Second Motion Blur layer with Lighten blending
Two Motion Blur layers soften the trails in different directions.

Balance the Contrast Back

All those trails add a lot of light on top, and that kills the contrast. Add Curves again to bring it back.

Contrast balanced back with Curves after adding trails
Contrast balanced with Curves.

Push the Colors

Once the tones feel right, add a Color Grading effect: push some colors, do some tone splitting. The idea is to give the streaks slightly different shades along the way. They start light, then shift into a different color, which makes the whole thing look more painterly, almost like brush strokes.

Color grading added to shift light streak colors
Color grading added.

A Starting Point

You can experiment further from here. Add print artifacts and similar effects work very well on top. A few images with the preset applied:

1 of 5
/
Light Streaks preset example with print artifacts Light Streaks preset example 1 with long-exposure motion trails Light Streaks preset example 2 with glowing motion blur Light Streaks preset example 4 with softened trails Light Streaks preset example 5 with color-shifted blur
Light Streaks preset examples.

Try it yourself: open the Light Streaks preset.