SHOWING repeatable-image: 1 - 3
PAGE: [1]   [NEXT · PREV]

Repeatable Image

Rating: 4.14 out of 5

Repeatable Image Paint Shop Pro tutorial preview image
  • Author: Toby
  • Date Added: Dec 15, 2006
  • Tutorial Views: 10,383
  • Rating: 4.14 out of 5
  • Total Votes: 22
Options » View Tutorial
» Rate Tutorial
» Comments (3)
» Tell a friend

In this Paint Shop Pro 9 tutorial you will learn a very quik an easy way to make a tile or repeatable image. These can be very usefull for patterns or a background for your webpage.

Step 01.

Direct Link

To start from scratch create a new document size 200x200px. Then flood fill it with the color of your choice. I used #9e94f4. Now lets add some balls/bubbles. Effects > Artistic Effects > Balls and Bubbles. This is a really fun tool and you can come up with all sorts of interesting effects. I would recommend click the "Radomize Parameters" button a few times. Its the one that looks like a die. This is what I came up with.

Repeatable Image Paint Shop Pro Tutorial Step 01

Step 02.

Direct Link

Now you have a cool little design but if you attempt to use it as a pattern or repeatable background image it doesn't match up. To fix this its very easy, go to Effects > Image Effects > Offset. You always want to set the Horizontal and Vertical offsets to half the size of your image so set them to 100. Make sure Center is checked and "Edge mode" is set to Wrap. This will split your image Horizontally and Vertically then flip it inside out. Hence making all the edges line up.

Repeatable Image Paint Shop Pro Tutorial Step 02

Step 03.

Direct Link

Thats it! Below is my image tiling. To use this as a background image on your webpage all you have to do is use a bit of CSS. You can use this technique on almost any image.

Repeatable Image Paint Shop Pro Tutorial Step 03

End of the Repeatable Image Tutorial

You have reached the end of this tutorial. Please take a moment to rate, comment, or notify a friend of this tutorial. Thank you.


Vote for Repeatable Image

Here you can rate this tutorial. 5 is the highest or best score and 1 will be the lowest or worst score

  • Current Rating: 4.14 out of 5
  • Total Votes: 22

Comment on the Repeatable Image tutorial

Here you can make a comment about this tutorial. All comments will need to be approved before they are published

Toby: commented on Jul 8, 2007

@Kourtney: This tutorial was not designed to make an image for you to use. It just shows a technique you can use to make one for yourself.

Kourtney: commented on Jul 5, 2007

Wow This Design Is Totally Original.I Mean Its Good MAYBE Something I Would Use If There Was Nothing Else But Yea Its Completely Something ANYONE Woul Of Done

snuzz: commented on Apr 27, 2007

so simple yet so effective , thank you for sharing this snuzz x





Tell a friend about the Repeatable Image tutorial

Here you can tell a friend about this tutorial. Just fill in your name, your email, and your friends email. The url to this file will be sent to your friend.








Back to the Paint Shop Pro tutorial list

SHOWING repeatable-image: 1 - 3
PAGE: [1]   [NEXT · PREV]