Achieve Ripple effect similar to photoshop

[chris_homer]

Hello All,

 

New user here struggling with the conversion from Photoshop to Affinity Photo.

I work for an architectural practice and use Photoshop to soften the export from our CAD software when preparing site layouts. This is achieved by using the a 50% ripple filter to make it look a little more "hand drawn". I've attached the base image before and after applying the effect in Photoshop and an example of the final image.

Is this effect achievable in Affinity and any thoughts and comments welcomed?

 

Cheers

Chris

 

[firstdefence]

There is a ripple filter in Affinity Photo under Filters > Distort > Ripple but it acts like ripples in a pond.

[chris_homer]

Thanks for the response firstdefence,

 

I've attached an image of the Affinity ripple and it produces a different effect - more akin to a ripple in water than a ripple of the individual lines.

 

Cheers

Chris

[firstdefence]

I've always liked Sketchup for the line styles that can be achieved with these sort of drawings. Would be nice if Affinity had a feature like that built in. You could always create some pencil styled brushes and use them as strokes or just buy some and get that authentic sketched look. 

 

 

[chris_homer]

37 minutes ago, firstdefence said:

I've always liked Sketchup for the line styles that can be achieved with these sort of drawings. Would be nice if Affinity had a feature like that built in. You could always create some pencil styled brushes and use them as strokes or just buy some and get that authentic sketched look. 

 

 

 

That's why I'm surprised it isn't a native feature in Affinity, given how simple it is in PS! 

[carl123]

Use the following settings in the Equations Filter

The last number (0.005) controls the strength of the Ripples, you only need very small changes

You could easily create a macro for this and change the 0.005 into variable "A" to give controllable (via a slider) ripple effects for different sized documents

[chris_homer]

That looks ideal - cheers carl123.

Would it be possible to convert the 200 in both equations into another slider? That way the two sliders could control both the length and strength of the effect.

 

Cheers

Chris

[carl123]

9 minutes ago, chris_homer said:

Would it be possible to convert the 200 in both equations into another slider?

See attached, the 200 has been increased to 400 and is controlled by the B slider

at 50% in the slider it will be 200

 

 

[chris_homer]

Great! 

Now I just need to turn it into a macro??

[JimmyJack]

With all due respect to @carl123's equations..... seriously, it's amazing what he does with them (I wouldn't know where to begin).

 

A) The point of the wiggles is to humanize the drawing right? To "warm it up" from sterile straight lines.

With that in mind I find (imho) the equation squiggles to be too ordered and regular. The diagonals look okay because you get cross pollination from both equations which delivers a nice randomization.

B) Equations are destructive. So it goes without saying, with any change to the drawing the whole thing will need to be re-equationed . Like you said, a macro can help.

 

Instead, I'd just use a noisy displacement. (use the load from file option)

 

You can make your own (my layer on top in the attached).

Or grab one of the hundreds online. (Google: "noise displacement map" or "noise bump map")

I threw in several different options.

You can adjust each or combine different ones all while preserving the editability of the drawing (I assume the cad files come in as vectors).

 

**attached is kinda big**

arch_lines_displace.afphoto

[John Rostron]

22 minutes ago, JimmyJack said:

Instead, I'd just use a noisy displacement. (use the load from file option)

 

23 minutes ago, JimmyJack said:

 

You can make your own (my layer on top in the attached).

Or grab one of the thousands online. I threw in several different options.

You can adjust each or combine different ones all while preserving the editability of the drawing (I assume the cad files come in as vectors).

I am quite happy with the Equations Filters. You could give @carl123's equations a pseudo-random appearance by adding another sine curve with a longer wavelength that is not a simple multiple of the existing one.

What I could not do is add a noisy displacement. I tried looking for one, but was only offered electronic equiplmemt. Is it some form of displacement mapping?

John

[JimmyJack]

47 minutes ago, John Rostron said:

What I could not do is add a noisy displacement. I tried looking for one, but was only offered electronic equiplmemt. Is it some form of displacement mapping?

John

 

Hi John, yeah, sorry, the word "map" helps . (I'll amend my post above)

Google:

noise displacement map

or

noise bump map

or (maybe to a slightly lesser extent)

noise height map

 

Each result should lead to, in many cases, a site that offers even more.

 

[chris_homer]

@JimmyJack - You sir are a genius!

This is an ideal set up as the base design changes virtually every day and to have a displacement map avoids the destructive operation.

 

[ESPR]

Youtuber 'Graphical' made a videotutorial for this effect.

He uses this equation:

x = x+(1500*c)*sin((1500*b)*y/h)*(0.01*a)

y = y+(1500*c)*sin((1500*b)*x/w)*(0.01*a)

 

Sadly i dont understand any of these mathematical formulas - how comes there are so many variations in this thread, to get to the same result ?

 

 

[iconoclast]

If you use Affinity Photo on Windows, you can also give the free G'MIC plugin a try. There is a Ripples filter in the Deformations category. And more than 500 other filters for nearly all needs.

[ESPR]

12 minutes ago, iconoclast said:

If you use Affinity Photo on Windows, you can also give the free G'MIC plugin a try. There is a Ripples filter in the Deformations category. And more than 500 other filters for nearly all needs.

 

have been using G'MIC for ages - great filter !

but sadly it distorts the whole image, not just the edges, like the PS filter does

[iconoclast]

2 hours ago, ESPR said:

 

have been using G'MIC for ages - great filter !

but sadly it distorts the whole image, not just the edges, like the PS filter does

What "edges" do you mean? Don't remember exactly what Photoshop's "Ripples" filter does, but GMIC's filter distorts the selected layer, not the whole image.

And I can't see a difference between the effect of the Equation filter in the video and the Ripples filter of G'MIC. Both are destructive, but the one of G'MIC is a little more intuitive and easier, I think.

An alternative could possibly be G'MIC's "Water" filter.