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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 21, 2002
posts: 1560
votes: 0

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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 7, 2005
posts: 656
votes: 0

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)

New User

5+ Year Member

joined:Aug 22, 2012
posts: 1
votes: 0

In Photoshop?

I can tell you how to do it in Photoshop…
6:16 am on Oct 1, 2012 (gmt 0)

Senior Member from US 

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

joined:Apr 9, 2011
votes: 739

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)

New User

joined:Oct 4, 2012
posts: 7
votes: 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.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members