[thelist] bg image: making it tile

John Corry webshot at neoncowboy.com
Sat Jun 3 16:53:47 2000


I've done a whole bunch of this, making seamless textures for 3D models.
Naturally, seamless means...well, seamless.

I think PS 5.5 has an actual seamless tile tool, but I've never used so I
can't really explain it. It may make it real easy, but it's already pretty
simple.

Your tools for this exercise will be:
Filter >> other >> offset
&
Rubber Stamp

Much of the work will be trial and error, so don't get discouraged.

Use the offset filter with the option for Undefined Areas set to Wrap
around. this will cause the image to...OK, I can't quite articulate what it
causes the image to do but try it and you'll see what happens. Set the x and
y values at 50% of the width and height of the tile.

So, now that you have the edges of the image in the center instead of at the
edges, use the rubber stamp tool (along with noise, blur, distortion, etc.)
to hide the defined edges. Beware of excessive noise creating new hard edges
within the image.

I've found that after applying the offset, the more subtle my changes to the
tile, the better.

hth,
John Corry
Neon Cowboy Design
http://www.neoncowboy.com

> -----Original Message-----
> From: thelist-admin@lists.evolt.org
> [mailto:thelist-admin@lists.evolt.org]On Behalf Of Erika Meyer
> Sent: Saturday, June 03, 2000 10:36 AM
> To: thelist@lists.evolt.org
> Subject: [thelist] bg image: making it tile
>
>
> so I've got this pattern that I would really like to tile as a
> background image or whatever.  It doesn't line up, quite.
>
> I seem to remember someone showing me a Kai's plug in that helped
> make a tile... I know there's a way to do it by hand but ...
> I can't remember.
>
> The pattern is fairly regular, but it is taken from a handpainted
> image so it isn't 100%.
>
> thanks,
>
> Erika
>
>
> <tip type=css1 author="erika">
>
> if you are using HTML4 transitional DTD and
> CSS to control fonts, do it thus:
>
> 1. put all font designations into CSS
> including link color, visited color, active color & hover (if applicable).
>
> 2. if you want, for 3x browsers, put equivalent colors into "body" tag.
>
> 3. do not use <font> tags!
>
> 4. validate.
>
> css
> http://jigsaw.w3.org/css-validator/
> html
> http://validator.w3.org/
>
> </tip>
>
>
>
> erika@seastorm.com
> http://www.seastorm.com
>
> ---------------------------------------
> For unsubscribe and other options, including
> the Tip Harvester and archive of TheList go to:
> http://lists.evolt.org Workers of the Web, evolt !
>