Goldi708 Posted May 22, 2019 Share Posted May 22, 2019 How is it possible to create a logo like this in Affinity designer I could not find it out. Quote Link to comment Share on other sites More sharing options...
lepr Posted May 22, 2019 Share Posted May 22, 2019 . Quote Link to comment Share on other sites More sharing options...
Goldi708 Posted May 22, 2019 Author Share Posted May 22, 2019 But I have not found a way to remove a specific area around an element. It's pretty simple in GIMP, but I want to do it in Affinity Designer to get a Vector. Quote Link to comment Share on other sites More sharing options...
gdenby Posted May 22, 2019 Share Posted May 22, 2019 Doing it in vector is more complex. Erasing/deleting raster pixels is very different than working w. vector shapes. Draw a donut. Then type in the text w. the artistic text tool. Convert that to curves, ungroup the curves, and use the "add" command to make them 1 object. Duplicate that. Give the duplicate a thick-ish stroke. Use the "expand stroke" command. Subtract the expanded stroke object from the donut. Done For something more complex like the example tute you linked to, the over lapping/ under lapping line effects become significantly more complex. Quote iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb, AMD Radeon R9 M290 2048 Mb iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil Huion WH1409 tablet Link to comment Share on other sites More sharing options...
R C-R Posted May 23, 2019 Share Posted May 23, 2019 For something as simple as the Gimp logo, an alternative to converting the text to curves, which makes the text no longer editable as text, is to duplicate the text layer, give it a stroke but no fill, & use the erase blend mode to create the gaps around the donut, like in this GIMP.afdesign example. The downsides are that to edit the text you would have to do that separately for each text layer (unless all you want to do is change the font, font weight, font style or anything else that can be applied when both text layers are selected) and it won't export properly to SVG or PDF. But if you just need to export to PNG to retain transparency, it works fine for that. Prior to export, you can also change the width of the gap just by changing the stroke thickness of the duplicate. 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...
GarryP Posted May 23, 2019 Share Posted May 23, 2019 An interesting little challenge that I couldn’t resist trying for myself. My simple and quick version is attached; I’m sure a better version can be made with some tweaking here and there. Note: The circle and square (diamond) are still whole and can be edited easily. simple-logo-with-cutouts.afdesign Quote Link to comment Share on other sites More sharing options...
Pan Tau Posted May 24, 2019 Share Posted May 24, 2019 Looks nice :-) Quote Link to comment Share on other sites More sharing options...
Pšenda Posted May 26, 2019 Share Posted May 26, 2019 On 5/23/2019 at 3:09 PM, GarryP said: I’m sure a better version can be made Arc segments should be used to interrupt the square. Now straight lines are used, which does not correspond to the circle that creates the interrupt. GarryP 1 Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301 Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130. Link to comment Share on other sites More sharing options...
GarryP Posted May 26, 2019 Share Posted May 26, 2019 An excellent suggestion. The original example used straight lines but that doesn’t mean it’s the best way. I’ve attached a new sample which uses curves instead. simple-logo-with-cutouts-by-curves.afdesign Pšenda and firstdefence 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.