How to add spatter to the edges?

[vovkasolovev]

Hi!
Please, help me figure out how to add little noise on the objects edges in AD, like would do Spatter effect in PS?
I wish it can be done non-destructively with vector objects, without brush strokes outline, because I need lots of objects clipping and sometimes gradient fills.

[v_kyr]

Hmm AFAIK there is no real direct equivalent to a non-destructively irregular splatter effect. So the only thing I can quickly imagine is to emulate/simulate this somehow with a more regular (than splatter irregular) contour/stroke line as outlines here. Meaning to use a finer grade dashed outline contour in the same color as your fills here. E.g. something like this then ...

... and play with the radius/thickness and object scaling settings then. - Maybe someone else has a quite better idea here?

[vovkasolovev]

Unfortunately, strokes works only with basic shapes, but add a lot of limitations and makes uncomfortable real workflow, like when you make a lot of changes, use object clipping or gradients.

[v_kyr]

Quote

Unfortunately, strokes works only with basic shapes ...

No, the pink filled one shown above is for example drawn with the pen tool, it was a quick rough sketch made from the nose form in your example. Just filled it only pink here and applied then a dashed line stroke (as explained before) in pink too.

Quote

... but add a lot of limitations and makes uncomfortable real workflow, like when you make a lot of changes, use object clipping or gradients.

Well you wanted something non-destructively with vector objects and that's finally what it is. Everything else here would probably need some sort of vector filter effect for variable irregular outlines/edges of fills.

[gdenby]

16 hours ago, vovkasolovev said:

add little noise on the objects edges in AD, like would do Spatter effect in PS?

 

AD is not the right software. AP might. The diffuse live filter set to a very low value with an also low opacity does much the same. Perhaps add a tiny bit of gaussian blur.

 

[Guest]

Hello vovkasolovev,

In "Draw Persona" and "Pixel view mode"mode, click on the "Blend ranges" cog in the layer panel.
Click on "Coverage map" and add points to give the line an irregular appearance.
This is just a workaround that may not be right for you...

[vovkasolovev]

 

On 05.01.2018 at 4:32 PM, gdenby said:

 

AD is not the right software. AP might. The diffuse live filter set to a very low value with an also low opacity does much the same. Perhaps add a tiny bit of gaussian blur.

 

 

Thank you. I do not see any advantages over PS in this workflow.

[vovkasolovev]

On 05.01.2018 at 8:15 PM, reglico said:

Hello vovkasolovev,

In "Draw Persona" and "Pixel view mode"mode, click on the "Blend ranges" cog in the layer panel.
Click on "Coverage map" and add points to give the line an irregular appearance.
This is just a workaround that may not be right for you...

 

Nice suggestion! 

But no: There is no AA, phantom pixels in the clipping, and does not affect the horizontal line. General problem is that this is a modification for each individual object and it depends on the size of the image. 

 

Well, I realized that I was looking for some kind of filter effects over object groups. But in AD there are no filters.

[bor]

Until AD do not support custom vector brushes i think it is impossible, otherwise it could be simple as making stroke with jagged one, expand stroke and merge with object and You're done.

[Guest]

Thank you for the feedback, perhaps by creating a "vectorial" brush yourself you could achieve exactly the desired effect.

I quickly drew a brush from a line to which I applied "Expand Stroke". I then added knots on one side of the resulting shape to get a rough side. I deliberately created rather high and sharp peaks but it is possible to make them less pronounced or flattened according to the desired effect.

With a brush the effect is applied everywhere, even on straight parts of the drawing.

I then applied this brush to the shape and filled it with the same color.

[dutchshader]

did this with outer glow with noise.

[orjwid]

Hi, in fact I have thought about the same topic. The solution I have come up with is to use a very rough textured vector brush, or better make some yourself (which I have done). The if you select quick shape or a curve of your own design and the choose the paint brush and the particular brush type you want, in black and with the interior also fille with black, you get black image with rough outline which you can use as a mask, Just place it above the image you would like with rough edges and select mask below in the layers panel, and you would get the desired shape with rough edges. In this way you can e.g. make photos in the form of a heart with rough edges. Please have a look at the files attached.

 

Best wishes,

Örjan

Sven.afdesign

Raggade ramar.afdesign

[Maciek Blaźniak]

Hi,

It's 2020 and there is still no no built-in spatter effect in affinity. Here's how I deal with it with help of live displacement map filter from APhoto. Just open the attached file (spatter_1.0.afdesign) in Designer or Photo and move the only layer to your project. Works quite well live, when active all the time while creating the illustration. However, it may not work for people who do not have an Affinity Photo license (I didn't check it).

[vovkasolovev]

19 hours ago, Maciek Blaźniak said:

Hi,

It's 2020 and there is still no no built-in spatter effect in affinity. Here's how I deal with it with help of live displacement map filter from APhoto. Just open the attached file (spatter_1.0.afdesign) in Designer or Photo and move the only layer to your project. Works quite well live, when active all the time while creating the illustration. However, it may not work for people who do not have an Affinity Photo license (I didn't check it).

Thank you! It's works! Without AP!
Another great thing is that I can select Displacement map myself. With combination with image size change, there is full control over edges of a objects now.

[Maciek Blaźniak]

5 hours ago, vovkasolovev said:

Thank you! It's works! Without AP!
Another great thing is that I can select Displacement map myself. With combination with image size change, there is full control over edges of a objects now.

I'm glad my hack was useful  I'll just add that the attached version gives the best results (imho) with 300dpi illustrations. While working with smaller resolutions it may require some tweaks.

[eobet]

On 5/21/2020 at 10:23 AM, Maciek Blaźniak said:

Hi,

It's 2020 and there is still no no built-in spatter effect in affinity. Here's how I deal with it with help of live displacement map filter from APhoto. Just open the attached file (spatter_1.0.afdesign) in Designer or Photo and move the only layer to your project. Works quite well live, when active all the time while creating the illustration. However, it may not work for people who do not have an Affinity Photo license (I didn't check it).

Thank you from 2021! 😀

Is there an easy way to scale the effect?

[cheeseslope]

On 5/21/2020 at 1:23 AM, Maciek Blaźniak said:

Here's how I deal with it with help of live displacement map filter from APhoto. Just open the attached file (spatter_1.0.afdesign) in Designer or Photo and move the only layer to your project. Works quite well live, when active all the time while creating the illustration.

Thank you for sharing your solution! This is EXACTLY the effect I was hoping to create in Affinity Photo, and I thought I was out of luck until I found this thread.

 

On 7/27/2021 at 10:56 AM, eobet said:

Is there an easy way to scale the effect?

You can adjust the spatter ‘resolution’ by playing around with the Strength of each of the Displacement Map layers — I just double-clicked and played around with the slider of each of the s/m/l layers. The layers on top compound the spatter effect of the layers below — finer spatter gets applied to the chunkier spatter.

Edited June 17, 2022 by cheeseslope
updated examples

[thomaso]

On 5/21/2020 at 10:23 AM, Maciek Blaźniak said:

Just open the attached file (spatter_1.0.afdesign) in Designer or Photo and move the only layer to your project. Works quite well

I like the visual result – but not the file size of 85 MB "just" for a jaggy edge effect.

Can you show a screenshot of the used displacement map?

[Twolane]

On 1/5/2018 at 8:32 AM, gdenby said:

AP might. The diffuse live filter set to a very low value with an also low opacity does much the same. Perhaps add a tiny bit of gaussian blur.

Thankyou for this. It was exactly what I was looking for to add effects for a series of updated book covers I'm doing.