Skip to content

Anime style speed line effect

Contents

I appreciated the next videos which explains how to make the effect in details.

I had followed another video in the middle of the way but stopped because some files were not downloadable.

Speed lines

This section was written in June 28, 2026.

The steps to create lines. I created next animation following these steps:

bdnY2.gif

1. Create a background

Here add a gradient colored background.

  1. Add new layer Solid from New > Solid
  2. Add Gradient Ramp effect. For eaxmple, On the layer, go to Effects > Effects & Presets, search "Ramp" and add it
  3. Set Start Color and End Color, like end color gets darker.
  4. Set Ramp Shape to Radial Ramp
    1. Click and drag the Start of Ramp (the center) and End of Ramp (the outer radius)
  5. Optional? Set Ramp Scatter to like 200 to make it nicer looks

2. Create a center light

  1. Add new Solid Layer and add a Fill effect
  2. Change the Color yellow
  3. Set Transform > Rotation on 45 degrees
  4. Set Transform > Scale to make it cover an entire screen
  5. Set a mask
    1. Select Rectangle Tool on a tool bar and create a Mask on the layer with the part of the central light
    2. Set Mask Feather. For example, 250. It makes a rectangle blur
    3. Set Mask Expansion to make the light wider or narrower.

3. Create the base shadow line layer

  1. Duplicate the center light layer and rename it "Line Shadows 01"
  2. Remove the Fill effect
  3. Add a Fractal Noise effect
  4. Set the Property of the fractal noise effect
    1. Set Contrast to, for example, 2500, to remove blur
    2. Set Brightness to, like 300, to separate white and black are clear
    3. Go to Transform and update the scale to look noises become noises with lines instead of rounded shapes
      1. Disable Uniform Scaling
      2. Increase scale width and decrease scale height
    4. Animate the layer using Transform > Offset Turbulence
      1. Create keyframe on the first layer for Offset Turbulance
      2. Create keyframe on the last layer for Offset Turbulance, and set different values from the first key frame.
    5. Alt-click Sub Settings > Evolution and set time * X in Expression. This is to increase the speed of a line
  5. Change the color of the lines
    1. Set "Blending Mode" to Multiply. I needed to click "Toggle Switches / Modes" on the bottom bar to show the Mode on each layer.
    2. To make the color lighter,
      1. Add an effect CC toner
      2. Change the Tones to Duotone
      3. Set Shadows to the color darker than the background

4. Add more variations of the shadow lines

Add as many layer as you want.

  1. Duplicate the above "Line Shadows 01" layer into new layer
  2. Update some properties to make them look different from the 01 layer. For example,
    1. Update Contrast, Brightness, or Scale
    2. Alt click Sub Settings > Evolution and set the expression like time - 200

5. Create highlights

Add as many layer as you want.

  1. Duplicate some shadows layer of existing highlights layers, and rename those layers to "Line Hightlights 01"
  2. Set Blending Modes of the new layer "Screen"
    1. Or set "Add" in a few layers depending on how they look
  3. Update "CC Toner" effect
    1. Set "Highlights" to the black
    2. Set "Shadows" to the brighter color
  4. Add some variations
    1. Update Fractal Noise > Brightness
    2. Update Fractal Noise > Transform > Offset Turbulance
    3. Update Fractal Noise > Transform > Rotation
  5. Add more variations by adding Glow effect. And update
    1. Glow Threshold
    2. Glow Radius
    3. Glow Intensity

6. Create corner shadows

  1. Duplicate the center light layer and rename it to a "corner shadows" layer
  2. Update the Mode of "Mask 1" to Subtract from Add
  3. Set the Fill > Color black
  4. Set the Transform > Opacity not to make too dark

Corner light variation

This section was written in June 28, 2026.

The above steps can be used for other cases like this animation.

bdnYS.gif

1. Create a background in the same way

2. Create the base shadow layer

On top of the same step as above.

  1. Add Corner Pin effect on the Line Shadows layer
  2. Drag the positions of each edge of the corner pin to move lines from one edge to another edge

3. Add shadow and highlight lines

Add shadow and highlight lines by following the same steps.

4. Add soft light

  1. Add new Solid layer
  2. Add new mask with rounded shape
  3. Set Mask Feather and Mask Expansion
  4. Set Blending Modes to Add
  5. Add Fill effect and set the color

5. Add main light

  1. Add new Solid layer
  2. Set Blending Modes to Screen
  3. Add new mask with light emitting layer
  4. Animate Mask Path by creating multiple key frames with multiple shapes
  5. Add CC radial Radial Fast Blur effect

Zoom speed lines variation

This section was written in July 3, 2026 and result of animation looks like next:

bdjn6.gif

This is the variation explained from the video:

In this video, "Turbulent Noise" effect is used instead of "Fractal Noise". And the most important effect for this zoom version is the

1. Add speed lines

This is almost the same steps as "Create the base shadow line layer" on the above steps

  1. Add new Solid layer, and add Turbulent Noise effect
  2. For the effect on the layer
    1. Set Contract to higher value to reduce blur
    2. Set Brightness to lower value to reduce white pixels
    3. Disable Transform > Uniform Scaling
    4. Set Transform > Scale Width and Transform > Scale Height to such values that lines can be seen.
  3. Animate the effect by

    1. Alt Click Transform > Offset Turbulence

    2. While the entire expression of Offset Turbulence was selected, drag a spiral icon of Offset Turbulence into the offset of Offset Turbulence 3. It should change an expression from effect("Turbulent Noise")(13) to next

       temp = effect("Turbulent Noise")("Offset Turbulence")[0];
 [temp, temp]

    3. Update the 2nd line from [temp, temp] to [temp, time * 5000]. This changes the Y axis's value depending on a time frame.

2. Update speed lines to animate from one point

  1. Add new Adjustment layer and add an effect "Polar Coordinates"
  2. For the effect on the new layer
    1. Set Type of Conversion to "Rect to Polar"
    2. Set Interpolation to 100%

3. Hide the central point

  1. Add new Solid layer
  2. Set the background of the layer to Black
  3. Select a mask of "Ellipse tool" and mask the center of the point

4. Move the speed lines to the edge of a screen.

The video explained until the above steps. However, I've seen that there was the empty spaces that lines do not move on the edges.

bdjn8.gif

So in order to make lines move to them, I needed to do these changes.

  1. Pre-compute all layers.
  2. Set Transform > Scale on the composition to make the speed line go to the edges