Creating seamless tiles using the Kaleidoscope Effect

For PhotoImpact X3 (will probably also work with version 12).

Open an image which you want to use as the basis of your tile. I find it's best to use images that only have one or two colours, like the one below. Press CTRL-D to make a duplicate of it - we will then work on the duplicate image, so that the original is unaffected.

Pattern

Select 'Effect', 'Creative', 'Kaleidoscope Effect'.

Pattern

Select one of the nine preview squares and then click 'Options' to go into more detail.

Pattern

You can select any of the fourteen kaleidoscope options at the bottom, and drag the handles in the left window, to adjust the kaleidoscope pattern. Move the box by dragging its left hand edge, resize the box by dragging the handle on the bottom right.

Pattern

Press 'OK' when you are happy with the new pattern, and the image will have changed. Remember to save it immediately with a NEW name, I recommend using 'CTRL-D' at the beginning, to make a duplicate.

Pattern

Press '+' on the numeric keypad four times, to magnify the image to 400%.

Pattern

Most of the time your image will need rotating, so select the 'Transform Tool'.

Pattern

Then select the 'Rotate' button, and choose the angle you wish to rotate the image, then press one of the round arrows on either side. You can then reduce the rotation angle to 0.50 degrees, to fine tune it.

Pattern

Click 'View' and then 'Add a View', to add a second view of the image. You can then zoom into one while leaving the other at the original size.
Press Shift-V to display the rulers on the top and left of the image windows. Put your cursor on the top ruler and hold the mouse button down, then drag downwards - a guideline will appear, and you can move it up and down. Look at the pattern and move the upper line to where you think the top of the repeating pattern should be. Then look for exactly the same part of the pattern below, and move the lower line down there. You can see in image below, I've lined up the lines with the top 'loop' of the pattern, so that I can see that the pixels above the two lines are exactly the same.
Repeat the same thing with the left hand ruler, until you have formed a box around the pattern.

Pattern

Select the Standard Selection Tool.

Pattern

Put the cursor in the top left hand corner of the box you have formed with the guidelines, then drag down to the bottom right corner, to select the pattern. (In the image below, I am halfway across the box.)

Pattern

Press CTRL-C, and then Shift-CTRL-V, to paste the selection as a new image. Then save it.

Pattern

To test out the new tile, create a new image. In this example I've made a 320 x 200 pixel image. Then select the Texture Fill Tool.

Pattern

Then choose 'Select other texture', and open the image you have just saved.

Pattern Pattern

Drag the Texture Fill Tool across the blank image you made previously.

Pattern

You should see something like the following - you can then see if the image tiles properly.

Pattern

As I had to rotate the tile in order to make it tile vertically and horizontally correctly, it was blurred a little during the process. Use 'Photo', 'Sharpen', 'Sharpen...', to sharpen it.

Pattern

Finished.

Pattern

Why use BondWebDesign?

I am a freelance web designer, with five years' experience working with X-Cart, and have run my own X-Cart e-commerce site for the last four years. I offer a personal service and will endeavour to help you with any queries you have about your site's customisation.
I always reply to e-mails within 24 hours, normally within half an hour if I'm at my computer, and my Live Chat button (above) will show you when I'm working on your site, so you can contact me every day to discuss how the site is progressing.