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. See all posts by: Max Stanworth
Freebie: Tiled Ornamental Twitter Background
Ultimate resources for grunge design a massive collection
Create a stunning grunge background – A video Tutorial
16 Great Photoshop Light Effect Tutorials
25 Examples of Clean and Well designed Web Sites
10 Free Original Hi-Res Fully Stained Paper Textures
5 Free Hi-Res Stock Picture Frame Images
20 Free Hi-Res Yellow Grunge Concrete Textures
25 Examples Of Light Effects In Web Design
11 Great Photoshop Photo Effects Tutorials
25 Examples of Light and Space Effects In Web Design
19 Awesome Photoshop Text Effect Tutorials
Space and Planet Photoshop Tutorials To Create Amazing Space Scenes
Inspiring Grunge Style Big Typography Posters
Ultimate Source for tiled background patterns
Photoshop Brushes | Brushes For Photoshop: Nice! Thank for share!
--------------
...
Tobin: Whew. I can knock off a couple dozen tut...
herbert: A healthy mind in a healthy body....
chesapeake web design: the good die young is awesome...these ar...
GrooveChick {Mel}: I have several free for use.
http://w...
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.
wow, I was just looking for tiled backgrounds, these will come in handy!!!
SWP´s last blog ..Married: Megan & James- Vancouver Wedding Photography
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.
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
Thank you for this list of patterns!
A little randomness among the tiles
http://www.digitalartform.com/archives/2009/05/make_a_maze_in.html
Thanks so much for listing this out :}
awesome collections of sites , there are some cool backgrounds , never thought you create such a professional look using tiled backgrounds
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!
Brilliant, Cheers! Some of those are a bit crazy. When used wisely though they should do the job. I think the best way to use backgrounds is to work with them gradients and splitting up a couple of backgrounds one colour one pattern.
Creare Web Design´s latest blog post..Creare are recruiting! – 10 June, 2009
thanks for sharing these great resources.
Nice collection!
Scarf*oo´s latest blog post..Readability – An Arc90 Lab Experiment
I found your blog on google and read a few of your other posts. I just added you to my Google News Reader. Keep up the good work. Look forward to reading more from you in the future.
great resource, thanks for the list.
this is really great a very useful sites.good thing i stumbled your site.thanks for sharing.
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
Fantastic list!
Ricks´s latest blog post..My musical source of inspiration for 2008
thanks for these :)
here is another good source
http://www.theinspirationgallery.com/wallpaper/index.htm
Thanks for the patterns these can be useful
http://patterns.ava7.com
over 600 patterns ;)
I like the patterns at everyday icons, but unfortunately I don’t read Japanese and can’t run the site through a translator as it’s Flash-based, so I have no idea what their terms of use are :(