Line25

12 Free Repeating Pixel Patterns for Photoshop

Read the full post

Repeating patterns are a great resource to add detail and texture to any website or interface design. Download this free pack of 12 pixel based patterns, including diagonal lines, dots and tessellating shapes for use in your future design projects.

Pattern swatch previews

Diagonal lines pattern

Diagonal lines pattern

Diagonal lines pattern

Grid pattern

Grid lines pattern

Grid lines pattern

Dots pattern

Dots pattern

Dots pattern

Zig zag pattern

Cross hatch pattern

Diagonal zig zag pattern

All the patterns are contained within a Photoshop .pat file. Select the Fill tool then change the drop down box from Foreground to Pattern. In the pattern selection box click the small options arrow and select Load Patterns. Once the pixel patterns have been imported, they can then be used with the Fill tool, or along with layer style effects such as Pattern Overlay.

Download the Photoshop pattern file

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • Sahan

    Thank you

    • GOD

      GOD BLESS

  • http://www.designbyarm.com designbyarm

    Hard to find this kind of pattern in the cyberworld :) Thanks you.

  • http://www.flickr.com/ashkingston Ash Kingston

    Love them chris will work great on a site!

  • http://twitter.com/designeronduty Sergei Tatarinov

    You are better than Santa, Mr. Spooner! :)

  • http://www.krishnasolanki.co.uk/ Krishna

    awesome.. saves me some time! :) thanks…

  • http://www.catnipcreations.co.za Markus

    Cool ide for a freebie :) Thanx.

  • http://www.hackproject.com Hackproject.com

    Great freebie, thanks Chris.

  • Cameron D

    Just in time for Christmas! Thanks Chris!

  • Brian Jones

    Thanks for the share Chris!

  • http://www.sojourning.us .tif

    Thanks so much for these! Just waht I was looking for! :)

  • http://www.freedomstudios.co.za Graham

    Aswesome stuff Chris – these are going to be super handy!

    Thanks for them :)

  • Susan

    How do you then apply color changes to the pattern? I haven't been able to figure that out….

    • http://twitter.com/chrisspooner Chris Spooner

      To change the colours you would ideally use them along with Photoshop's blending modes. For instance you could set the pattern to Multiply, then place a red fill over the top set to Screen (or something along those lines!)
      You could also use the Pattern and Color Overlay options in the layer styles window.

      • @torchlessrunner

        I just press ctrl (pc) & layer tbumbnail to load a selection then choose fill bucket with new colour. Use opacity or fill % to adjust if needed with blend modes.

  • PRATEEK GUPTA

    great patterns chris

  • http://www.seventhfury.com Matt Johnson

    Thanks for sharing Chris!! :D

  • http://www.twitter.com/rossmacks Ross Macks

    Cheers Chris, you've saved me a lot of time :D

  • http://felipecoelho.net.br felipe

    awesome!! good stuffs

  • http://www.leegustin.com Lee Gustin

    Simple yet extremely useful! Thanks a ton

  • http://joshcaza.com Joshua Chase

    You must have been reading my thoughts. I've been looking for this. Specifically the dots pattern, I wanted to use it for a specific layout and here it is along with all the other goodies. Thank you. This it truly dope.

  • http://tomdurkin.me Tom Durkin

    Just what I've been looking for thank you so much!

    PS – love the layout of the site.

    Tom

  • http://www.jamessteer.com James

    I was just looking for something like this, nice.

  • tripdragon

    Oooorrr Ya'lls could just make your own and choose your own color. But having a nice starter list is a good thing to bounce off of.

    Too bad PS sucks at real live feedback on creating them without having to keep creating them from a selection in the menu list and reopening the layer style to assign.

    Someone write a plugin that creates a realtime view of a tile. THAT would be something.

  • ABDUL JANOO

    good work………… but I am waiting for j query tut

  • http://blog.hallofhavoc.com Alfonse Surigao

    This is perfect! Thanks Chris.

  • http://jrutlanddesign.co.uk Jrutlanddesign

    could always come in handy! good post

  • http://sideradesign.com paul

    cheers mate!

  • http://www.oddity.quirkdesign.co.uk Lisa

    Thankyou, thankyou, thankyou! I've now finally worked out what I've been doing wrong when it comes to making patterns.

  • http://behance.net/glomers glauber

    Nice! Thanks

  • http://www.brainchildcollective.com Joe Akers

    Thanks much, Chris!

  • http://www.chriswalton.co.uk Chris

    Thanks for the patterns, can never have too many in your creative box!

  • gato

    Love it!

  • http://www.buzz-webdesign.co.uk Buzz

    Very handy, I always struggle with creating these, simple as they seem. Thanks for sharing

  • Tony

    Thanks but.. why all the patterns comes with a white background?

  • http://greengraphicsandgifts.com secondbassman

    Thanks a ton, Chris. These are terrific.

  • http://nfxdesign.com Laurence

    This is awesome. You sir are a scholar and a gentleman. Thank you

    Laurence

  • http://twitter.com/idilciise Idil

    These are great. Thank you so much.

  • http://hopeless-rpg.de Manuwl

    Nice,
    thank you very much. This sort of Pattern are really useful.

  • http://slootenweb.nl Marco Slooten

    Thanks for these patterns! As simple as they might seem, some of them are actually not that simple to make. And they're quite effective!

    They've inspired me to create a set of line/simple shape patterns too. For all those interested, you can find them on: http://slootenweb.nl/30_free_and_simple_patterns/
    I think they complement these pretty well.

  • Juan

    Thanks for this share. Merry Christmas.

  • http://www.cgbaran.com Cgbaran

    Thanks they are very useful

  • Espresso

    thanks! they look very nice

    Ive created a pattern-creator-webapp for some experiments:

    http://blackwoolgames.com/patterncreator/

  • http://tek14.com vntrace

    Thansk for this !
    I love this site

  • http://inspirationfeed.co inspirationfeed

    Thank you so much Chris!

  • http://www.clippingpathexperts.com/ Clipping Path Experts

    I have enjoyed the texture most in my Photoshop workflows. Thanks