Miss B's Graphics — http://missbgraphics.com/psp/tuts/MetalTiles/

Gradient Kaleidoscope Tiles Tutorial

Page 3

OK, now we're going to reopen our Tile 1, make a copy (Shift+D), close the original and using the copy, continue to create yet another look for your background tiles.

The next step is to apply the Kaleidoscope effect as follows.  Click on the Effects menu and then Reflection Effects and finally Kaleidoscope.  Change the settings in the Kaleidoscope dialog box as shown in screenshot 11.

After applying the Kaleidoscope effect, your image should look like the image in screenshot 15.  Save this new tile as Tile 3.  Make a copy of Tile 3 (Shift+D), close the original and continue with the copy.

OK.  Now we're going to copy and paste the kaleidoscope image into a larger image, though we won't have to do any flipping and mirroring as we did to create Tile 2.  Copy (Ctrl+C) the new kaleidoscope image and then click on the Image menu, Canvas Size, and making sure that center horizontally and vertically are both UNCHECKED, change the size of the image to 400 x 400.  This will automatically place your image in the upper left corner of the new larger image.  See screenshot 13, which is only the top half of the larger image in order to save load time.

Now I want you to paste (Ctrl+V) your image into the larger image and move it up to the upper right corner, carefully matching up the sides of these two sections in the top center of the larger image.  See screenshot 14, which is also only the top half of the larger image in order to save load time.

Next I want you to paste (Ctrl+V) your kaleidoscope into the larger image and move it to the bottom left corner, matching it up to the bottom of the section in the top left corner  (see screenshot 15).

Again, for the last step, I want you to paste (Ctrl+V) your kaleidoscope into the larger image and move it to the bottom right corner, matching it up to the bottom of the section in the top right corner AND matching the sides of the two bottom sections in the bottom center of the larger image.  As we did while creating Tile 2, I want you to select the center portion of this larger image by double-clicking your selection tool and entering the following coordinates:  Left=100, Right=300, Top=100, Bottom=300.  If you're careful to keep your larger image size at 400 x 400, these coordinates will always select the center 200 x 200 pixels which will result in a perfectly tileable image.  (see screenshot 16).

Once you have gotten your selection, click on the Image menu and Crop To Selection.  I want you to save this as Tile 4 (see screenshot 17).

OK so far we have 3 different tileable background images (Tile 1 will NOT tile correctly as it is), and if you wish to continue on to Page 4, I will show you how I made the tileable image on the top of the first tutorial page.

This web site created and maintained by Miss B's Graphics.  All graphics and page design within this domain are made by and copyrighted to Miss B's Graphics, and unless otherwise stated, are NOT to be copied or removed from this site without express written permission from the owner of Miss B's Graphics.