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

Road shape line with Pen tool no brush


Recommended Posts

Hi everyone,

Please, can you give me some suggestions how to draw a pad for a maze?

What I want to accomplish is drawing straight and curved paths fenced with a thin black line and in between the lines a fill (light grey). When I draw the line, both fence lines are automaticle drawn.

I tried the brush tool but the result was disappointing. Also, I could not find the brush I needed. See the following image, to get an idea what I want:

https://drive.google.com/file/d/1Cd4TH9oPEx1ZbdzgjmWuPsKxFBwnmNuX/view?usp=sharing

I want the structure as in the rectangle (black parrallel lines with light grey fill) and the shape like in the brush below but without those black divisions.

Any ideas or suggestions how I can accomplish that in Affinity Designer?

Thank you in advance for your help.

Chris

 

 

 

 

Link to comment
Share on other sites

  • Staff

Hi Bad_Wolf, 

I can't see any file on that link, but to take guess at what you are looking for, you should create a new textured image brush with the texture that you are requiring from an image saved as a PNG.

image.png

 

Then set up your brush with settings roughly as below.

Lee

 

image.png

Link to comment
Share on other sites

20 minutes ago, LeeThorpe said:

I can't see any file on that link

I viewed and downloaded the file without any issues. Here ’tis:4328B5AB-9B25-4302-9E56-1418C7430879.thumb.png.d2a1837cd733cffd8423e82b457f4a8a.png

Can’t the desired result be achieved quite easily in AD via the Appearance panel? A grey stroke bordered by black lines is just a broad black stroke with a slightly narrower grey stroke on top.

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

15 minutes ago, G13RL said:

Hi @Alfred, yes, but the crossings are non-overlappingimage.png.d3ae006258e659a9e319c19a95a20a13.png

Thanks, @G13RL, that’s a very useful observation.

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

Thanks, unfortunately I still don't understand your method in details. How did you avoid the overlapping of the black background stroke where Pen curve layers meet each other?  – Also I wonder about these slightly different appearance (offset + grays) at for instance this T-cross, and even at the corner:

1823017252_streetstrokes1.jpg.53939bc9e55e782a4efe9c12610661f9.jpg709611629_streetstrokes2.jpg.78a3c35618ed0c9d7f29901a601a20d9.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

22 minutes ago, thomaso said:

Thanks, unfortunately I still don't understand your method in details. How did you avoid the overlapping of the black background stroke where Pen curve layers meet each other?  – Also I wonder about these slightly different appearance (offset + grays) at for instance this T-cross, and even at the corner:

 

I drew the black line (square cap), then, in the "Appearance" tab, I added a grey stroke a little less thick than the black, also square caps. 
I don't do anything special to avoid overlapping, it just happens by itself
The overshoots you mention only appear at certain zoom levels and are not present when printed.
See outline view mode attached.

2022-08-15_160210.jpg

Link to comment
Share on other sites

5 hours ago, Bad_Wolf said:

What I want to accomplish is drawing straight and curved paths fenced with a thin black line and in between the lines a fill (light grey). When I draw the line, both fence lines are automaticle drawn.

Here are a couple of styles, One open ended and one closed. You will have to apply them to the strokes after you draw them. They use the appearance panel to make two strokes.

experment.afstyles

1146394980_ScreenShot2022-08-15at7_32_14AM.png.a4685208579c67e404b6cf9596351a07.png

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

7 minutes ago, Old Bruce said:

Here are a couple of styles, One open ended and one closed. You will have to apply them to the strokes after you draw them. They use the appearance panel to make two strokes.

Very clever to make them into styles, I wouldn't have thought of that!

Link to comment
Share on other sites

4 minutes ago, G13RL said:

square caps

Ah, that's it! Thanks! – Interesting that it auto-handles overlaps within 1 curve.
Unfortunately this works only at ends of roads which meat rectangular (T, H, F), but not when two curves meet at +, X, Y, A, R, …

1267384207_streetstrokes3.jpg.f15c655ba510a0380ccad4131550f1f7.jpg

5 minutes ago, G13RL said:

Very clever to make them into styles, I wouldn't have thought of that!

I had to. Because to me the button to Add a Stroke was grayed-out as soon I had more than 1 curve selected, regardless of Move or Node Tool. I can't imagine that's normal, – what did I do wrong?

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

17 minutes ago, thomaso said:

Ah, that's it! Thanks! – Interesting that it auto-handles overlaps within 1 curve.
Unfortunately this works only at ends of roads which meat rectangular (T, H, F), but not when two curves meet at +, X, Y, A, R, …

 

I had to. Because to me the button to Add a Stroke was grayed-out as soon I had more than 1 curve selected, regardless of Move or Node Tool. I can't imagine that's normal, – what did I do wrong?

Did you select "Add New Curve To Selected Curves Object" in the pop-up bar?

Edit

Unfortunately, this only works with "Pen Tool", not "Pencil Tool".

Link to comment
Share on other sites

8 minutes ago, G13RL said:

Did you select "Add New Curve To Selected Curves Object" in the pop-up bar?

What bar, where? The Appearance panel always defaults to No fill | 1 black stoke as soon I have more than 1 layer selected, also with Pen Tool:

2079795707_streetstrokes4panel.thumb.jpg.99b49d18f3dd7cbe0814ae9b99dd2729.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

9 minutes ago, thomaso said:

What bar, where? The Appearance panel always defaults to No fill | 1 black stoke as soon I have more than 1 layer selected, also with Pen Tool:

Sorry, I did not make myself clear.
When you are working with the Pen Tool, its contextual bar appears, and this is where you have access to "Add New Curve To Selected Curves Object".

2022-08-15_172917.jpg

Link to comment
Share on other sites

Just now, G13RL said:

... working with the Pen Tool, its pop-up bar appears, ...

The proper name is the Context Toolbar. View > Show Context Toolbar.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

1 minute ago, G13RL said:

... as I am not an English speaker, I sometimes find it difficult 

I can only speak English* and I sometimes... often find it difficult. I am continually checking the dictionary for definitions of words I have used for 50+ years.

* la Francophonie has a restraining order preventing me from even thinking about speaking French. Something about my pronunciation and grammar being criminal.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

3 minutes ago, Old Bruce said:

I can only speak English* and I sometimes... often find it difficult. I am continually checking the dictionary for definitions of words I have used for 50+ years.

* la Francophonie has a restraining order preventing me from even thinking about speaking French. Something about my pronunciation and grammar being criminal.

Personally, I use DeepL or Google Translate, especially for answers. I am French and when I realised (in high school, in the sixties) that my English pronunciation was catastrophic, I gradually gave up.

Link to comment
Share on other sites

37 minutes ago, G13RL said:

When you are working with the Pen Tool, its contextual bar appears, and this is where you have access to "Add New Curve To Selected Curves Object".

Merci. No, for a road map I would not want this option to be active but prefer each street as a separate layer instead.

However, does it mean there is NO way to define more than 1 fill + 1 stroke if more than 1 layer is selected – and it would require an object style to assign such to several objects at a time? – If yes, for what purpose or advantage might this limitation have been developed?

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

1 minute ago, thomaso said:

However, does it mean there is NO way to define more than 1 fill + 1 stroke if more than 1 layer is selected – and it would require an object style to assign such to several objects at a time? – If yes, for what purpose or advantage might this limitation have been developed?

I don't think that this limitation was designed. It just is the way it is, perhaps an oversight, perhaps there is some fundamental programming difficulty that needs to be cracked. I wish there was a way of applying multiple strokes from the Appearance panel to many selected curves. I also wish we could use the Appearance panel with text.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

26 minutes ago, thomaso said:

Merci. No, for a road map I would not want this option to be active but prefer each street as a separate layer instead.

However, does it mean there is NO way to define more than 1 fill + 1 stroke if more than 1 layer is selected – and it would require an object style to assign such to several objects at a time? – If yes, for what purpose or advantage might this limitation have been developed?

Yes, there is apparently no way to assign different strokes/fills to multiple curves at once via the appearance panel. 

Link to comment
Share on other sites

24 minutes ago, Old Bruce said:

I don't think that this limitation was designed. It just is the way it is, perhaps an oversight, perhaps there is some fundamental programming difficulty that needs to be cracked. I wish there was a way of applying multiple strokes from the Appearance panel to many selected curves. I also wish we could use the Appearance panel with text.

It is indeed a pity to have to convert the text into curves to add multiple outlines using the appearance panel.

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.