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)

Pamela

@pamelajacob June 14, 2010

You are amazingly talented – thank you for some wonderful stuff!
Reply
Craig Leontowicz

@craigleo March 31, 2010

Thanks for the additional tips and tut’s links!
Reply
Digital Extreme Media Group

March 23, 2010

Great tool thanks for sharing.
Reply
ktown

March 16, 2010

thanks for sharing these links.
Reply
Angelika Whitham

February 25, 2010

Lots of Fantastic information in your post, I favorited your site so I can visit again in the near future, All the Best
Reply
Jason

@#redgraffix February 25, 2010

Great site, awsome resource for designers
Reply
Oscar Remigio

February 9, 2010

Klasse Blog ! Echt gute Beiträge ! Auf http://www.kostenlos-runterladen.net findet ihr alles zum runterladen, neue Filme / Musik / Programme, einfach alles !
Reply
Graig Kuwana

January 28, 2010

Nice site by the way. I didnt know what comment luv did until i found this website via google so will add it to my own blog.
Reply
Daniel

January 9, 2010

Nice job on the design for this page. It really kicks ass! I liked the color chosen, and the layout the best. Awsome!

Daniel Schmidt
Reply
revizyon ile organize matbaacılık brnckvvtmllttrhaberi

December 6, 2009

thex admin i used this sited

revizyon ile organize matbaacılık brnckvvtmllttrhaberi

sikiş
sikiş
sikiş
Reply
Tanya

@JazzyPatterns November 4, 2009

Nice list of pattern resources!

You can add my pattern site too if you like it: http://www.jazzypatterns.com. Most patterns have free version for non-commercial use.
Reply
SWP

November 4, 2009

wow, I was just looking for tiled backgrounds, these will come in handy!!!
.-= SWP´s last blog ..Married: Megan & James- Vancouver Wedding Photography =-.
Reply
nakliyat

November 3, 2009

Is this theme compatible with wordpress 2.3.3? Please send me an email (you have it) and let me know as I would like to use this.
Reply
Martin Angelov

@tutorialzine October 1, 2009

Just googled my way here. This is exactly what I’ve been searching for. Thanks!
.-= Martin Angelov´s last blog ..A Fancy AJAX Contact Form =-.
Reply
Sue

@neoplanet9 September 9, 2009

Thank you for this list of patterns!
Reply
Joseph Francis

@digitalArtform August 6, 2009

A little randomness among the tiles

http://www.digitalartform.com/archives/2009/05/make_a_maze_in.html
Reply
Helena

July 17, 2009

Thanks so much for listing this out :}
Reply
Jake Wedding

July 14, 2009

awesome collections of sites , there are some cool backgrounds , never thought you create such a professional look using tiled backgrounds
Reply
John

July 10, 2009

Many thanks for these. I had no idea all these sites existed! – Have seen sites using fancy backgrounds and had assumed that they had paid a graphic designer!
Reply
Scarf*oo

March 29, 2009

Nice collection!

Scarf*oo´s latest blog post..Readability – An Arc90 Lab Experiment
Reply
wazime

February 22, 2009

great resource, thanks for the list.
Reply
software developement

February 9, 2009

this is really great a very useful sites.good thing i stumbled your site.thanks for sharing.
Reply
Chris

January 19, 2009

Really, really useful list of resources here. Thanks very much, perfect to find a new background image for my blog!

Chris´s latest blog post..Retro Remakes hacked
Reply
Ricks

December 1, 2008

Fantastic list!

Ricks´s latest blog post..My musical source of inspiration for 2008
Reply
rendrd

November 26, 2008

thanks for these :)

here is another good source

http://www.theinspirationgallery.com/wallpaper/index.htm
Reply