Jump to content

How to add spatter to the edges?


Recommended Posts

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.

afdesign-oh-my.png

Link to comment
Share on other sites

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 ...

linestyle.jpg.85a8ef6a6beee26c58e97d9773ee739a.jpg

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

☛ Affinity Designer 1.10.5 ◆ Affinity Photo 1.10.5 ◆ OSX El Capitan

Link to comment
Share on other sites

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.

☛ Affinity Designer 1.10.5 ◆ Affinity Photo 1.10.5 ◆ OSX El Capitan

Link to comment
Share on other sites

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.

 

DirtyUp.thumb.jpg.c77049c563fb390d2ce5319d583f7db9.jpg

iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Link to comment
Share on other sites

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...

Bords irréguliers.png

Link to comment
Share on other sites

 

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.

Link to comment
Share on other sites

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.

afdesign-oh-my2.png

Link to comment
Share on other sites

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.

Bords rugueux.png

Link to comment
Share on other sites

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

klump 2.png

klump 3.png

klump 4.png

klump.png

Raggade ramar.afdesign

Link to comment
Share on other sites

  • 2 years later...

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).

spatter.thumb.jpg.60e1e4dbdfea88ea9737c1400ba6f4fd.jpg

Link to comment
Share on other sites

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.

afdesign-oh-my3.png

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 1 year later...
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).

spatter.thumb.jpg.60e1e4dbdfea88ea9737c1400ba6f4fd.jpg

Thank you from 2021! 😀

Is there an easy way to scale the effect?

Link to comment
Share on other sites

  • 10 months later...
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.

before.png.2b959bf22b4107e34fde19f61897faee.pngafter.png.322cb7311a65201227ab8a6feceadcac.png

 

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.

1790175953_DisplacementMapAdjustment.png.32a9a248b661bb6fc410aeb067fefd58.png

Edited by cheeseslope
updated examples
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.