7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

How to Create a Stripe Brush in Photoshop

Scroll to top
Final product imageFinal product imageFinal product image
What You'll Be Creating

Do you like creating fun Photoshop brushes? Then keep reading, because in this tutorial I'll show you how to create a Photoshop stripe brush from scratch.

If you need custom Photoshop brushes for your project, you should visit Envato Elements. One subscription gives you access to millions of creative assets, including this set of halftone brushes:

Abstract Halftone Photoshop BrushesAbstract Halftone Photoshop BrushesAbstract Halftone Photoshop Brushes

What You'll Learn in This Photoshop Stripe Brush Tutorial

  • How to create stripes in Photoshop
  • How to create a Photoshop stripe pattern—both horizontal and diagonal
  • How to create stripes texture in Photoshop from scratch
  • How to turn a Photoshop stripe pattern into a Photoshop stripe brush

1. How to Create a Horizontal Photoshop Stripe Brush

Step 1

Create a New File using the dimensions 200 x 50 px and a white background.

create a new filecreate a new filecreate a new file

Step 2

Press D to reset the swatches. Go to Image > Canvas Size, set the Height to 100 px, and Anchor it to the top. Make sure the Canvas extension color is set to Foreground (black).

resize the canvasresize the canvasresize the canvas
stripe templatestripe templatestripe template

Step 3

Go to Edit > Define Pattern and name it Stripe.

define new patterndefine new patterndefine new pattern

Step 4

Create a New File using the dimensions 3000 x 3000 px and a white background.

create a new filecreate a new filecreate a new file

Step 5

Open the Brushes palette and pick the brush that you'd like to use as a base for your stripe brush. I recommend Kyle Ultimate Pastel Palooza from the Dry Media Brushes set—it will give you a nice grunge effect.

pick a brushpick a brushpick a brush

Step 6

Go to the Brush Settings. Go to the Texture tab and replace the texture with your new Stripe pattern.

add stripe pattern to brushadd stripe pattern to brushadd stripe pattern to brush

Step 7

Lower the Depth until the stripes become visible. Then adjust the other settings to create the effect you need.

adjust depthadjust depthadjust depth
horizontal stripe brushhorizontal stripe brushhorizontal stripe brush

Step 8

If you're happy with the effect, click the plus icon on the bottom and give your new brush a name.

new brush presetnew brush presetnew brush preset

2. How to Create a Diagonal Photoshop Stripe Brush

Step 1

If you want a diagonal stripe brush, you need a slightly different approach. Create a New File using the dimensions 200 x 200 px and a white background.

create new filecreate new filecreate new file

Step 2

Take the Rectangle Tool (U). Set the Mode to Shape and Fill to Black.

adjust shape settingsadjust shape settingsadjust shape settings

Step 3

Click somewhere on the canvas and set Width to 200 px, Height to 100 px.

create new rectanglecreate new rectanglecreate new rectangle

Step 4

Select both layers, take the Move Tool (V), and Align Horizontal and Vertical Center.

adjust rectangle positionadjust rectangle positionadjust rectangle position
pattern basepattern basepattern base

Step 5

Select the Shape layer alone, and press Control-T. Set Vertical Skew to 45 or -45 (depending on which direction you prefer). Press Enter twice.

skew the rectangleskew the rectangleskew the rectangle
diagonal pattern basediagonal pattern basediagonal pattern base

Step 6

Go to View > Pattern Preview and click OK. Then go to Edit > Define Pattern and name it Diagonal Stripe.

diagonal stripe patterndiagonal stripe patterndiagonal stripe pattern
create new patterncreate new patterncreate new pattern

Step 7

You can now apply this pattern to a brush the same way as before.

adjust brush settingsadjust brush settingsadjust brush settings
diagonal stripe brushdiagonal stripe brushdiagonal stripe brush

Good Job!

Now you know how to create a stripes brush in Photoshop! Here I used this cool image to show you how the stripes brush in Photoshop would look. Remember that you can create a lot of different effects by using different brushes for your base.

stripe brush photoshop final effectstripe brush photoshop final effectstripe brush photoshop final effect

5 Custom Photoshop Brushes From Envato Elements

If you need other geometric and stripe brushes, you can save yourself a lot of time by getting them directly from Envato Elements' brush library! Here are a few propositions:

Waves of Particles Photoshop Brushes  (ABR, PNG)

Waves of Particles Photoshop BrushesWaves of Particles Photoshop BrushesWaves of Particles Photoshop Brushes

If you want to add some random but clean waves to your image, you'll be very happy with what this set can do! It includes ten brushes, as well as ten PNG images that you can use right off the bat.

60 Dispersion Photoshop Stamp Brushes (ABR)

60 Dispersion Photoshop Stamp Brushes60 Dispersion Photoshop Stamp Brushes60 Dispersion Photoshop Stamp Brushes

If you like that grunge effect I created in my final effect, you will love this set—it contains as many as 60 brushes that give you limitless possibilities to edit your photos.

Circle Brushes (ABR)

Circle BrushesCircle BrushesCircle Brushes

How about circles? These ten abstract brushes will help you get really creative with your projects. They will look especially good with some glow on them!

Particles With Connected Lines Photoshop Brushes (ABR, PNG)

Particles with Connected Lines Photoshop BrushesParticles with Connected Lines Photoshop BrushesParticles with Connected Lines Photoshop Brushes

If you want to make the background in the image look less empty while keeping it neat and clean, these brushes will help you achieve this goal! This set contains ten brushes with abstract meshes of particles.

Noise Particle Photoshop Brushes (ABR, PNG)

Noise Particle Photoshop BrushesNoise Particle Photoshop BrushesNoise Particle Photoshop Brushes

Fill your image with some noise using these ten brushes! You can use them to make the photo look more detailed, or for a number of creative colorful effects.

Explore More Photoshop Brush Tutorials

If you liked this tutorial, you may also enjoy these:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.