Jump to content
You must now use your email address to sign in [click for more info] ×

Fill around shape of brushes


Recommended Posts

 

Hi,

Surely there has to be some way to fill the object around brush heights?

I thought i was clever using fineliner brushes to speed up my workflow, then i finish the object and it's this

 

If the image doesn't load, it's an image of a fineliner brush zig-zagging up and down, while the fill of the object cuts right through the middle of the zig-zag, leaving obvious holes in the object

Thanks

1228998363_ScreenShot2021-04-22at6_43_19AM.png.3e547f0dbf6650b97baf8f773fda50ab.png

Link to comment
Share on other sites

1. Join the top and bottom zigzags to make a single curve

2. Create a blue rectangle which is taller than the zigzag curve

3. Clip the rectangle to the curve so the excess disappears

6E78447F-8726-4843-8444-C8D4DC325488.jpeg.b7dc9e14918088b2984765edd0e4e223.jpeg

 

4. Crop the result to hide the left- and right-hand ends

DAF30BE6-8010-4DCB-BB68-AABC6719B252.jpeg.21b432ba84f99fe07525160ae3849de0.jpeg

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

If you use the method I described there’s no problem with switching to a different brush but I don’t think you can achieve the result you want without keeping the fill and stroke separate.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

Not sure you can achieve this with this type of brush!

You could try using the 'Star Tool'  to set the shape and apply an irregular vector brush. That way the brush would follow the vector and you can control the fill to centre line.
Then apply Divide to separate or edit with the appearance panel

 

Affinity Version 1 (10.6) Affinity Version 2.5.5  All (Designer | Photo | Publisher)   Beta; 2.5 5.2636
OS:Windows 10 Pro 22H2 OS Build 19045.4412+ Windows Feature Experience Pack 1000.19056.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

Link to comment
Share on other sites

12 minutes ago, StuartRc said:

apply Divide to separate

What would you be separating, Stuart? Did you perhaps mean ‘Expand Stroke’ rather than ‘Divide’, or am I missing something (as usual)? :/

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)

Link to comment
Share on other sites

Just now, Alfred said:

What would you be separating, Stuart? Did you perhaps mean ‘Expand Stroke’ rather than ‘Divide’, or am I missing something (as usual)? :/

 

7 minutes ago, Alfred said:

What would you be separating, Stuart? Did you perhaps mean ‘Expand Stroke’ rather than ‘Divide’, or am I missing something (as usual)? :/

O.o:)!...yeah sorry Should have been expand stroke then divide!

 

Affinity Version 1 (10.6) Affinity Version 2.5.5  All (Designer | Photo | Publisher)   Beta; 2.5 5.2636
OS:Windows 10 Pro 22H2 OS Build 19045.4412+ Windows Feature Experience Pack 1000.19056.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

Link to comment
Share on other sites

5 minutes ago, yitzaklr said:

Expand stroke doesn't seem to work on brushes

It doesn't.need a basic line...then re-apply a brush stroke

 

Affinity Version 1 (10.6) Affinity Version 2.5.5  All (Designer | Photo | Publisher)   Beta; 2.5 5.2636
OS:Windows 10 Pro 22H2 OS Build 19045.4412+ Windows Feature Experience Pack 1000.19056.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

Link to comment
Share on other sites

10 minutes ago, StuartRc said:

It doesn't.need a basic line...then re-apply a brush stroke

That just gives you this first picture

Screen Shot 2021-04-22 at 8.40.10 AM.png

I'm trying not to give away my project here but I'm trying to do this, which took me about 30 minutes to do manually

1607062852_ScreenShot2021-04-22at8_43_41AM.thumb.png.23642551cf686a4ffabf4392f30ffafe.png

I'd like to be able to adjust the size of the zig-zag brush and adjust the fill automatically without having to manually redraw a curve behind it

 

Screen Shot 2021-04-22 at 8.40.01 AM.png

Link to comment
Share on other sites

OK
The problem is that you cannot achieve the fill with the type of vector brush you are using. As the shape of the nozzle extrudes outside the path of the vector. To achieve what you are trying to do (be able to have a fill and a line with this type of shape
). The Brush will have to follow the vector more closely. You can do this in a couple of ways.

A. Draw/Create you shape as a vector object. In this case you can use the predefined shapes to create a zig-zag, using the Star tool or the Cloud tool.. You can also create your own angular shape. Then apply a vector brush to the edge not the one you are using at the moment from 'Fine Liners' This will give you the result you are trying to achieve.

B. Keep the existing brush as an outline and draw another shape behind which is a common practice. Much more precise but takes a lot longer. You can see this process in Chris's video: 'Bad Bax' on Affinity Spotlight. Then group the result.

C.  With an object carrying a line and fill (No vector brush applied to the stroke!). You can Expand the object (as @Alfredcorrectly pointed out!), then apply a 'Divide' You can separate out the objects and then apply a vector brush stroke to the edge vector

 

 

Affinity Version 1 (10.6) Affinity Version 2.5.5  All (Designer | Photo | Publisher)   Beta; 2.5 5.2636
OS:Windows 10 Pro 22H2 OS Build 19045.4412+ Windows Feature Experience Pack 1000.19056.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

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...
×
×
  • Create New...

Important Information

Terms of Use | 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.