"Making You Sleepy" Tile
tutorial by Whisper

This tutorial was created and put on this site on September 21, 2004.
It is property of and ©2001-2004 to Whisper's Web Works.
Terms of Use

For this tutorial you will need:
Paint Shop Pro  ~ download a trial version.

Open a new image:
9 x 10 pixels
Transparent
16.7 Million colors

Set your colors to solid fill and two contrasting colors,
I am using #000000 (black) and #F0F0F0 (very light gray).

Select your paint tool and set to:
Size 1
Hardness 100
Step 1
Density 100
Opacity 100

Paint a 1 pixel wide stripe down the left side with the black.

Select your magic wand and set to:
Tolerance 0
Feather 0
Anti-alias unchecked

Click inside the empty area.

Flood fill the selection with the light gray.

Selections > Select none.

Open another new image:
9 x 10 pixels
Transparent
16.7 Million colors

Paint a 1 pixel wide stripe down the left side with the light gray.

Using your magic wand click inside the empty area.

Flood fill the selection with the black.

Selections > Select none.

Now you should have two images that are opposites.

Open another new image:
99 x 20 pixels
Transparent
16.7 Million colors

Set your selection tool to:
Rectangle
Anti-alias unchecked
Feather 0

Starting at the top left click and drag to the far right middle.
Watch the numbers at the bottom for guidance.
(Start at 0,0 and end at 99,10.)

Select your flood fill tool.

Set your foreground to pattern fill with these settings:
First image - the black stripe
Angle 0
Scale 100

Flood fill the selection.

Selections > Invert.

Set your foreground to pattern fill with these settings:
First image - the gray stripe
Angle 0
Scale 100

Flood fill the selection.

Selections > Select none.

You will not need the first two images so you can minimize or close them.

Open another new image:
100 x 100 pixels
Transparent
16.7 Million colors

Select your flood fill tool.

Set your foreground to pattern fill with these settings:
Latest image - long double strip
Angle 0
Scale 100

Flood fill your image.

You will not need the long double strip image so you can minimize or close it.

Effects > Distortion effects > Wave > these settings:
Horizontal Amp 10
Horizontal Wave 100
Vertical Amp 10
Vertical Wave 100
Edge mode Wrap

Image > Canvas Size > these settings:
Width 200 pixels
Height 200 pixels
Placement - top left button

Layers > Duplicate.

Image > Rotate > Free rotate > Right, 90 degrees (all & center unchecked).

Using your mover tool move the top piece to the right of the original piece.

In your layer palette right click on either layer and Merge > Merge visible.

Layers > Duplicate.

Image > Flip.

Image > Mirror.

In your layer palette right click on either layer and Merge > Merge visible.

Save in your preferred format and your tile is ready for use.

Page 2 for examples made by my testers.

Back     ~     Tutorial Index     ~     Next