Introduction: Make a Tiling Image in Photoshop

Picture of Make a Tiling Image in Photoshop

Learn how to make an image that can repeat in all directions in Photoshop 7.0 or later. Tiling images are great for desktops.

Step 1: Get a Good Picture

Picture of Get a Good Picture

The picture you use should make sense when tiled (for example, tiles). A good example of a bad tiling image is one of a street sign, since you only need one. I used a nice picture of Bacon. You can find a good picture on Google, or you can just use my bacon.

Step 2: Open the Picture

Picture of Open the Picture

Open the picture in Photoshop, or GIMP. I will be using Photoshop 7.0. If using the bacon picture, for inspiration, go make bacon. After making the bacon, stare at it for a while, and eat it before it gets cold.

Step 3: Offsetting the Image

Picture of Offsetting the Image

Since the offset filter doesn't have a "half-image offset" button, we have to find out what half of the pixels of the image are. There are two ways.

1. Go to the "Image" drop-down, and click "Canvas Size". From there, make both of the drop-downs show "percent", and then change the percent to 50. Then, change the drop-downs back to "pixels" and remember the numbers.

2. Go to the "Image" drop-down, and click "Canvas Size". Calculate half of the canvas sizes, and remember the numbers.

Our bacon image is to be offset 190 x 127 pixels.

To offset, go to "Filter", "Other", "Offset..."

Make sure you select "Wrap Around"

P.S. Sometimes, if you have been working on the picture beforehand, make sure to crop the image, and select to delete the cropped out part. This gets rid of any unwanted offsetting.

Step 4: Fix Borders

Picture of Fix Borders

Now that the picture is offset, when I say "borders", I mean the middle of the picture, where it doesn't look right.

There are many ways to fix the borders, but using all of the techniques will have the desired effect.

-Use the Clone Stamp Tool (S)
The Clone Stamp Tool will be used to copy the parts of the picture that are totally different. In the bacon picture, I used it to make the skinny white part be connected through the border.

-Use the Healing Brush Tool (J)
The Healing Brush Tool will help to fix all of the slight discolorations between the "borders" of the picture. In the bacon picture, I used it to make the colors of the red parts be flawless looking.

Step 5: Afterwards

Picture of Afterwards

I then rotated it by 90 degrees, so it would look nicer on my monitor.

Save Your File

Right-click your desktop, select "Properties", go to display, and then "Browse". Select the file, and then select "Tile". Of course, then "Apply"

Comments

cubby40 (author)2009-07-06

Thank you, this is very helpful, you can use this for more than your desktop, you may use it on a website as well.

Dipankar (author)2008-07-15

You can do anything with a photograph in Photoshop. The other name for Photoshop is Photo Manipulation.

karen608 (author)2007-06-16

wo! you really do 'bring home the bacon' huh? why do i now want to go to the kitchen and fry some bacon? :D thanks, really informative for us beginners.

jak06 (author)2007-06-03

or u could use paint and flip the image. then put then all together

betweenthelinez (author)2007-05-06

I luv prosciutto! Just not on my desktop. Oh, and thanks for offering to let us use your bacon.....in the end it looks kinda like a partial American flag made of meat...

a_d777 (author)2007-05-01

wuff !!! u use norton antivirus!!! pretty good idea ...

quicumque (author)2007-04-30

Wow. That's a pretty sick (as in gross) background. Good idea though.

ewilhelm (author)2007-04-26

Add a screenshot of your tiled background image.

darth2o (author)ewilhelm2007-04-27

there, but the "print scrn" I took isn't really of high caliber (quality)

About This Instructable

111,750views

11favorites

License:

More by darth2o:Getting more paper towel from that automatic paper towel dispenserCut your Wii remote skin so it fits with your Nyko chargerPlaying Card Wallet
Add instructable to: