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

Color inside of multiple paths


Recommended Posts

It is hard to tell from the video but it looks like you have four individual curves. You need to make one closed curve to do what you want, for example by creating a rectangle the width of the shape, converting it to curves, & then dragging the two horizontal path edges downward with the Node tool to create the curved top & bottom edges.

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

Link to comment
Share on other sites

To expand on what R C-R wrote:

 

AD curve objects have 2 properties. The stroke and the fill. The fill is inside the area defined by the outermost nodes of the stroke line.

 

In the video, the curved lines get a fill because the line and the end nodes create a boundary that encloses and area. The vertical lines don't, because they enclose no area by themselves.

 

The easiest way to make that shape is as R C-R describes. Otherwise, 2 curve segments whose ends touch may be selected while in node tool, and joined. This must be repeated till all segments are joined. Then, the last operation is to close the curve.

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

Yet another, more precise way to do this:

 

1. Create an ellipse with the desired curvature of the top & bottom of the shape you want to fill.

2. Duplicate it & move the dup down the distance you want for the thickness of the final shape.

3. With Snapping enabled draw a rectangle centered on the horizontal edges of the two ellipses. This will have the same height as the final thickness.

4. Put the top ellipse above the rectangle in the Layers panel.

5. Select it & the rectangle & use the boolean subtract action to cut away the lower curve of the ellipse from the top of the rectangle.

6. Select the other ellipse & the rectangle & use the boolean addition action to add the bottom curve of the ellipse to the rectangle.

 

It sounds like a lot of work but it is actually very easy to do quickly once you practice it a few times. It also automatically precisely duplicates the curvature  on the top & bottom edges. This technique can be adapted to many other shapes, too.

 

Have fun!

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

Link to comment
Share on other sites

Because Designer still don't support envelopes (like Corel) you have to do it manually which is not very precise.

All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows.
15” Dell Inspiron 7559 i7 Windows 10 x64 Pro Intel Core i7-6700HQ (3.50 GHz, 6M) 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) NVIDIA GeForce GTX 960M 4 GB GDDR5 500 GB SSD + 1 TB HDD UHD (3840 x 2160) Truelife LED - Backlit Touch Display
32” LG 32UN650-W display 3840 x 2160 UHD, IPS, HDR10 Color Gamut: DCI-P3 95%, Color Calibrated 2 x HDMI, 1 x DisplayPort
13.3” MacBook Pro (2017) Ventura 13.6 Intel Core i7 (3.50 GHz Dual Core) 16 GB 2133 MHz LPDDR3 Intel Iris Plus Graphics 650 1536 MB 500 GB SSD Retina Display (3360 x 2100)

Link to comment
Share on other sites

Petar, the alternate method I mentioned is very precise.

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

Link to comment
Share on other sites

Petar, the alternate method I mentioned is very precise.

 

The comment was about the 1st method you offer, not the 2nd where you numbered the steps.  :)

Sorry I was not so precise.

All the latest releases of Designer, Photo and Publisher (retail and beta) on MacOS and Windows.
15” Dell Inspiron 7559 i7 Windows 10 x64 Pro Intel Core i7-6700HQ (3.50 GHz, 6M) 16 GB Dual Channel DDR3L 1600 MHz (8GBx2) NVIDIA GeForce GTX 960M 4 GB GDDR5 500 GB SSD + 1 TB HDD UHD (3840 x 2160) Truelife LED - Backlit Touch Display
32” LG 32UN650-W display 3840 x 2160 UHD, IPS, HDR10 Color Gamut: DCI-P3 95%, Color Calibrated 2 x HDMI, 1 x DisplayPort
13.3” MacBook Pro (2017) Ventura 13.6 Intel Core i7 (3.50 GHz Dual Core) 16 GB 2133 MHz LPDDR3 Intel Iris Plus Graphics 650 1536 MB 500 GB SSD Retina Display (3360 x 2100)

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.