Jump to content

Creating This Gradient Effect - help please


Recommended Posts

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

home_clinic_subheader-1024x230.jpg

72theat-1920x431-wblueoverlay-2.jpg

Link to comment
Share on other sites

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 :RadialGradient:. Once you activate the Gradient tool, find the Radial option in the Tool Bar....

 

GradientTypeAnimated.gif

 

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...