Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Recommended Posts

Good Morning,

I have been looking for a way to create a Gaussian blur gradient.  That is to say slightly blurred on one end of an object and progressively becoming more blurred toward the other end of the object.  Specifically a shadow of an object (pole) composted into a photo.  I have been told that there is a way to accomplish this in PhotoShop using a channel selection and applying a gradient to the selection.  Is this possible with Affinity Photo?  If so how.

Thank you. Paul, Ocala, Florida, USA

Link to comment
Share on other sites

This is how i approached it, Paul. There may be smarter ways, though.

1. Duplicate the layer/object

2. Apply a New Live Filter of the type Gaussian Blur

3. Add a Mask Layer to the blurred layer

4. Apply a black to white gradient. Black will reveal the bottom layer, the one that isn't blurred.

Affinity Photo - Affinity Designer - Affinity Publisher | macOS 12 Monterey (12.5.1) on 16GB MBP14 2021 with 2.0 versions

Link to comment
Share on other sites

Depending on the object, you can apply the Transparency Tool on it (if you're using Designer). Then add new nodes and slide them near the edges. Then from the flyout on the Context Toolbar, you can adjust the transparency of individual nodes.

 

post-27616-0-32135400-1488912040_thumb.png

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to comment
Share on other sites

Depending on the object, you can apply the Transparency Tool on it (if you're using Designer).

 

That's true, Brian, but Paul wrote:

 

Is this possible with Affinity Photo?

 

 

 

(Please ignore this second post.) 

 

OK. Ignored! :D

Alfred spacer.png
Affinity Designer/Photo/Publisher for Windows 1.10 • Windows 10 Home/Pro
Affinity Photo for iPad 1.10 • Designer for iPad 1.10 • iPadOS 15.6.1 (iPad Air 2)

Link to comment
Share on other sites

That's true, Brian, but Paul wrote:

 

Oops. My mistake. I still know something else that can be done.

 

1. Create a mask layer on the vector object with the gradient applied.

 

2. Using any of the selection box or lasso tools, overlap the sides and make sure the outer portion of the selection extends out far.

 

3. Click on "Refine" and then keep the Ramp at 0% and adjust the Feather to your liking, and then Apply.

 

4. Press Delete.

 

If at any point you want to remove the effect, just click the mask's thumbnail and press Delete.

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to comment
Share on other sites

Is there a difference between grad transparent blur and blur with varying value? I guess there is. 

 

That is, optimally you would have blur radius 0 in the other end and 100 in the other. Using grad mask to mix sharp image and the blurred one does not create same appearance. 

 

This would work If you could make a area grad blur where you could set blur values to different nodes. So far I do not know any app that can do this kind of effect (maybe some PS focus plugins can?) and in practice people use that transparency fake with good results.

Link to comment
Share on other sites

Thank you all,  I'm anxious to try all the suggestions as soon as I get home from holiday.  And yes, please the multiple postings for the same question.  I'm using a WiFi at sea and it is dead slow.  I didn't think the posting published the first two tries.  Again, thanks.

Paul

Link to comment
Share on other sites

  • 1 month later...

Simplest way?

 

1/ Add a nested Gaussian Blur filter to your pole's shadow shape.

2/ Select the Gaussian Blur mask, then with the Gradient tool selected, drag a line in the direction you want your gradation to be.

 

Change either end from black to white according to what you want in terms of strength.

NB, you can slide the little symbol in the middle of the gradient's line, to offset the centre.

 

Works for me.  :)

Grumpy, but faithful (watch out all you cats)

Link to comment
Share on other sites

Simplest way?

 

1/ Add a nested Gaussian Blur filter to your pole's shadow shape.

2/ Select the Gaussian Blur mask, then with the Gradient tool selected, drag a line in the direction you want your gradation to be.

 

Change either end from black to white according to what you want in terms of strength.

NB, you can slide the little symbol in the middle of the gradient's line, to offset the centre.

 

Works for me.  :)

 

Now that's using your head. I would never have thought to use a gradient on a mask or filter.

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to comment
Share on other sites

  • 3 weeks later...

Simply add a Blur Live Filter to a pixel layer. Select your properties.

Select the Blur Live Filter "layer".

Select the Gradient Tool.

Apply a black and white gradient to the Blur Live Filter, NOT to the pixel layer.

 

Note: you can not modify the gradient after selecting an other layer than the Blur Live Filter.

Link to comment
Share on other sites

  • 1 year later...

Although this topic seems old, maybe someone would be interested to replicate my method (i'm using it for creating shadows):

☐ Image_to_blur
	⬕ Live Filter - Gaussian Blur (HIGH value) 
	 Live Filter - Gaussian Blur (LOW value)

Apply a gradient masking on the topmost live filter, to reveal the second blur filter applied. 



obs:

* it doesn't matter which filter is on top, as long as you apply the gradient on the topmost one and the direction of the gradient reveals the blur transition in the desired direction

* the Blur Live Filters have to be applied as children to the layer to blur, so they will only affect that one.

 

 

Attached an example of this procedure, along with the complementary layers to cast a shadow.

* for gradient blur, only the info in red boxes is relevant. The gray info is only important for shadow casting.

AF Photo Gradient Blur.png

Link to comment
Share on other sites

  • 2 weeks later...

Don't forget layer blend modes to add subtle realism, such as the softlight blend mode

iMac 27" Late 2019 Fully Loaded and running Monterey 12.6.1, iMac 27" Late 2013 running Catalina 10.15.7 - Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

  • 1 year later...
On 3/7/2017 at 10:31 AM, RNKLN said:

This is how i approached it, Paul. There may be smarter ways, though.

1. Duplicate the layer/object

2. Apply a New Live Filter of the type Gaussian Blur

3. Add a Mask Layer to the blurred layer

4. Apply a black to white gradient. Black will reveal the bottom layer, the one that isn't blurred.

Perfect. Works great. Thank you. 

Link to comment
Share on other sites

  • 1 year later...

Realise this is old and thanks for the guidance here as I'm new and it helped me.

Not sure if the 'Depth of field' live filter was available at the time, but it also works.

Apply the 'depth of field' live filter to your shadow layer. It does the gradient in one hit. Just drag the centre of the depth of field gradient to where the shadow starts and raise the top to the end i.e. you only use the top half. It can also be edited later.

Thanks

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.
Note: Your post will require moderator approval before it will be visible.

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.

Loading...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.