material

Two Stripes in Material Editor

  • Exposure: public
  • UE Version: 5.7

avatar author

Unreal Engine Dad

June 2, 2026, 7:19 pm

Unreal Engine 5 Materials editor for adding two horizontal stripes to a single material.

The top Step of First Stripe comments section is the start of the line, and the bottom Step is the bottom of the first line. Rinse and repeat for the 2nd stripe. This will create a mask and then we add the Masks together to use an Alpha for two colors, White and Red. The Red color is the mask for the stripes.

The Step start and end positions are based on 0 through 1 value with 0 starting at the top of the Z axis.

The next step is to remove the stripes from the top and bottom of the mesh.

Think of the Dot Product as a "how much is this face pointing up" meter. It goes from -1 to +1: Top cap = +1 (pointing straight up), Side faces = 0 (pointing sideways), Bottom cap = -1 (pointing straight down)

The If node checks whether that number is above 0.5. If it is, no stripe. If it isn't, show the stripe. The top cap gives +1, which is above 0.5 — so the stripe gets blocked. But the bottom cap gives -1, which is below 0.5 — so the If thought it was a side face and showed the stripe anyway. Abs just removes the minus sign. So -1 becomes +1. Now the bottom cap looks exactly the same as the top cap to the If node both read as +1, both are above 0.5, and both get their stripes blocked. The side faces still read as 0 after Abs, which is below 0.5, so they still show the stripe normally.

Click the button above, it will automatically copy blueprint in your clipboard. Then in Unreal Engine blueprint editor, paste it with ctrl + v
Versions
June 2, 2026
  1. Adding comment to adding masks

  2. Updated with comments section

  3. Fixed issue that had stripes on the top of the item and bottom of the item.

    Think of the Dot Product as a "how much is this face pointing up" meter. It goes from -1 to +1:

    Top cap = +1 (pointing straight up)
    Side faces = 0 (pointing sideways)
    Bottom cap = -1 (pointing straight down)

    The If node checks whether that number is above 0.5. If it is, no stripe. If it isn't, show the stripe.
    The top cap gives +1, which is above 0.5 — so the stripe gets blocked. That's why the top was already fixed.
    But the bottom cap gives -1, which is below 0.5 — so the If thought it was a side face and showed the stripe anyway.

    Abs just removes the minus sign. So -1 becomes +1. Now the bottom cap looks exactly the same as the top cap to the If node — both read as +1, both are above 0.5, and both get their stripes blocked.
    The side faces still read as 0 after Abs, which is below 0.5, so they still show the stripe normally.

  4. Adding comments boxes

  5. First commit

    See