KCP Posted November 8, 2019 Share Posted November 8, 2019 I've figured out how to create overlapping rings with offsets, and I can create interlocking rings without an offset. I can't figure out how to combine both. Here is a vid of it being done in Illustrator. As always, any help is appreciated. Overlapping With Offset Interlocking Without Offset Quote Link to comment Share on other sites More sharing options...
firstdefence Posted November 8, 2019 Share Posted November 8, 2019 So you want some of the rings to have offsets and some without offsets in the same graphic? Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (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 More sharing options...
MickRose Posted November 8, 2019 Share Posted November 8, 2019 Its easy if you don't want an outline. Just use a Donut copy of each ring and rotate/tweak as required. Anyone know how to put a proper outline on this? Quote Windows 10 Pro, I5 3.3G PC 16G RAM Link to comment Share on other sites More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 25 minutes ago, firstdefence said: So you want some of the rings to have offsets and some without offsets in the same graphic? I want to accomplish what is in the video. Quote Link to comment Share on other sites More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 6 minutes ago, MickRose said: Its easy if you don't want an outline. Just use a Donut copy of each ring and rotate/tweak as required. Anyone know how to put a proper outline on this? Yes, Interlocking the rings as you've done here is the easy part. Interlocking them with the offset (outline, as you refer to it) is what I'm trying to accomplish. Quote Link to comment Share on other sites More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 It's obviously an easy process with Illustrator's Shape-Builder tool, although there must be a workaround for AD. Quote Link to comment Share on other sites More sharing options...
firstdefence Posted November 8, 2019 Share Posted November 8, 2019 It's way easy in Illustrator. Your example is actually wrong according to the video, your red circle needs to go under the yellow on the right part, anyhoo... I've done this using donuts with a fill and donuts with a stroke and then layered them to get this. Epic donut test.afdesign Just don't put this on anything other than a white Background lol! Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (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 More sharing options...
v_kyr Posted November 8, 2019 Share Posted November 8, 2019 For outlining you can try these ... Multiple strokes & fills Parallel outlines Quote ☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan ☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2 Link to comment Share on other sites More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 2 minutes ago, firstdefence said: It's way easy in Illustrator. Your example is actually wrong according to the video, your red circle needs to go under the yellow on the right part, anyhoo... I've done this using donuts with a fill and donuts with a stroke and then layered them to get this. Epic donut test.afdesign Last night, I tried expanding the stroke and then dividing all of the parts. It was a nightmare. It divided the stroke into hundred of tiny slivers that I couldn't even see until I zoomed way in. Illustrator's Shape-Builder makes AD almost useless in comparison for this type of function. I'd love to see a screencast of how you did this process in AD. Thanks for the post. Quote Link to comment Share on other sites More sharing options...
firstdefence Posted November 8, 2019 Share Posted November 8, 2019 Made a few tweaks and now it will work on a coloured Background: Epic donut test but works on any background.afdesign Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (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 More sharing options...
firstdefence Posted November 8, 2019 Share Posted November 8, 2019 8 minutes ago, KCP said: Last night, I tried expanding the stroke and then dividing all of the parts. It was a nightmare. It divided the stroke into hundred of tiny slivers that I couldn't even see until I zoomed way in. Illustrator's Shape-Builder makes AD almost useless in comparison for this type of function. I'd love to see a screencast of how you did this process in AD. Thanks for the post. It took some thinking out but now I know how to do it it's fairly easy to do. The best part is it's all editable. KCP 1 Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (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 More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 6 minutes ago, firstdefence said: It took some thinking out but now I know how to do it it's fairly easy to do. The best part is it's all editable. 6 minutes ago, firstdefence said: It took some thinking out but now I know how to do it it's fairly easy to do. The best part is it's all editable. It doesn't look like you expanded the strokes. Quote Link to comment Share on other sites More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 3 minutes ago, KCP said: It doesn't look like you expanded the strokes. It also looks like the offset is an opaque stroke. I'm looking for a space in the offsets. Quote Link to comment Share on other sites More sharing options...
KCP Posted November 8, 2019 Author Share Posted November 8, 2019 Like this: Quote Link to comment Share on other sites More sharing options...
JimmyJack Posted November 8, 2019 Share Posted November 8, 2019 GIF starts after the ring set is created. Outside strokes (that's your offset). • expand strokes • subtract, subtract, subtract • divide, divide, divide • select crossover pieces, delete • recombine like colors The trick is to do the divides separately. (destructive, but with transparent spaces (still all vector though)....as in the Pshop example above. The shapebuilder method, as powerful as that tool is, actually kinda seems like the long way around in this case ) Przemysław, firstdefence and KCP 2 1 Quote Link to comment Share on other sites More sharing options...
firstdefence Posted November 8, 2019 Share Posted November 8, 2019 I suppose with my method all you need to do is make the stroke the same colour as the background, although it wouldn't really work with a pattern background very well. Although it is possible. Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (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 More sharing options...
KCP Posted November 9, 2019 Author Share Posted November 9, 2019 On 11/8/2019 at 2:25 PM, JimmyJack said: GIF starts after the ring set is created. Outside strokes (that's your offset). • expand strokes • subtract, subtract, subtract • divide, divide, divide • select crossover pieces, delete • recombine like colors The trick is to do the divides separately. (destructive, but with transparent spaces (still all vector though)....as in the Pshop example above. The shapebuilder method, as powerful as that tool is, actually kinda seems like the long way around in this case ) Jimmy Jack, Thank you for this GIF. It was exactly what I needed to solve this problem. Chrome is my default browser, although I remembered from back in the day that you can pause and restart GIFS in Internet Explorer. That enabled me to dissect your GIF essentially frame-by-frame and follow your process. AD is not as robust as Illustrator, although I'm not currently in production mode and couldn't justify paying Adobe's annual subscription price anymore. I've used Adobe since the nineties, so this Affinity learning curve can be frustrating, although there seem to be hacks for everything I've encountered, so far. This forum is proving to be indispensable. I hope that I'll eventually know this software well enough to return the favor. Thanks again, KC Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.