Home  >  Tutorials  >   PSP 8 Tutorials  >
Satin Background
E-mail this tutorial to a friend Email to a Friend

Satin Background
Created by: Barbara Townsend

This tutorial will help you to create a fabric look of rich Satins and Taffetas to use in many projects and web designs. It is very easy and fast to do. After creating one you will want to do more – it is a bit addicting!
Materials Palette - Materials Box  Materials Solid Color Option Set both your Foreground and Background Materials to Solid Color:
– Foreground: Red = 235, Green = 203, Blue = 203; #EBCBCB
– Backgroound: Red = 207, Green = 153, Blue = 153; #CF9999
New Image     Flood Fill Tool Open a new image, 200 x 200 pixels, transparent background, and flood-fill it with the Foreground color (shortkey for the Flood Fill Tool = F).
New Image

Materials Palette - Materials Box  Materials Gradient Option

Flood Fill Tool

Open a second image with the same settings (hold your Shift key down and go to File || New or click on the "New Image" button on the Standard toolbar).

Set your Foreground Materials to Gradient, click into the Foreground Materials box and, on the Gradient tab, set:
– Gradient = Fading Background
– Angle = 25
– Repeats = 25
– Style = Linear

In the end, this will give you a nice blend of the two selected colors. Flood-fill the second image with your gradient.


Warp Brush Tool  Warp Mode = Push
Select the Warp Brush tool:
– Warp Mode = Push
– Size = 140
– Hardness = 0
– Strength = 100

On image two, start at the top left corner and drag down part way to the center, about halfway down.

Move the design a little more.

Copy With image two active, go to Edit || Copy, then activate image one and go to Edit || Paste || Paste As New Layer. You can now close the second image.
Warp Brush Tool

Start again with the warping on the 'Raster 2' layer. It should look like fabric with random folds.

Should you see that part of the image is bare from draging the paint colors take the brush and gently push it back up and over to the side. When working on this it is best to use short clicks and push a little at a time. Continue to push the fabric around but keep it going more or less in the same direction.

If you have ever spread a cloth out on a table you know it has folds and wrinkles until smoothed. Your pattern should look much the same. Only we won't smooth it. It is like using children's finger paints but without the mess.

Results of Warp Brush

When you've got something that you like merge the two layers: Go to Layers || Merge || Merge All (Flatten) and then save your work.

When saving you may see that some edges may move. If they do and it is not too heavy use the crop tool and cut those edges off.

New Image   Materials Palette - Materials Box  Materials Pattern Option   Flood Fill Tool


Now you've got a nice silky-looking pattern, but it's not yet a seamless background that you could use on your webpage. Check this out:

Open a new image, 400 x 400 pixels, transparent background. Set your Foreground Material to Pattern, click into the Foreground Materials box and choose your satin image for the pattern, then flood-fill your big image with it.

In the image on the left, you can see the detail where the four patterns meet in the center of the big image, and you can clearly see the seams.


Now to make it a seamless pattern, first duplicate your image (so you have several tries), then go to Effects || Image Effects || Seamless Tiling.

Play with the settings until you've got something you like, then try that new pattern as a fill in your big image.

The example on the left was done with just the default settings. The bottom image shows the fill in the big image – no seams anymore!

Now you have a nice, silky-looking pattern that you can save to your patterns.

There are many color combinations that can be used. Every one has their favorites. Enjoy PSP – it's fun!

Barbara T.