Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Patterned backgrounds

How to create in Photoshop



1:34 pm on Jun 18, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

How do you make those backgrounds with the pattern in them, or whatever you call them. For example the background like Youtube has.


8:13 am on Aug 10, 2012 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member

Do you mean graphically or for the website's code?

Graphically, I would use a paint brush tool and save a tile. If you make it your background file, it should pattern it. But I might have misunderstood your question.


5:16 am on Oct 1, 2012 (gmt 0)

In Photoshop?

I can tell you how to do it in Photoshop…


6:16 am on Oct 1, 2012 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

Youtube!? Here I was just noticing that they've changed to a pure grey background. Can't remember what they used to have. Is it one of those google-style experiments where different people see different things?

There's a little bit of a gradient along the bottom. Is that what you're asking about? If you load up YT's primary stylesheet-- link in the front-page source-- and search for the word "gradient" it goes on for line after line after line.


9:25 am on Oct 8, 2012 (gmt 0)

You can create patterned background using Photoshop software.
First you make a nice pattern using the selection tools and then load the pattern.Then select background layer and using pattern clone stamp you can create a patterned background.

Featured Threads

Hot Threads This Week

Hot Threads This Month