How do I make 1 color gradually transition into another?

Corel Paint Shop Pro

Moderator: Kathy_9

Post Reply
Geoffrey
Posts: 2
Joined: Thu Mar 30, 2017 3:53 am
operating_system: Windows 10
System_Drive: C
Corel programs: Corel PaintShop Pro X8 (64-bit)

How do I make 1 color gradually transition into another?

Post by Geoffrey »

I am working with Corel PaintShop Pro X8.

I am having trouble finding the right words for what I am trying to do, but a picture is worth a thousand words:
Image

Notice the background colors gradually go from green at the top to yellow at the bottom. It's not simply two blocks of color with the border faded. It's like a little slice of the color spectrum, gradually changing from green to yellow.

How can I do that? Any guidance would be much appreciated. :)
LeviFiction
Advisor
Posts: 6831
Joined: Thu Oct 02, 2008 1:07 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Alienware M17xR4
processor: Intel Core i7-3630QM CPU - 2_40GH
ram: 6 GB
Video Card: NVIDIA GeForce GTX 660M
sound_card: Sound Blaster Recon3Di
Hard_Drive_Capacity: 500GB
Corel programs: PSP: 8-2023
Location: USA

Re: How do I make 1 color gradually transition into another?

Post by LeviFiction »

With gradients.

In the materials palette if you click on the foreground color you'll get the color picker dialog. In the color picker dialog there is a "Gradient" tab. This lets you choose pre-made gradients or design your own. Gradients gradually move from one color into another. You get to choose which colors, how far apart they are, and where the middle of the change is.

Here is the documentation on using Gradients

http://help.corel.com/paintshop-pro/v19 ... ients.html

Gradients can then be applied with the paint brush tool, the fill tool, or as a fill inside of a vector object.
https://levifiction.wordpress.com/
User avatar
hartpaul
Advisor
Posts: 2893
Joined: Tue Mar 20, 2012 3:38 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: ASUSTeK P7P55D STRIX B240F GAMING
processor: IntelCore i7 7700 3.60 Ghz
ram: 8 Gb
Video Card: Nvidia GeForce GTX 1050
sound_card: Nvidia High Definition Audio
Hard_Drive_Capacity: 1000 Gb
Monitor/Display Make & Model: AOC
Corel programs: PSP8,X2 to X9,2018,2019,2020
Location: Australia

Re: How do I make 1 color gradually transition into another?

Post by hartpaul »

What you are after is a gradient.
In X8 and others this is obtained by double clicking the Foreground and Stroke or Background and Fill Properties boxes.
You then get the Material properties dialog with 4 tabs across the top:
Color , Gradient , Pattern, Texture.
Click on the Gradient tab and you should see 6 of the available gradients.
They start with Black-white, Blue metallic and if you scroll down you should find one (they are in alphabetical order) that says Foregrou... - hovering over it it will say Corel_06_029 and is actually a Foreground -Background gradient.

If you have previously selected a green and a yellow for your two colors then selected the Foreground - Background gradient and click OK then you can flood fill a blank white canvas with just the effect you are after.
I tried searching for a simple gradient tutorial on Youtube but many are for earlier versions or the latest gradient effect in X9. Many have very poor sound and are most unsuitable.

However if you open X8 and click on Help > Help Topics and type in Gradient and search you will find a section "Using Gradients" where the use of gradients is explained in reference to X8.
Systems available Win7, Win 8.1,Win 10 Version 1607 Build 14393.2007 & version 20H2 Build 19042.867
Geoffrey
Posts: 2
Joined: Thu Mar 30, 2017 3:53 am
operating_system: Windows 10
System_Drive: C
Corel programs: Corel PaintShop Pro X8 (64-bit)

Re: How do I make 1 color gradually transition into another?

Post by Geoffrey »

Update:

Finally did it.

Thank you for your help!
TimW
Posts: 156
Joined: Fri Feb 05, 2016 7:53 pm
operating_system: Windows 7 Home Premium
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: ASUS M5A99FX
processor: AMD FX8350 8 core 4.0GHZ
ram: 16GB
Video Card: AMD Radeon HD 6900 Series
sound_card: On Board
Hard_Drive_Capacity: 256GB SSD
Monitor/Display Make & Model: Dell UltraSharp U2412M 24"
Corel programs: PSP X8, Knockout 2

Re: How do I make 1 color gradually transition into another?

Post by TimW »

Very good info by hartpaul & LeviFiction. There is another way to achieve this in PSP X8. Go to <Effects>, <Photo Effects>, <Graduated Filter> there you can see a Before & After view. Pick your colors to blend then play with the sliders a bit 'till you get what you want. A vertical bar with end handles (in the right pane) let you adjust the transition in a multitude of ways.
latitude
Posts: 6
Joined: Sun May 31, 2015 6:28 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
Corel programs: PSP X2 X3 X6 X8 X9

Re: How do I make 1 color gradually transition into another?

Post by latitude »

hartpaul wrote:What you are after is a gradient.
In X8 and others this is obtained by double clicking the Foreground and Stroke or Background and Fill Properties boxes.
You then get the Material properties dialog with 4 tabs across the top:
Color , Gradient , Pattern, Texture.
Click on the Gradient tab and you should see 6 of the available gradients.
They start with Black-white, Blue metallic and if you scroll down you should find one (they are in alphabetical order) that says Foregrou... - hovering over it it will say Corel_06_029 and is actually a Foreground -Background gradient.

If you have previously selected a green and a yellow for your two colors then selected the Foreground - Background gradient and click OK then you can flood fill a blank white canvas with just the effect you are after.
I tried searching for a simple gradient tutorial on Youtube but many are for earlier versions or the latest gradient effect in X9. Many have very poor sound and are most unsuitable.

However if you open X8 and click on Help > Help Topics and type in Gradient and search you will find a section "Using Gradients" where the use of gradients is explained in reference to X8.
I just tried doing it this way and it works fantastic, thank you for the instructions :)
Post Reply