ABC PSP - Tutorial 5

Flood Fill with Color /
Gradient / Pattern


By ©LismibaebisCreations
December 2005

Skill Level: Absolute Beginner using PSP

This tutorial is my own creation, any resemblance to another tutorial is purely coincidental

This is part 5 of a series of tutorials for the absolute beginner with PSP.
It is recommended that you complete the tutorials in numerical order, as each new one will build on the knowledge gained by the previous tutorials

Program shortcuts will be given in parentheses

Settings are written out below the screen shots



Needed

Paint Shop Pro X
Free 30 day PSP trial from Corel, available here

(If you have PSP 9 and do not understand the screen shots, email me and I will send you screen shots for the PSP version you are using).


To flood fill an image, we have to choose either a color, gradient or pattern from the Materials Palette.
The Materials Palette is at the right hand edge of PSP.

The rainbow color image (R) lets us choose a color fast.

The first square (F) is our Foreground Color.
Foreground Color is mouse left click

The second square (B) is our Background Color.
Background Color is mouse right click.

Screenshot

1) Left mouse click anywhere in the rainbow image (R) and see your Foreground Color (F) change

2) Rightmouseclick anywhere in the rainbow image (R) and see your Background Color (B) change

By clicking on the arrow, you can switch your Background and Foreground Colors.

Screenshot

The little squares always display your Foreground and Background Color.
The big squares show what will be used if you flood fill, be that Color, Gradient or Pattern.

Screenshot

3) Left click in your Foreground Color (F) and see your Material Properties open

Screenshot

You have several options to choose a color.
Clicking anywhere on the ring (1) will help you choose a color like red, blue, green or yellow.
In the square (2) you will then get different shades of the color you choose from the ring.
The bottom hand (3) shows you the html code of the chosen color.
You can also choose a color by writing the html code into this field.


With your Material Properties still open

4) click on the Gradient Tab

Screenshot

The thumb of the hand is pointing to a little arrow (next to the gradient or pattern example).
Click on that and choose a gradient.
I have chosen Foreground-background. That means it uses my current Foreground and Background Colors.

Click on the different Styles, change Angle and Repeats and see what happens


With your Material Properties still open

5) click on the Pattern Tab

Screenshot

With the little arrow on the right hand side of the pattern example, you can browse and choose a different pattern.
You can also change the Angle and Scale

Before you close the Material Properties, make sure that the Color Tab is chosen

6) File > New (Ctrl + N)

Settings:
Width = 400
Height = 400
Units = Pixels
Resolution = 72.000 Pixels/Inch
Raster Background = Checked
Color depth = RGB - 8 bits/channel
Color Transparent = Checked
click ok

7) Flood Fill Tool (F)

Screenshot

Screenshot

Settings:
Match mode = None
Use all layers = Checked
Blend mode = Normal
Opacity = 100

8) Choose a Foreground Color and a Background Color

9) Left click in new image to Flood Fill with your Foreground Color

10) Undo Tool
Undo Fill

11) Right click in new image to Flood Fill with your Background Color

12) Undo Tool
Undo Fill

13) Left click into Foreground Color in Materials Palette to open up Material Properties

14) Choose a Gradient and click ok

15) Left click in your image and Flood Fill with Gradient

16) Undo Tool
Undo Fill

17) Left click into Foreground Color in Materials Palette to open up Material Properties

18) Choose a Pattern and click ok

19) Left click in your image and Flood Fill with the Pattern

20) Close your image, we do not need it anymore



I hope that you have found this tutorial helpful.
If you have any questions, please email me at: Barbara @ Lismibaebi.com


I would like to thank my Testers at LismibaebisCreations Testers:
Your help, support and patience made this possible

smilie





Link to next ABC Tutorial Link to main Linking page of website Link to next ABC Tutorial


Back to top