(Click on the above graphic for an 
explanation of the FBN skill ratings.)  

The original idea for this tutorial came from Mahogany's Ceramic Tile Tutorial. Unfortunately, Mahogany has taken her tutorials down, so they are no longer available.

For this tutorial you will need:
Paint Shop Pro7, get it here.
Super BladePro, get it here. (You can also use BladePro.)

My Super BladePro preset, get it here.
(Download and extract to your Super BladePro environments and textures folder.)
My BladePro preset, get it here.
(Download and extract to your BladePro environments and textures folder.)

My tutorials are graphic intensive since I use a lot of screen shots, so please be patient and give this page time to load completely.

Ready? Let's go.....

1. Open a new image, 200 x 200, transparent background, 16 million colors. 

2. Double click on your selection tool and enter the following settings:

3. Zoom in on your image (a 4:1 proportion works for me), and flood fill your selection with black:

4. Repeat steps 2 and 3, changing your settings to:
Left: 99
Right: 100

5. Repeat steps 2 and 3, changing your settings to:
Left: 149
Right: 150

6. Repeat steps 2 and 3, changing your settings to:
Left: 199
Right: 200

You should now have this (I added a white background to make is easier to see the lines):

Now we're going to repeat all these steps for the horizontal lines.

7. Double click on your selection tool and enter the following settings:

8. Zoom in on your image (a 4:1 proportion works for me), and flood fill your selection with black.

9. Repeat steps 7 and 8, changing your settings to:
Top: 99
Bottom: 100

10. Repeat steps 7 and 8, changing your settings to:
Top: 149
Bottom: 150

11. Repeat steps 7 and 8, changing your settings to:
Top: 199
Bottom: 200

You should now have this (I added a white background to make is easier to see the lines):

 

12. Rename Layer1 to "grout".

13. Add a new layer and name it "tiles". Drag this layer below your "grout" layer.

14. Make your "grout" layer active.

15. With your magic wand, tolerance set to 10, click on a section of the black lines you have in your image (The "marching ants" should appear and surround all of your black lines.)

16. Invert your selection and activate your "tiles" layer. DO NOT DESELECT!

17. Flood fill with white. Deselect.

18. Click on your magic wand and while holding down your shift key click on 4 squares - you want them staggered, but try to get one in each column and one in each row.  You should have 4 squares selected. Flood fill with a bright color. I used Red: #B41A49.

19. Deselect and repeat step 18, choosing 4 different tiles. Flood fill with a bright color. I used Blue: #2024B8.

20. Deselect and repeat step 18, choosing 4 different tiles. Flood fill with a bright color. I used Purple: #88188C.

21. Deselect and repeat step 18, choosing 4 different tiles. Flood fill with a bright color. I used Green: #008000.

You should end up with something similar to this:

22. Make sure your "tiles" layer is active.

23. Click on Selections/Select All; Selections/Float; Selections/Defloat. Your tiles should now have the "marching ants" around them.

24. Make sure your "tiles" layer is still active and go to Effects/Plug In Filters/Flaming Pear/BladePro.

25. Find the preset named "ceramic_tile.q9q".  (If you are using Super Blade Pro find the preset named "ceramic_tile.q5q".) Click OK.

You should end up with one of the following. The sample on the left is using BladePro, the sample on the right is using Super BladePro.

       

26. Activate your "grout" layer.

27. Click on Selections/Select All; Selections/Float; Selections/Defloat. Your black lines should now have the "marching ants" around them.

28. Click on Selections/Modify/Feather and enter 1.

29. Flood fill with black, or any color of your choice. (If you choose white flood fill your selection twice to cover the existing black better.)

30. To lighten your image, add a new layer and flood fill with white. Drag this layer to the bottom of your layer palette.

31. Lower the opacity on your "tiles" layer to get the desired effect.  The sample on the left was lowered to 75, the sample on the right was lowered to 50:

        

32. Once you're happy with your image, merge all layers and save in the format of your choice.

You now have a "ceramic tile" image that is seamless and can be used "as is" for any background.  I resized my image by 50% for a smaller "tile" to use on this page.

You can get different effects by trying different colors (I found that pale shades don't work very well) or all the same color.

I also used my "ceramic tile" image to create the "swirl" background for this page by applying the Eye Candy Swirl effect and following the directions from Part II of my Background Tutorial for making a seamless pattern out of just about any pattern you make with PSP.

 

This tutorial was featured at FlyByNightGraphics.



people have visited this site...including you!

All Art Work & Graphic Designed by Cathy
Copyright © 1999 -2003 by Cathy. All rights reserved.
Revised: April 06, 2008.

My pages are designed to be viewed with Internet Explorer.

 

Thanks for stopping by Cathy's Corner!  I hope you enjoyed your visit...come back soon!