Creating This Gradient Effect - help please

[Launchpad]

Hello all,

 

I'm attempting to recreate this sample image for a website - see attached (home-clinic-subheader....)

For the last 2+ hours I've been trying to create an semi-transparent overlay to place over a photo to achieve the exact look as displayed in the attached image.

 

The challenge is creating a blue gradient on the rectangle with dark edges (left and right) and lighter (highlighted) section in the middle.

I can successfully create the gradient and then superimpose it on my own image (see one of my examples attached 72-theat....)

The issue is I can only create the gradient from one side and not in any way similar to the example.

 

The other issue is getting the blue colour as displayed in the first attachment.

 

I have searched for tutorials and videos but none show how to do this successfully.

Please share how to do this?

 

Appreciate your help...

Regards

Greg

[HyReZ]

error
 

Edited July 30, 2019 by HyReZ

[Ego Eram Reputo]

8 hours ago, Launchpad said:

The issue is I can only create the gradient from one side and not in any way similar to the example.

 

As Welshy has said - you want to use Radial Gradient . Once you activate the Gradient tool, find the Radial option in the Tool Bar....

 

 

REF: https://www.getpaint.net/doc/latest/GradientTool.html

[Launchpad]

Apologies for only getting back to you now, had to deal with some pressing issues.

 

Thank you for your help everyone especially WelshBlue!

What really helped was to use the radial gradient with the lighter blue as the primary colour....achieved the desired result

 

Appreciate your help.

Best regards,

Greg