Free Icons Graphics Buttons

This tutorial is meant as a simple way to make stripes in Photoshop. It assumes a basic understanding of Photoshop. Included are various samples of stripes at the bottom of the tutorial, for your use subject to the free (cc) licence.

1. Start with a 200 x 200 pixel box.

2. Set foreground colour to Black and background to white.

3. Using the gradient tool set to Reflected Gradient, drag a gradient from the middle of the image to the top. Use the shift key to get it straight. (For special effects, try an oblique or angled gradient)

4. Got to Filter > Distort > Wave.

5. Set Generators to 999. Wavelength Min and Max to 5. Scale 100%. Type: triangle. Repeat Edge Pixels.

Now you should have nice web 2.0 stripes read to use. You can of course use other colours.

If you wish to have stripes without the gradient do steps 1 and 2 again then:

3. Using the gradient tool set to Linea Gradient, drag a gradient from the bottom of the image to the top. Use the shift key to get it straight.

4. Got to Filter > Distort > Wave.

5. Set Generators to 999. Wavelength Min and Max to 5. Scale 100%. Type: square. Repeat Edge Pixels.

This should give you plain stripes that you can then add to your patterns, Edit > Define Pattern.

Mess around with the settings to create some nice effects!

Gradient Patterns

Gradient 2.0 Stripes.

HONESTY BOX Help support this site - Thanks!