For PSP V56Home   >   Tutorials   >   PSP V7 Effects   >
Gradient Filled Seamless Background
E-mail this tutorial to a friendEmail to Friend

Gradient Filled Seamless Background
Created by: Kawliga

Creating a seamless gradient background with an embossed image by modifying images you already have.
 
Download this attachmentDownload Attachment
Images used for this tutorial can be downloaded by clicking on the Download Attachment link on the left.
 
Open "/tutorial/html/tut7eff/backgrdsmlsgrad_02.gif" and "/tutorial/html/tut7eff/backgrdsmlsgrad_03.gif" from your download. Click on "/tutorial/html/tut7eff/backgrdsmlsgrad_02.gif" to make it your active image, then go to Colors || Increase Color Depth || 16 million.
 
You need to have the Layer palette open. If it is not open, press "L" to open it. Select "Background" in the Layer palette, right-click on its button and choose "Promote To Layer" from the pop-up menu.
 
Then make a new layer: Go to Layers || New or click the "Add New Layer" button on the Layer palette. Move this layer below the gradient layer: Just click on the "Layer2" button and drag it into position under the gradient layer ("Layer1") with your mouse.
 
Make sure the Tool Options palette is open. If it is not, press "O" (the letter) to open it.
 
Select the Floodfill tool:
Blend mode = Normal
Match mode = None
Tolerance = n/a
Opacity = 100
Sample merged = unchecked
 
Set your foreground style to Pattern (click on the arrow in the foreground style box and choose the second icon from the right) and your foreground texture to None (click on the arrow in the foreground texture box and choose the icon on the right). Then click into the foreground style box and choose "/tutorial/html/tut7eff/backgrdsmlsgrad_03.gif" from the Pattern drop-down box (Scale = 100, Angle = 0).
 
  Click into the image. You won't see anything happening, but it should have filled the lowest layer with the embossed bouquet image.

Now, activate the top layer by clicking on its button in the Layer palette or by choosing it from the Layers menu.

 
Select the Magic Wand Tool:
Match Mode = RGB Value
Tolerance = 15
Feather = 0 (you can also try values up to 3)
Sample Merged = Unchecked
 
Click into the white area of the gradient image, then press the Delete key to clear the selection.

That should now bring up the embossed bouquets behind your gradient.

 
If you start from scratch you would do the following: Open a new image, 1500 x 136 pixels, background = transparent, 16 million colors.
 
Open "/tutorial/html/tut7eff/backgrdsmlsgrad_03.gif" from your download.
 
Select the Floodfill Tool:
Blend mode = Normal
Match mode = None
Tolerance = n/a
Opacity = 100
Sample merged = unchecked
 
Set your foreground style to Pattern (click on the arrow in the foreground style box and choose the second icon from the right) and your foreground texture to None (click on the arrow in the foreground texture box and choose the icon on the right). Then click into the foreground style box and choose "/tutorial/html/tut7eff/backgrdsmlsgrad_03.gif" from the Pattern drop-down box (Scale = 100, Angle = 0).
 
Click into your image to fill it with the bouquet pattern.
 
Then make a new layer: Go to Layers || New or click the "Add New Layer" button on the Layer palette.
 
Click on your Selection tool and set:
Selection type = Rectangle
Feather = 0
Antialias = unchecked
 
Select your gradient area by drawing your rectangle – i.e. the area you would like to use the gradient on.
 
Select the Floodfill tool, don't change any of the settings.
 
Just to get the color scheme right, click on your Dropper tool, then right-click into the grey area of the embossed bouquet layer. That will set your background color to the same color of the embossed bouquet layer.
 
Change your foreground color to whatever you wish it to be. I used: Red = 74, Green = 90, Blue = 156 (or HTML Code #4A5A9C).
 
Set your foreground style to Gradient (click on the arrow in the foreground style box and choose the second icon from the left), then click into your foreground style box and set:
Gradient = Foreground-Background
Angle = 90
Repeats = 0
Style = Linear Gradient (icon on top)
Invert gradient = unchecked
 
Click into the area that you've selected for the gradient fill. That should give you a seamless gradient border for your embossed bouquet background.