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

How do you give each line segment on an object a different appearance


Recommended Posts

If I use the shape tool to make a triangle for instance. How would I then make on line segment of the triangle black dashed lines with a stroke weight of 2, the second line segment blue solid line with a stroke weight of 2, and the third line segment a solid yellow line with a stroke weight of 10.  

 

thanks 

Link to comment
Share on other sites

You must draw separate segments with specific parameters (color, thickness). Affinity can only work with the entire object.

Draw triangle, Layer\Convert to Curves, Break Curve for each triangle peak, and set specific parameters.

Edited by Pšenda

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
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.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
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

  1. Draw a triangle using the shape tool
  2. Convert it to curves
  3. Select the node tool and select the three nodes
  4. Use the Break icon on the node context menu
    • 1427136325_ScreenShot2019-08-05at07_30_40.png.b3d603068cf96910fcc7ff39371adf37.png
  5. You can now apply different different strokes and colours to the separate lines
    • 573021830_ScreenShot2019-08-05at07_35_28.png.8bfd43547be934ed2a3061e5dee78b0f.png

iMac 27" 2019 Somona 14.3.1, 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

9 hours ago, firstdefence said:
  1. Draw a triangle using the shape tool
  2. Convert it to curves
  3. Select the node tool and select the three nodes
  4. Use the Break icon on the node context menu
    • 1427136325_ScreenShot2019-08-05at07_30_40.png.b3d603068cf96910fcc7ff39371adf37.png
  5. You can now apply different different strokes and colours to the separate lines
    • 573021830_ScreenShot2019-08-05at07_35_28.png.8bfd43547be934ed2a3061e5dee78b0f.png

I was able to reproduce your steps, thanks. However, I would still like to be able to fill the triangle in with a colour after making the changes to the line segments. Is that possible? 

 

 

Link to comment
Share on other sites

4 minutes ago, HDoowop said:

I was able to reproduce your steps, thanks. However, I would still like to be able to fill the triangle in with a colour after making the changes to the line segments. Is that possible?

Duplicate the triangle before breaking it up. Then you can simply format the original, unbroken triangle to have a fill but no stroke.

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

Link to comment
Share on other sites

19 minutes ago, Alfred said:

Duplicate the triangle before breaking it up. Then you can simply format the original, unbroken triangle to have a fill but no stroke.

Ok, so I lied lol. I followed firstdefences's steps and I was able to apply different stroke properties for each line segment however for some reason I can't get the line segments to turn into dashed lines, not sure what I'm doing wrong; I have tried it twice now. 

I can try duplicating the triangle and putting it underneath however with the dashed lines, Im guessing the colour underneath is not going to follow the dashes. So when theres a gap with the line segment the colour underneath is not going to gap as well. Is there a way to get both to line up?

 

thanks

Link to comment
Share on other sites

16 minutes ago, HDoowop said:

I can't get the line segments to turn into dashed lines

Reset the pressure profile. You can apply a pressure profile or make the line dashed, but not both at the same time.

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

Link to comment
Share on other sites

 

On 8/5/2019 at 12:22 PM, Alfred said:

Reset the pressure profile. You can apply a pressure profile or make the line dashed, but not both at the same time.

that helped fixed the issue, thanks. 

 

Ok, so I was able to apply the 3 different stroke settings like I was looking for. I was also able to fill in the shape by duplicating the triangle before applying the stroke settings. Is there a way to now get the coloured triangle to follow the dashed stroke? So where ever there is no dash I'd like the colour to stop as well so it doesn't show through the gaps. Would I have to redraw that side of the triangle with the pen tool to follow the dashes?

 

thanks 

5C688C59-BE26-41DA-BDA6-F78CB81FEA29.png

Link to comment
Share on other sites

Base/fill triangle set stroke (fill color or white) width same as dashed line. 

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
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.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
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.