I found this brilliant tiled background,. How can I do one like it?

LD
Posted By
Lila Duncan
Dec 3, 2004
Views
318
Replies
5
Status
Closed
I was surfing the web, looking for something else entirely when I came upon this page. http://www.offthemark.com/computers.htm
I’m fairly new to web design and have been developing an interest in tiled backgrounds but the one on this page has really got me hooked!

Please can anyone tell me what method is used to structure such an irregular and asymmetrical design so that it can tile so precisely? Is there a more appropriate NG I should ask on?
—
Lila Duncan
Related Tags
background how tile

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

PI
Planet Internet Nieuws
Dec 3, 2004
I don’t know if there are other options but…
You could try in CS; menu>filter>patternmaker (alt+shift+ctrl+x) play around with the setting and you might end up with a more or less seamless pattern
Remco

"Lila Duncan" schreef in bericht
I was surfing the web, looking for something else entirely when I came upon this page. http://www.offthemark.com/computers.htm
I’m fairly new to web design and have been developing an interest in tiled backgrounds but the one on this page has really got me hooked!
Please can anyone tell me what method is used to structure such an irregular and asymmetrical design so that it can tile so precisely? Is there a more appropriate NG I should ask on?
—
Lila Duncan
LD
Lila Duncan
Dec 3, 2004
On Fri, 3 Dec 2004 11:50:37 +0100, "nova.planet.nl" wrote:

I don’t know if there are other options but…
You could try in CS; menu>filter>patternmaker (alt+shift+ctrl+x) play around with the setting and you might end up with a more or less seamless pattern
Remco

Thanks, I’ll have a look at that possibility. I didn’t think it would be quite that easy though. I had the impression that the drawing within the original tile would have to be structured in a special way to allow a seamless transition.

"Lila Duncan" schreef in bericht
I was surfing the web, looking for something else entirely when I came upon this page. http://www.offthemark.com/computers.htm
I’m fairly new to web design and have been developing an interest in tiled backgrounds but the one on this page has really got me hooked!
Please can anyone tell me what method is used to structure such an irregular and asymmetrical design so that it can tile so precisely? Is there a more appropriate NG I should ask on?
—
Lila Duncan

—
Lila Duncan
AM
Al Morrison
Dec 4, 2004
Basically, in photoshop cs you can create the image you want. The go to filters other offset and offset your image in the x and y directions. Then on your page insert the following line in the body
background="file"
Al M
Lila Duncan wrote:
I was surfing the web, looking for something else entirely when I came upon this page. http://www.offthemark.com/computers.htm
I’m fairly new to web design and have been developing an interest in tiled backgrounds but the one on this page has really got me hooked!
Please can anyone tell me what method is used to structure such an irregular and asymmetrical design so that it can tile so precisely? Is there a more appropriate NG I should ask on?
LD
Lila Duncan
Dec 4, 2004
On Sat, 04 Dec 2004 04:25:17 GMT, Al Morrison
wrote:

Basically, in photoshop cs you can create the image you want. The go to filters other offset and offset your image in the x and y directions. Then on your page insert the following line in the body
background="file"
Al M

Thanks a lot. I’ll work on it.
—
Lila Duncan
OR
O Ransen
Dec 4, 2004
upon this page. http://www.offthemark.com/computers.htm
I’m fairly new to web design and have been developing an interest in tiled backgrounds but the one on this page has really got me hooked!

You might like to look at the demo of Gliftic which can create tiled patterned backgrounds:

http://www.ransen.com/gliftic/

and

http://www.ransen.com/gliftic/Tiling.htm

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections