Research & Development for 3D & the Web

Seamless images for tiling

by on Oct.22, 2011, under Texturing, Web Dev

Creating Seamless textures and Images for tiling.

This process can be used for things like ground textures or a wall or a website background – anything that you want to use a smaller image and repeat it across something many times and have it look as though it joins up in the horizontal and vertical axis neatly.

In Photoshop, grab or create your image, clean it up and then go to Filter > Other > Offset. Choose an appropriate value to offset in the horizonatal and vertical axis and hit OK. This will then offset your image so you can see where the top and bottom meet and left and right sides meet allowing you to clone, clean up the join so that it looks natural.

:texture, Texturing, tilable, tiling

Leave a Reply

You must be logged in to post a comment.

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Blogroll

A few highly recommended websites...

Log In