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

Create a stroke around a group (of objects)?


Recommended Posts

23 minutes ago, Jose Alvarez said:

Hi!

I wish to apply a stroke to the contour of a group (formed by some objects). There's a way to do it without creating a merging object with all the grouped objects and moving it back (indeed, that's the way I'm doing now...)

If there are enough paths available to create the fill you need, you could merge a duplicate group to create the shape needed to apply a stroke. There wouldn't be a group then, just the final curve and then you can turn off the fill. If you don't have the paths, you may have to create them by duplicating those objects & use "Convert to Curves" option.

221129_merge-shapes.gif.e0e78f0fb159d434aaef65f08fb38a6c.gif

https://affinity.help/designer/en-US.lproj/index.html?page=pages/ObjectControl/join.html?title=Joining objects

Link to comment
Share on other sites

You might get away with an Outline effect applied to the group.

https://affinity.help/designer2/English.lproj/pages/LayerFX/layerFX_outline.html

1. Group the objects that you want to outline.
2. Add Outline effect to the group, via the Layer Effects button in the Layers Panel.

Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   48 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Wacom Intuos Pro

Link to comment
Share on other sites

2 hours ago, debraspicher said:

If there are enough paths available to create the fill you need, you could merge a duplicate group to create the shape needed to apply a stroke. There wouldn't be a group then, just the final curve and then you can turn off the fill. If you don't have the paths, you may have to create them by duplicating those objects & use "Convert to Curves" option.

221129_merge-shapes.gif.e0e78f0fb159d434aaef65f08fb38a6c.gif

https://affinity.help/designer/en-US.lproj/index.html?page=pages/ObjectControl/join.html?title=Joining objects

Thanks, Debra, but this is the solution that I'm using right now and the one I want to avoid ;).

Link to comment
Share on other sites

20 minutes ago, Aammppaa said:

You might get away with an Outline effect applied to the group.

https://affinity.help/designer2/English.lproj/pages/LayerFX/layerFX_outline.html

1. Group the objects that you want to outline.
2. Add Outline effect to the group, via the Layer Effects button in the Layers Panel.

Thanks Aammppaa, that's just I was looking for!

Link to comment
Share on other sites

1 hour ago, Jose Alvarez said:

that's just I was looking for!

Just be aware that the outline will be a bitmap effect, not a vector stroke.

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

For a non-destructive and editable outline , I'd go this route:

ade_vector_outline_on_group.png

 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

The above vector workflow can be made completely interactive by using Symbols:

  1. create your vector objects and select them
  2. Layer > Create Compound (don't worry about temporarily losing any individual object attributes, they are not lost)
  3. create your outline stroke on the Compound layer (remove the fill if you don't need any)
  4. create a symbol of the Compound layer (i.e. click the Create button in the Symbols panel)
  5. duplicate the new Symbol layer
  6. in the Symbols panel, disable the Sync button
  7. select the Compound layer inside the cloned Symbol layer
  8. Layer > Release Compound (there, all your original attributes of individual objects should be back
  9. select the parent Symbol layer of the released objects
  10. enable the Sync button again
  11. group both Symbol layer instances to keep them aligned

It's important to create a Symbol from the compound first and then release the duplicate compound unsynced to get your fill attributes back. The other way around the symbol sync wouldn't work.

Now when you select the nested objects inside either Symbol instance, they will move or change shape in sync. Only their fill and stroke attributes are detached via the Compound layer as marked by the vertical dashed line in the Layers panel.

 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

12 hours ago, loukash said:

The above vector workflow can be made completely interactive by using Symbols:

  1. create your vector objects and select them
  2. Layer > Create Compound (don't worry about temporarily losing any individual object attributes, they are not lost)
  3. create your outline stroke on the Compound layer (remove the fill if you don't need any)
  4. create a symbol of the Compound layer (i.e. click the Create button in the Symbols panel)
  5. duplicate the new Symbol layer
  6. in the Symbols panel, disable the Sync button
  7. select the Compound layer inside the cloned Symbol layer
  8. Layer > Release Compound (there, all your original attributes of individual objects should be back
  9. select the parent Symbol layer of the released objects
  10. enable the Sync button again
  11. group both Symbol layer instances to keep them aligned

It's important to create a Symbol from the compound first and then release the duplicate compound unsynced to get your fill attributes back. The other way around the symbol sync wouldn't work.

Now when you select the nested objects inside either Symbol instance, they will move or change shape in sync. Only their fill and stroke attributes are detached via the Compound layer as marked by the vertical dashed line in the Layers panel.

 

Nice solution, Loukash, I take note! Thanks.

Link to comment
Share on other sites

2 hours ago, Jose Alvarez said:

Nice solution, Loukash

Thanks. But frankly, it's still more of a "complex workaround" rather than an easily applicable workflow.
It could be made easier if Affinity had an option for groups, whether to apply certain attributes on a group layer to each of its children individually (current method), or as a kind of overlay, i.e. by creating a hidden compound object "on the fly" (which is more or less what layer effects do, only that those are bitmap, not vector).
Either that, or a new category called Vector Layer Effects would be handy.

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

28 minutes ago, EricP said:

I had not realised you could unlink some attributes from symbols by unlinking, editing and relinking them.

If you have Photo, you can also quickly switch overthere to make use of its Links panel. The underlying technology for links and symbols is obviously the same.

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

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.