Seamless Tile

For this tutorial you will need:
PSP 7

You will be learning how to make seamless tiles in a few different ways

(this tut is a long one, but it is well worth the learning experience)

Let's get started

The first one you will be learning is the Noise Effect

***Please Note: We will be using the same New Image Setting's through out this entire tut.*** 

 Create a New Image

  

100 x 100 

White Background.

Go to Add Noise

  

 

   Effects >  Noise >  Add

Noise = 100 %

Random = Checked

Click on OK.

 

Now we are going to make the Image a Grey Scale Image

  

Go to Colours > Grey Scale

 This  reduces the colours to 256.

(example below)

  

Note this: To Increase the Colours use

Colours > Increase Colour Depth = 16M (24 bit)

 

Now lets colour the Tile

  

Go to Colours > Colorize

Hue: 245 

Saturation: 169 

Click on OK.

  You now have a basic background tile, using noise. 

 

You can use the Colours > Colorize to create any colour tile you want. Just play around with the Hue and Saturation.

*Instruction's for A Seamless Tile. 

  The larger image (shown below) is the image tile to show a seamless pattern. This effect is accomplished by creating a new image; size: 200 x 200. Have your smaller tile open in PSP and load it into the foreground box by choosing pattern then finding your tile. Flood fill your 200 x 200 canvas. 

A Seamless Tile with Noise

cool, huh?

Let's move on to the next effect.

 

Sculpture Effect

(Frosted Glass) 

 Open a New Image

(remember, we are using the same setting's for a new image with all of them). 

Go to Effects> Texture Effects> Sculpture

 Go to Pattern and use Frosted Glass and

these settings:

Size:100/ Smoothness:0/ Depth:1

Ambience:0/ Shininess:0/ Colour: White

Angle:315/ Intensity:50/ Elevation:30

Click OK.

And there you have it...A background tile using the Glass Effect.

 

 A Seamless Tile with Glass.

On page 2, We will be learning how to create a   seamless tile with Patterns, A seamless background and using the selections tool to create a seamless pattern for your backgrounds.

Now that we have learned how to

make a Seamless Tile,

We are going to accomplish the challenge below.

So let's get started, shall we!!!

Creating Seamless Tiles using Flip and Mirror.

There is also a technique for making any image seamless. By using Image>Flip and Image> Mirror, one is able to produce a seamless image that is an interesting pattern.

By Flipping and Mirroring images and then copying them onto a new image, you will be able to line up the horizontal and vertical edges that will then become a seamless pattern.

The basic technique for this is as follows: 

Create a new image twice the size of the Original Image.

(which will be 200x200) 

Copy the original image and paste it as a new layer on the new image.

Create four new images (on four new layers) which will look like this:

#1 - Top Left 

#2 - Top Right

#3 - Bottom Left 

#4 - Bottom Right

Then use Image> Flip or Image> Mirror on an image and line up that image in its position on the canvas.

The order you will use is as follows:

#1 - Unchanged 

#2 - Mirror

#3 - Flip 

#4 - Mirror, then Flip

Then, Merge all layers, save your image and use as a background.

Ok, let's use the above technique on the image shown below, right click and save as...

  

(This image size is: 100 x 100).

 

Make sure the image is 16M colours: Go to Colours> Increase Colour Depth to 16M colours.

Create a New Image twice the size of the original image:

 

Using these settings:

Width and Height: 200x200.

Background Colour: Red (to be able to see spaces.)

Copy the Original Image: Edit>Copy or use your keyboard (Control + C).

Highlight the New Image:

Layer #1: Paste as a new layer:

 

 Edit>Paste as a New Layer (Control + L). Then, use your mouse to move the image to the Top Left hand corner of the canvas. Make sure there are no red areas at the top or on the left.

Layer #2: Paste as a new layer:

     

Edit>Paste as a New Layer (Control + L). Then use Image>Mirror. Then use your mouse to move the image to the Top Right hand corner of the canvas making sure there are no red areas at the top, right or left of image. If needed re-adjust the Layer #1.

Layer #3: Paste as a new layer:

  

Edit>Paste as New Layer (Control + L). Then use Image> Flip. Then use your mouse to move the image to the Bottom Left hand corner of the canvas making sure there are no red areas at top of this image, to the left or on the bottom. Adjust as needed.

Layer #4: Paste as a new layer:

 

Edit>Paste as New Layer (Control +L). Then use Image>Flip and then Image> Mirror. Then move your image (with your mouse) to the Bottom Right hand corner of the canvas and adjust so that no red is showing anywhere.

Once you are satisfied that no red areas are showing. Go to Layers>Merge All (flatten) and then save your image.

    

Note: You may want to resize your image to create a smaller file size.

Guess What?

 You can now make your very own backgrounds.

Let's give each other a pat on the back.

 

O.K. We are almost done, I promise.

Our last lesson is:

Creating a Seamless Tile using the Selections Tool

 

Save above image by right clicking and save as....

A very cool feature of PSP is the ability to create a seamless pattern from any image by using Selections>Convert to a Seamless Pattern. Although this feature is very easy to use, the skill to develop it, will be in the image you use and the selection you make for the conversion.

Let's create a Seamless Tile

 

Use the image from above, 

Go to Colours>Increase Colour Depth to

16 M colours.

Now use your Selection Tool and Draw a rectangle selection.

 

using the settings below: 

Selection Type: Rectangle

 <II>Feather: 0

Antialias: Unchecked.

 

The result is a seamless image. Although it appears similar to the original image, when you use it as a background, there will be no edges showing, as the image tile is smooth now.

 The Convert to a Seamless Pattern feature takes a selection already made and makes it seamless by using areas surrounding the selection to eliminate the appearance of seams. The best way to learn this feature is to use it and in time you will see how to make seamless images from any graphic.

This is a Seamless Background.

 

Note: You can use any image. Just select an area you want for a background image and then use Convert to Seamless Pattern. The more you use this feature, the more you will find it very useful to create some fantastic backgrounds.

 

I hope you all enjoyed yourself, while learning many way's to create Seamless Tiles to Seamless Backgrounds.

Thank You for taking the time to advance your skills in PSP.

 

Tutorial written by Tearless Filly. Screenshots by Shell 2003
Tutorials Robbie, Lyn & Shell 2002
Page design SLANT Digital 2005