LadyH Posted September 17, 2021 Share Posted September 17, 2021 Hi everyone, You guys are always so helpful when I'm trying to figure out how to draw something in Affinity, I'm really hoping you can help me again. I have an element that I'd like to recreate myself as I want to play around with the stroke ends being rounded throughout. In the original graphic one of the ends is flat - I've circled this in pink (see attachment). So I want to re-draw it from scratch, which will mean I have more control over the width of the lines and the way that the lines are shaped. I'm thinking that there is probably a smart way to do this with shapes, but as usual I'm struggling to figure it out. Any ideas? Rolled shape.afdesign Quote Link to comment Share on other sites More sharing options...
GarryP Posted September 17, 2021 Share Posted September 17, 2021 Before anyone helps with this, and I’m sure they will, can I just check that you have the rights to use and modify the original image? If this is a company logo, or something similar, you might have trouble if you start modifying it and producing different versions. Quote Link to comment Share on other sites More sharing options...
Alfred Posted September 17, 2021 Share Posted September 17, 2021 52 minutes ago, LadyH said: I want to play around with the stroke ends being rounded throughout The ‘stroke’ in your file is a closed curve. Select the two square corner nodes (not the one halfway between) and use the Corner Tool to make them rounded. Quote Alfred 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 More sharing options...
LadyH Posted September 17, 2021 Author Share Posted September 17, 2021 30 minutes ago, GarryP said: Before anyone helps with this, and I’m sure they will, can I just check that you have the rights to use and modify the original image? If this is a company logo, or something similar, you might have trouble if you start modifying it and producing different versions. Hi Garry, the original image was part of a larger royalty free icon. So there isn't an issue with image rights - good call for checking though, I understand why you did this. I know that Alfred has already replied, explaining how to use the corner tool to make them rounded. But my original question is how to create the shape within this icon from scratch - I'm intrigued as to what shapes and 'pathfinder' options could be used to do this. I know this might sound like a really daft question, but I still struggle to get my head around this stuff sometimes, even though it's probably a really easy thing to do. Any tips welcomed! Thanks. Quote Link to comment Share on other sites More sharing options...
GarryP Posted September 17, 2021 Share Posted September 17, 2021 I thought it best to ask, but if it’s all legal then that’s fine. Do you want to recreate it with the slightly unusual ‘bar’ width differences and the ‘unexpected’ straights on the right-hand side? Quote Link to comment Share on other sites More sharing options...
LadyH Posted September 17, 2021 Author Share Posted September 17, 2021 Hi Garry, essentially I'd love to know how you'd go about making this shape...see attached. What tools/shapes you'd use. Rolled shape 02.afdesign Quote Link to comment Share on other sites More sharing options...
uneMule Posted September 17, 2021 Share Posted September 17, 2021 Bonjour à tous, est-ce l'idée ? Rolled shape_ex.afdesign Quote Toujours pas !Windows 10 Pro 21H2 - Intel Core i7-3630QM CPU @ 2.40GHz - 16 Gb Ram - GeForce GT 650M - Intel HD 4000 Affinity Photo | Affinity Designer | Affinity Publisher | 2 Link to comment Share on other sites More sharing options...
GarryP Posted September 17, 2021 Share Posted September 17, 2021 In addition to uneMule’s suggestion above, one quick method is in my attached video (with your second example in the top-right as a guide) – not sure why the second example was quite different to the first. I’ve drawn the initial shape with the Pen Tool, then used the Corner Tool to create the curves, then used Expand Stroke and edited with the Node Tool. Using the Grid can be helpful for this sort of thing. There will be other methods so keep checking back for more (better?) ways to do it. 2021-09-17 14-26-43.mp4 PaulEC and uneMule 2 Quote Link to comment Share on other sites More sharing options...
PaulEC Posted September 17, 2021 Share Posted September 17, 2021 This may not be the best way of doing it, but I had a go by using various shapes (rectangle, ellipse, pie and donut) and just adding them together. (Ignore the "Ctrl + Y" in the corner, that was just me stepping through the stages quickly!) ice_video_20210917-142755.mp4 uneMule 1 Quote Acer XC-895 : Core i5-10400 Hexa-core 2.90 GHz : 32GB RAM : Intel UHD Graphics 630 : Windows 10 Home Affinity Publisher 2 : Affinity Photo 2 : Affinity Designer 2 : (latest release versions) on desktop and iPad Link to comment Share on other sites More sharing options...
LadyH Posted September 17, 2021 Author Share Posted September 17, 2021 5 minutes ago, uneMule said: Bonjour à tous, est-ce l'idée ? Rolled shape_ex.afdesign 57.63 kB · 0 downloads Ah merci uneMule! Quote Link to comment Share on other sites More sharing options...
LadyH Posted September 17, 2021 Author Share Posted September 17, 2021 THANK YOU! You guys are great, such a huge help. All these suggestions will work brilliantly. As a sideline, can anyone suggest any tutorials I can watch to help me get my head around the basic principles of using the tools to make symbols and shapes like this? So not using the pen tool or trying to do it freehand! Thanks. x Quote Link to comment Share on other sites More sharing options...
GarryP Posted September 17, 2021 Share Posted September 17, 2021 Additional: Added a screenshot showing something similar to your first example recreated using similar functionality to what’s used in the video I posted earlier. Quote Link to comment Share on other sites More sharing options...
LadyH Posted September 17, 2021 Author Share Posted September 17, 2021 5 minutes ago, GarryP said: Additional: Added a screenshot showing something similar to your first example recreated using similar functionality to what’s used in the video I posted earlier. So have you expanded the original stroke and then added another stroke to that? Quote Link to comment Share on other sites More sharing options...
GarryP Posted September 17, 2021 Share Posted September 17, 2021 All one curve, expanded, and then I chopped the round end off using the Node Tool as I did in my video. Quote Link to comment Share on other sites More sharing options...
PixelPest Posted September 18, 2021 Share Posted September 18, 2021 14 nodes in a single stroke: 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.