Jump to content

Affinity Designer: Zone filling


Recommended Posts

Hello everyone,

shape-filling.png.cb740ee26a38c51e6a9d77eda77ea330.png

By way of illustration, here is a simplified structure comprising a frame and an intersection of two horizontal curves and two vertical curves. They delimit 9 zones (1 to 9). I know it's possible! but I didn't understand how to fill them in individually.

shape-filling.afdesign

 

How do I go about it? Thank you for your explanations.

Edited by Pyanepsion
Beta version replaced by version 2.1.

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Link to comment
Share on other sites

Fill them in with what? Solid colours, gradients, patterns, images, text?

Have you looked at the Vector Flood Fill Tool ?
See attached video for some examples.

Was your attached document created with a beta version of software?
I only ask as I can’t open it with 2.1.1 because it apparently contains features from a later version.

Link to comment
Share on other sites

A naive attempt at using the Vector Flood Fill tool on my iPad, with Designer Beta 2.2.0.1903, almost worked. But I have yet to figure out why 1/2 and 8/9 were not separated like the other zones were.

 

image.png

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 18.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Link to comment
Share on other sites

@GarryP

I’ve replaced the beta version with version 2.1.

I can’t find the ‘paint can’ for Vector Flood Fill Tool.

shape-filing.thumb.png.1465dc49f479fa6b93b5cc670bf3c25c.png

@lepr

There appear to be no gaps. Examples between 8 and 9.

8-9.thumb.png.1d82cdd592f5d33293189e989921da9b.png

@walt. farrell

In fact, I’d like each zone to become an independent shape. In this way, the filling would be carried out on the whole of the resulting shape without taking account of the objects in front of and behind it (for example the numbers in my example).

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Link to comment
Share on other sites

30 minutes ago, Pyanepsion said:

There appear to be no gaps. Examples between 8 and 9.

There definitely are gaps. Your newest screenshot shows a gap. The relevant gap is between paths (which are drawn in blue), regardless of the strokes overlapping. Your "Border" path is on the edge of the Artboard, making it difficult to see.

Link to comment
Share on other sites

40 minutes ago, Pyanepsion said:

In fact, I’d like each zone to become an independent shape. In this way, the filling would be carried out on the whole of the resulting shape without taking account of the objects in front of and behind it (for example the numbers in my example).

In that case, simply do not include the numbers in the set of objects from which shapes are to be built.

Link to comment
Share on other sites

@lepr 😉I've only given the fill as an example to get the idea across. The idea is to create independent zones, in this case 9.

However, I can't find the 'paint pot' for the Vector Flood Fill tool. See my screenshot.

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Link to comment
Share on other sites

8 minutes ago, Pyanepsion said:

However, I can't find the 'paint pot' for the Vector Flood Fill tool. See my screenshot.

View > Customize Tools ?

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 18.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

Link to comment
Share on other sites

It's great when it finally works. Thank you all so much.

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Link to comment
Share on other sites

25 minutes ago, Pyanepsion said:

😉I've only given the fill as an example to get the idea across. The idea is to create independent zones, in this case 9.

My messages have been appropriate for creating independent zones, and for excluding objects from the shape building, so there must be some communication breakdown between us. Never mind. You seem to be managing now.

Link to comment
Share on other sites

Hello, @lepr

You say:

Quote

My messages have been appropriate for creating independent zones, and for excluding objects from the shape building, so there must be some communication breakdown between us. Never mind. You seem to be managing now.

Thank you for your explanations. I must admit that I did have some difficulty in trying out and understanding your method, particularly because of the absence of the ‘Vector Flood Fill’ function in the Tools menu. Messages from other users also showed a lack of fill in zones 6, 8 and 9, as well as flooding in two adjacent zones, which raised doubts about the relevance of this approach.

That said, after discussing these doubts and obtaining more precise answers, I was able to overcome these difficulties. Your method is very different from the one I had initially envisaged, and I’m grateful to you for taking the time to help me understand this new approach.

Thank you again for your explanations and assistance.

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Link to comment
Share on other sites

4 hours ago, Pyanepsion said:

Hello, @lepr

You say:

Thank you for your explanations. I must admit that I did have some difficulty in trying out and understanding your method, particularly because of the absence of the ‘Vector Flood Fill’ function in the Tools menu. Messages from other users also showed a lack of fill in zones 6, 8 and 9, as well as flooding in two adjacent zones, which raised doubts about the relevance of this approach.

That said, after discussing these doubts and obtaining more precise answers, I was able to overcome these difficulties. Your method is very different from the one I had initially envisaged, and I’m grateful to you for taking the time to help me understand this new approach.

Thank you again for your explanations and assistance.

GarryP deserves the credit for suggesting Vector Flood Fill Tool. I only added a little extra information.

Anyway, I'm glad to have helped. :)

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.