Jump to content

how to fill certain fields in this lined circle?


Recommended Posts

Hallo @Silvery100 und willkommen im Forum.

Das Füllen funktioniert nur bei geschlossenen Objekten. Die Kreislinien-Elemente musst Du vermutlich in der Ebenenpalette umkehren, dass heißt, die kleinste Kreisebene muss in der Hierarchie ganz oben stehen und dann abwärts kleiner werden.

MAC mini M4 | MacOS Sequoia 15.1.1 | 16 GB RAM | 256 GB SSD 
AMD Ryzen 7 5700X | INTEL Arc A770 LE 16 GB  | 32 GB DDR4 3200MHz | Windows 11 Pro 24H2 (26100.2161)

Affinity Suite V 2.5.6 & Beta 2.6 (latest)
Interested in a free (selfhosted) PDF Solution? Have a look at Stirling PDF

Ferengi Acquisition Rule No. 49: “A deal is a deal is a deal.”

Link to comment
Share on other sites

ok, I guess the simple filling method of areas in one artboard is not working in AD? But there must be an easy way I used don't see: Another example:

I need to set a pattern for patchwork patches and draw an artboard with 6 squares width and 6 rows down. I would like to use the bucket to just click an fill those desired areas. the bucket doesn't do nothing when clicking in one square, except I select the layer, which I need to "look for".

 

image.thumb.png.287326c83759f9ea5ff7136aff92427a.png

Link to comment
Share on other sites

2 hours ago, Silvery100 said:

I would like to use the bucket

You need vector or rasterized output?
Flood Fill Tool works only in pixel.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.5.2636 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

Not sure if those are all only shapes or closed circles? - If they are, you can set the stroke and fill only for every whole circle/curve here.

But if you want instead to have only those above shown cross like rectangular areas filled, a circle shape/curve on it's own (aka a circle alone) won't offer that, since you need 4 square closed segments inside each circle so you can fill them independently from the other circle segments here.

You would probably need several circles and a 2 rects which will cross those, then select all and apply a geometric divide operation. Afterwards group the whole together and then apply stroke & fill colors as needed.

I show it just with one crossing rect here ...

circle-segs.jpg.9e8881400c005830372353c483f96437.jpg

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

OMG - you guys are great 😘 Those ideas are great and VERY usefull - but for another purpose though. I guesst I'm not explaining right. There, I'll include a simple fill sample with history.

After doing my "patchwork-blanket", I would like to easily fill those desired squares with just one click, like I'm used to in Photoshop (ok, with rasterized images for the first try).

Would you take a look at my sample? Can you tell, where I'm going wrong from the beginning on? Because this would be my starting point for creating more complex designes, like I showed in the beginning with the multiple lines and circles for a design, which I would like to just fill some of the selected boxes to become a colored open circle or whatever I like to fill those tiny boxes with. 

Thanks again for your kind help 🥰

easy-fill.afdesign

Link to comment
Share on other sites

Does this work for you:

  • select any rectangle (in layer stack)
  • choose fill color in color panel, or swatch panel

There is a big difference in filling pixel layers and filling vector shapes / curve layers

Vector objects:

  • choose Designer Persona
  • select whole object in layer stack ( do not use pixel selections like selection brush)
  • Using color panel or swatch panel, choose color,
  • Using fill / stroke in toolbar and choose between options
  • using gradient fill tool

Pixel layers:

  • choose Pixel Persona
  • activate desired layer in layer stack
  • make a pixel selection using pixel based selection tools
  • Use fill tool, or gradient fill tool
  • you can fill multiple layers at once

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

Link to comment
Share on other sites

What about duplicating the pattern, rasterising the group, using a suitable tolerance on the fill tool and simply clicking colours into the squares.

easy-fill.afdesign

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

Hi Carl, this is what I did as a quick solution. The other solutions need more time for me to test and learn - BUT thanks to you all. I'll try and let you guys know, what came out of the first design :)

Many greetings from Bavaria, Germany - merry Christmas and have a save, healthy and prosperous new year.

Link to comment
Share on other sites

15 hours ago, Silvery100 said:

I would need for my patchwork rasterized output

4 hours ago, Silvery100 said:

I would like to easily fill those desired squares with just one click

 

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.5.2636 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

8 hours ago, CPC said:

Name the squares so you can easily find one in the layers panel if needed eg A1, A2, A3... B2, B2 B3 etc.

An alternative that combines this with what @Hens showed is to name each rectangle that you want to have the same color with the same name, for example like "c1" for color 1, "c2" for color 2, & so on.

Then, at any time you can use Select > Select Same > Name to select all of them with that name & set the fill (or stroke) color to whatever you want. This avoids the need to rasterize anything. Something like this: easy-fill c named.afdesign

Admittedly, it is a bit tedious to name them all but once you do that, the rest is easy.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

@Hens: WOooohooo. Thanks for the movie. This is what I did now for the quick version and it worked out fine.

@Pšenda: this is what I needed for pixel output. THANK you. I forgot to merge and then convert into curves. That'll work now for my patchwork with squares.

The initial question is still on my mind:

- how do I do this with vector output?
- how do I get the circles (1st image) plus the lines able to have a filling method? I tried your method but only the line shapes get filled, not the form of the circle

Link to comment
Share on other sites

10 minutes ago, Silvery100 said:

The initial question is still on my mind:

- how do I do this with vector output?

The method @Hens mentioned does not rasterize anything (nor does my variation of it).

12 minutes ago, Silvery100 said:

- how do I get the circles (1st image) plus the lines able to have a filling method?

You can set the colors of each vector object individually. But note that a straight line (one where all of its nodes are in a straight line) effectively has no fill because it has no area to fill.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

3 hours ago, Silvery100 said:

- how do I do this with vector output?

Unfortunately, only very complicated and awkward - compared to the raster method "click and go".
Personally, I think that the above vector procedures are rough for creative work, when you need to change the color and click where you can think. You don't want to think about the fact that it is a line and not a closed shape, and that you can't fill it or laboriously search for objects by name, ....

I would make the first/creative design by raster - draw circles and lines as needed, and convert them to a raster image (this is generally better for APhoto). Then copy the raster/template (so you can reuse it if necessary), and use the Flood Fill Tool to click and fill.

When you are satisfied with the design, you can calmly and laboriously convert it into a vector form.

And do you really need it in vector? Will you cut it with a laser? Given the fillings, I doubt it. So you will probably print it, and therefore rasterize it. I understand that vector design is better - it can be freely enlarged and modified, but if it's so laborious, I'd use an easier method. You can do this in a huge resolution, which you can then adjust to any size as needed.

Edited by Pšenda

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.5.2636 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

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.