background patterns and tiled background patterns

Repeating background patterns and images, patterns such as these can be used for a host of things such as a web page backgrounds, or adding that extra detail to a containing block, adjust the visibility and you’ve got a great new look for some thing that would normally look quite plain.

Here you’ll find some tutorials on how to create your own patterns and some resources to download patterns.

Download Patterns

Below are a few sites that have huge collections of background patterns for you to download and use for free.

Brusheezy Patterns

Deviantart Patterns

Squid Fingers Patterns

Pattern 8

Patterns Ava7

Din Pattern

Everyday Icons Patterns

Pattern Cooler

k10k Pixel Patterns

Noqta Patterns

Make your own patterns online

Make you own custom patterns online and downlaod them, or use someone elses as a base for you own creation.

Stripe Mania

Bg Patterns

Stripe Generator

Tutorials

A collection of useful tutorials on how to create repeating background patterns of your own.

Ps Hero Complex patterns pt1 – Creating complex patterns pt1
Complex patterns pt2 – Ps Hero Creating complex patterns pt2
Design Sponge – A Nice example of how to repeat a complex pattern
Digital Arts – How to create a complex pattern illustrator swatch
Tutorials 2.0 – Creating a tiled background in Photoshop
Youtube Tutorial – Easy video tutorial on creating a tileable background image

Other Resources about patterns

Textures and Patterns Design Showcase – Smashing magazine shows web sites that use background patterns, massive show case

There’s probably a lot more sources out there and id love to know about them, so if you’ve seen any awesome pattern sites or tutorials on how to create patterns feel free to leave a comment where they can be found and ill add them to the list, hope this has been useful.

Author of this post: Max Stanworth

Iam the creator and editor of Design Shard, I created this blog to post my inspirations, work and free resources that I hope others find interesting too you can also follow me on twitter @designshard. See all posts by: Max Stanworth

70 Comments (Leave a Comment)

Ethan@Wireless Laser Printer

January 27, 2012

I like this collection of patterns. Used to search on google but now I have specific places to search for info and material related to this. Great share.
Reply
harga handphone baru

December 30, 2011

Nice site and great graphic
Reply
nlp

December 23, 2011

Thanks for sharing such a nice background template.. I was looking for that..
Reply
Jeff

@whatswithjeff April 24, 2011

Nice backgrounds! thanks for sharing ^_^
Reply
Mr Price

February 6, 2011

Thanks for sharing such a nice background template.. I was looking for that..
Reply
Fathur

January 27, 2011

CoolZ Dudes , thanks for sharing,,
Reply
Kimi

October 21, 2010

Love the skulls!

Thanks for sharing. I love that kind of grunge look.
Kimi´s last [type] ..Hover Effect Comment Avatar WordPress
Reply
Paul

October 21, 2010

Thanks for sharing, I really needed to find some stuff to jazz up my site s bit!
Paul´s last [type] ..Choosing A New Sofa
Reply
ande

October 20, 2010

I like most the “Squid Fingers Patterns”. soft but sure :)
ande´s last [type] ..Diet Golongan Darah
Reply
njmehta

September 3, 2010

a must-look reference for background graphics From the page: “An excellent resource for repeating background patterns / images, patterns such as these can be used for a host of things such as a web page backgrounds, or adding that extra detail to a containing block, adjust the visibility and youâ€ve got a great new look for some thing that would normally look quite plain.”
njmehta´s last [type] ..why us
Reply
Kevin32

August 7, 2010

Nice thik you
Reply
- diet cara alami
  
  January 11, 2012
  
  very nice pattern..
  I like most the “Patterns coolers” cool and colourful
  diet cara alami´s last [type] ..DISTRIBUTOR HERBALIFE INDONESIA
Edi

July 3, 2010

Nice site and great graphic
Reply