Jump to content

Recommended Posts

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.

image.png.f2d8cfc8dfac2bb0f240dab3c8714f93.png

Share this post


Link to post
Share on other sites

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.


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

Share this post


Link to post
Share on other sites

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.


Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

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.png

simple-logo-with-cutouts.afdesign

Share this post


Link to post
Share on other sites
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.


Affinity Photo 1.7.0.367, Affinity Designer 1.7.0.367, Affinity Publisher Beta. Affinity Store.
Windows 10 Pro, Version 1903, Build 18362.145.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×