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

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

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

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections