Jump to content

Recommended Posts

(split from this announcement post)

Thanks for a great update.
As a  quick test, I played with the appearance panel. Specifically, I tried drawing a  basic street map, as you might see in a leaflet for a local business. 
Using the new multiple strokes capability, it’s  possible to do to such work quickly Affinity Designer. 
First I drew the roads using a heavy dark stroke. Then in the appearance panel, I added a second stroke, in a lighter colour, above the first stroke. 
That produced the effect of parallel lines, with a fill in between.
The technique will work only if another new feature in 1.7 is used: when using the pen tool, the "Add new curves to selected object object" button on the context toolbar must be selected.  Then the lines blend together.
The second stage in this exercise was to duplicate the artboard containing all the elements. On the second the strokes have brush styles to give a more hand-drawn style.
This is a quick, very rough test, and I’m looking forward to exploring the latest Affinity advances in more depth!
 

map-Capture-1.PNG

Share this post


Link to post
Share on other sites
11 hours ago, Aongus Collins said:

Thanks for a great update.
As a  quick test, I played with the appearance panel. Specifically, I tried drawing a  basic street map, as you might see in a leaflet for a local business. 
Using the new multiple strokes capability, it’s  possible to do to such work quickly Affinity Designer. 
First I drew the roads using a heavy dark stroke. Then in the appearance panel, I added a second stroke, in a lighter colour, above the first stroke. 
That produced the effect of parallel lines, with a fill in between.
The technique will work only if another new feature in 1.7 is used: when using the pen tool, the "Add new curves to selected object object" button on the context toolbar must be selected.  Then the lines blend together.
The second stage in this exercise was to duplicate the artboard containing all the elements. On the second the strokes have brush styles to give a more hand-drawn style.
This is a quick, very rough test, and I’m looking forward to exploring the latest Affinity advances in more depth!
 

map-Capture-1.PNG

THANK YOU! I've been struggling with this exact problem, getting parallel, but also intersecting lines. Awesome! I tried drawing letters with two strokes enabled, and now it's easy as a breeze..!

thank.png

 

EDIT: PS, I also just discovered you can draw open ended roads by setting one stroke to "butt cap" and the other to "square cap"

Share this post


Link to post
Share on other sites

In the top stroke you need to set the blend mode to "delete" - then it will be just perfect. Thanks for the idea).

Share this post


Link to post
Share on other sites
On 6/5/2019 at 10:52 PM, Aongus Collins said:

First I drew the roads using a heavy dark stroke. Then in the appearance panel, I added a second stroke, in a lighter colour, above the first stroke. 
That produced the effect of parallel lines, with a fill in between.
The technique will work only if another new feature in 1.7 is used: when using the pen tool, the "Add new curves to selected object object" button on the context toolbar must be selected.  Then the lines blend together.

map-Capture-1.PNG

This is a wonderful and efficient technique for drawing road maps. And the best thing about it: every single street can be flexibly adapted! :27_sunglasses:
But unfortunately it is not possible to create streets of different widths in this way.


My Specs:
- Processor: AMD Phenom™ II X4 955 Processor 3.20 GHz- RAM: 8 GB
- Graphics card: NVIDIA GeForce GTS 250
- Monitor: SyncMaster F2380 (resolution 1920x1080)
- Operating system: Windows 10 Pro (1803) / 64 bit

Share this post


Link to post
Share on other sites
8 hours ago, Michail said:

This is a wonderful and efficient technique for drawing road maps. And the best thing about it: every single street can be flexibly adapted! :27_sunglasses:
But unfortunately it is not possible to create streets of different widths in this way.

Michail,

Indeed you can, at least when using different layers for different types of strokes:

image.thumb.png.96786e554f0faf5a94301ecb92efd6f5.png


Medion Akoya laptop with Intel Core i5-5200U, 4 GB RAM, Windows 10 Home. Most Serif software, Affinity Designer and Photo.

Share this post


Link to post
Share on other sites

Nils, Michail,

Yes, using layers can resolve the issue of varying road widths.


Here’s another example, using open curves. As toth explained in an earlier post, when curves are open you can achieve a perfect illusion of 2 parallel lines. In the Appearance Panel the lower stroke must have a Butt Cap, and the top stroke a Square Cap. 


In this example the thinner strokes are on on a separate, upper layer. Although the roads don’t really join, they look as if they do... due to the way the uppe curves have been placed to cover the borders of the underlying curves.

roads.png

Share this post


Link to post
Share on other sites
14 hours ago, Aongus Collins said:

Yes, using layers can resolve the issue of varying road widths.
Here’s another example, using open curves. As toth explained in an earlier post, when curves are open you can achieve a perfect illusion of 2 parallel lines. In the Appearance Panel the lower stroke must have a Butt Cap, and the top stroke a Square Cap.
In this example the thinner strokes are on on a separate, upper layer. Although the roads don’t really join, they look as if they do... due to the way the uppe curves have been placed to cover the borders of the underlying curves.

roads.png

Can you explain the thin lines (above) in more detail (step by step)?

1. Have you drawn the thin road in the same way as the wide roads (image.png.56d25b0725df91083c5fb05339b9b521.png)? Unfortunately you can't see that.
2. Why did you create a C-level? (and not a normal one)?
3. Probably the whole thing doesn't work in "delete" mixed mode.


My Specs:
- Processor: AMD Phenom™ II X4 955 Processor 3.20 GHz- RAM: 8 GB
- Graphics card: NVIDIA GeForce GTS 250
- Monitor: SyncMaster F2380 (resolution 1920x1080)
- Operating system: Windows 10 Pro (1803) / 64 bit

Share this post


Link to post
Share on other sites
2 hours ago, Michail said:

Can you explain the thin lines (above) in more detail (step by step)?

 1. Have you drawn the thin road in the same way as the wide roads (image.png.56d25b0725df91083c5fb05339b9b521.png)? Unfortunately you can't see that.
2. Why did you create a C-level? (and not a normal one)?
3. Probably the whole thing doesn't work in "delete" mixed mode.

Michail,

Here is a screenshot showing the process in more detail. I’ve also uploaded the file.

For consistency, each set of roads is now on a layer level, not a C-level (that was an oversight).

The lines are simple open curves, no boolean or compound operations were involved.

I hope this is clearer!

Road Map.afdesign

map-process.png

Share this post


Link to post
Share on other sites
1 hour ago, Aongus Collins said:

Here is a screenshot showing the process in more detail. I’ve also uploaded the file.
For consistency, each set of roads is now on a layer level, not a C-level (that was an oversight).
The lines are simple open curves, no boolean or compound operations were involved.

Thank you for your trouble!

I couldn't see that the narrow road was interrupted. This method would be a bit cumbersome in practice (especially with thin edges), especially since there is no catch mechanism for it. You could draw the lines through and calculate with a mix mode (e.g. "Expose colors"). But this only works with black and white.

Maybe I (or someone else) will find another solution. Until then I have to use my proven method for different street widths (see attached file). :)

Straßen.afdesign


My Specs:
- Processor: AMD Phenom™ II X4 955 Processor 3.20 GHz- RAM: 8 GB
- Graphics card: NVIDIA GeForce GTS 250
- Monitor: SyncMaster F2380 (resolution 1920x1080)
- Operating system: Windows 10 Pro (1803) / 64 bit

Share this post


Link to post
Share on other sites
On 6/11/2019 at 2:31 PM, Aongus Collins said:

Yes, using layers can resolve the issue of varying road widths.

Thank you very much for sharing this technique! I doubt I would have ever figured out on my own how the new multiple stroke & "Add new curves to selected object object" features could be combined to do things like this. :)


Affinity Photo 1.7.1, Affinity Designer 1.7.1, Affinity Publisher 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.1.143 & Affinity Designer 1.7.1.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×