philippegreenleaf Posted August 5, 2022 Share Posted August 5, 2022 Hello! I want to make the shape shown above, with four round corners and a transparent background. I made this by using a subtract boolean on a rectangle within a rectangle and matching an outer rectangles radius with an inner for concentric circles. Then I placed four squares in each corner and used the union boolean. I don't understand how I can match inner and outer radius perfect with this method. Is there a much simpler way to get this shape that I don't understand with my (basic) knowledge of Affinity Designer? Thanks in advance for any help! Quote Link to comment Share on other sites More sharing options...
NotMyFault Posted August 5, 2022 Share Posted August 5, 2022 You can use a rectangle and set the corner type to curved, and use a stroke of the desired width. When ready, expand stroke, and continue to subtract the rectangles. PS: This method ensures the document (and export to e.g. SVG) stays in pure vector format. TonyO and philippegreenleaf 1 1 Quote Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080 LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 iPad Air Gen 5 (2022) A2589 Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps. Link to comment Share on other sites More sharing options...
GarryP Posted August 5, 2022 Share Posted August 5, 2022 In addition to the advice above, another method – if you don’t mind the result being rasterised upon exporting – is that shown in my attached image and document. The Rounded Rectangle has been put in a Group with two Rectangles which are above the Rounded Rectangle in the Layer Stack; one rectangle is wider and shorter then the Rounded Rectangle, the other is narrower and taller. The two non-rounded rectangles have been given a Blend Mode of Erase which causes them to erase the parts of the Rounded Rectangle that they cover. One benefit of doing this is that the all of the rectangles still exist as rectangles and can be resized/moved when needed. Another benefit is that the rounded rectangle stroke width can also be changed when needed. erased-rectangles.afdesign philippegreenleaf 1 Quote Link to comment Share on other sites More sharing options...
Aammppaa Posted August 5, 2022 Share Posted August 5, 2022 Here is a non-destructive method using a contour and a compound shape. 1. Draw rounded rectangle 2. Clone and add a contour of desired width 3. Draw 2 rectangles (as a + shape) to act as cutters 4. Create a compound object (hold Alt as you click the Boolean subtract) philippegreenleaf 1 Quote 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 More sharing options...
R C-R Posted August 5, 2022 Share Posted August 5, 2022 Although tedious, yet another way to do this without expanding any strokes involves adding the 2 'cutter' rectangles, snapping them to the center lines of the rounded rectangle, converting that rounded rectangle to curves, adding nodes to it at all the intersections with the 2 cutter rectangles, & then deleting all its segments that are within the area of the 2 cutters. round corners.afdesign includes the history so you can see exctly how I did it, step by step. Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
Old Bruce Posted August 5, 2022 Share Posted August 5, 2022 Here is my two takes on it, one involves subtracting and breaking curves the second is just drawing four (right angled) curves for the four corners and then using the corner tool on the objects. File with history saved. I think I put up the wrong file. it is in the next post. Screen Recording 2022-08-05 at 9.19.15 AM.mov philippegreenleaf 1 Quote 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 More sharing options...
Old Bruce Posted August 5, 2022 Share Posted August 5, 2022 I think I put up the wrong file four corners.afdesign philippegreenleaf 1 Quote 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 More sharing options...
philippegreenleaf Posted August 6, 2022 Author Share Posted August 6, 2022 So many great answers, I got great results for my purpose both with the expand stroke-feature and drawing right angled curves. Thank you all for the input! GarryP and NotMyFault 2 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.