Number of visitors online: 

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

Gradient Kaleidoscope Tiles Tutorial

Page 2


OK, now for the fun.  With your gradient angle set to 225, fill your image with your new Raspberry Metallic Gradient.


The next step is to apply the Spiky Halo effect by changing the settings in the Spiky Halo dialog box (see screenshot 4).



(screenshot 4)

After applying the Spiky Halo effect, your image should look like the image in screenshot 5.  I want you to save this image and name it Tile 1.  Then make a copy of it (Shift+D), close the original and continue with the copy.



(screenshot 5)

OK.  Now we're going to copy and paste our image into a larger image, flipping and mirroring it as we go.  Copy (Ctrl+C) the 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 6, which is only the top half of the larger image in order to save load time.



(screenshot 6)

Now I want you to paste (Ctrl+V) your image into the larger image and move it up to the upper right corner and click on the Image menu, and Mirror.  Carefully match up the new section in the upper right corner with the section in the upper left corner so that they appear seamless in the top center of your larger image.  See screenshot 7, which is also only the top half of the larger image in order to save load time.



(screenshot 7)

Next I want you to paste (Ctrl+V) your image into the larger image and move it to the bottom left corner and click on Image menu and Flip.  Again, carefully match the top of this new section with the bottom of the section in the top left corner  (see screenshot 8).



(screenshot 8)

Lastly, I want you to paste (Ctrl+V) your image into the larger image and move it to the bottom right corner and click on Image menu and Mirror, and then Image Menu and Flip.  Carefully match the top of this last section with the bottom of the section in the top right corner AND carefully match the sides of the two bottom sections so they appear seamless in the bottom center of your larger image.  At this point, 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 9).



(screenshot 9)

Once you have gotten your selection, click on the Image menu and Crop To Selection, which will give you your newly created metallic gradient tile that can be used for any kind of background . . . either as the background of an image or as the background of a web page.  (see screenshot 10).  Save this new tile and name it Tile 2.



(screenshot 10)

OK, let's continue on to Page 3 for the next group of steps for making some alternative looking tiles, including the tile at 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.