Jump to content

Recommended Posts

I have a script with several letters that I need to combine and then stroke, I must combine them or else the stroke is overlapping other letters and does not achieve the desired effect. The problem I am having when Combining or Adding from the OPERATIONS tools the center of the Loops in the letters aren't being knocked out, except for the "o" in the word "Lord". I am stuck and I can not figure out what I am doing wrong. Please Help :-) Thank You!

Please take a look at the screenshots below...

Screenshot (2).png

Screenshot (3).png

Share this post


Link to post
Share on other sites
11 minutes ago, owenr said:

After converting the text to curves, which creates a group, select all of the objects inside the group except for the "holes" and do Add.

Drag the newly created object to the bottom inside the group, so all of the "holes" are above it, then select everything inside the group and do Subtract.

Now the "holes" will have been cut out.

 

Alternatively, ungroup the group and 'Divide', which will give you separate shapes for the "holes". Now 'Add' the "holes" and cut them to the clipboard, and then 'Add' the remaining shapes, paste the "holes" back in again and 'Subtract' them.

 


Alfred online2long.gif
Affinity Designer 1.7.0.367 • Affinity Photo 1.7.0.367 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.0.135 • Affinity Designer for iPad 1.7.0.9 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Is there not a way to just "tear" a hole into the "D A L" and just create new loops?

For example, in PS I can just hold down the ALT key to drag an elliptical object to create a negative space in the existing vector object.

Do we not possess a similar short cut in AD? Thanks Guys!

Share this post


Link to post
Share on other sites

 

37 minutes ago, owenr said:

After converting the text to curves, which creates a group, select all of the objects inside the group except for the "holes" and do Add.

Drag the newly created object to the bottom inside the group, so all of the "holes" are above it, then select everything inside the group and do Subtract.

Now the "holes" will have been cut out.

 

 

I have attempted this but when I convert to curves there are no "holes" separate from the letters, there are only letters.

Share this post


Link to post
Share on other sites
26 minutes ago, Alfred said:

 

Alternatively, ungroup the group and 'Divide', which will give you separate shapes for the "holes". Now 'Add' the "holes" and cut them to the clipboard, and then 'Add' the remaining shapes, paste the "holes" back in again and 'Subtract' them.

 

I got lost about half way through this one Alfred but I remembered that I can use the Blend Mode and Select "Erase" where the holes are and that did the trick!!! :D YAY! Thank You Gentlemen for your assistance! :11_blush:

Share this post


Link to post
Share on other sites
6 minutes ago, graphxlord said:

 

I have attempted this but when I convert to curves there are no "holes" separate from the letters, there are only letters.

 

You need to 'Divide' the curves objects (i.e. the a, L, o and d) to separate out the "holes".

 


Alfred online2long.gif
Affinity Designer 1.7.0.367 • Affinity Photo 1.7.0.367 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.0.135 • Affinity Designer for iPad 1.7.0.9 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Type a new text string. Group the text. Seems dumb, but do it. Now add your outline.


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites
1 hour ago, MikeW said:

Type a new text string. Group the text. Seems dumb, but do it. Now add your outline.

Tried it, loved the simplicity of it but just did not work for me, if you actually can get this shortcut to work please make a video. So far using the technique described by Alfred plus using the blend mode and selecting "Erase" has been the only method that has personally worked for me.

Share this post


Link to post
Share on other sites
11 minutes ago, graphxlord said:

So far using the technique described by Alfred plus using the blend mode and selecting "Erase" has been the only method that has personally worked for me.

 

I’m confused, @graphxlord. You previously said that you got lost halfway through my method, so in what sense did it work for you? :/

 


Alfred online2long.gif
Affinity Designer 1.7.0.367 • Affinity Photo 1.7.0.367 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.0.135 • Affinity Designer for iPad 1.7.0.9 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
7 minutes ago, Alfred said:

 

I’m confused, @graphxlord. You previously said that you got lost halfway through my method, so in what sense did it work for you? :/

 

Sorry Bud, here is what I used from you, "Alternatively, ungroup the group and 'Divide', which will give you separate shapes for the "holes"."

At that point I just found the holes or loops and selected them, then I went to the blend mode and chose "Erase" and it Worked :D

Share this post


Link to post
Share on other sites
5 minutes ago, owenr said:

 

Did you not get the required result by following my instructions which you gave a "like"?

 

No Owen, It just stroked the individual letters and they overlapped each other, that wasn't the look I was going for. I liked your instructions for how they sounded, simple. Unfortunately, the didn't get the desired effect in the end.

Share this post


Link to post
Share on other sites
6 minutes ago, graphxlord said:

Sorry Bud, here is what I used from you, "Alternatively, ungroup the group and 'Divide', which will give you separate shapes for the "holes"."

At that point I just found the holes or loops and selected them, then I went to the blend mode and chose "Erase" and it Worked :D

 

I see now, thanks. Sorry for being so slow on the uptake!


Alfred online2long.gif
Affinity Designer 1.7.0.367 • Affinity Photo 1.7.0.367 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.0.135 • Affinity Designer for iPad 1.7.0.9 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
3 minutes ago, MikeW said:

https://forum.affinity.serif.com/index.php?/topic/56065-script-font-overlap-transparency-issue/

 

This is as regards just the letter overlap on a connecting script.

Exactly, I def see this guys issue, unfortunately the issues for me begin when you add a stroke. The Stroke will be visible on the neighboring letter instead of the stroke finding the outer most line of the scripted text.  I hopefully have found the solution as I have described above with the using "erase" in Blend mode.

Share this post


Link to post
Share on other sites

But did you see the work-around I posted? It works fine with every script font I use.


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites
4 hours ago, graphxlord said:

Exactly, I def see this guys issue, unfortunately the issues for me begin when you add a stroke. The Stroke will be visible on the neighboring letter instead of the stroke finding the outer most line of the scripted text.  I hopefully have found the solution as I have described above with the using "erase" in Blend mode.

 

You do need to be careful when using the erase mode. It can erase everything below it, not just the part of the letter, so it is not always a perfect solution.

 

For example, the hole in the b has been set to erase. It has also erased the background. The hole in the a is "normal" so does not.

abc.jpg.fa2262a8a16cb07bb8558b8ec25413dd.jpg

 

There are also issues with using erase if you export the file as SVG. See what happens below.

 

It is not transparent, but white.

 

 

471.jpg.d9d3fff94ac30b70e064198503f16c47.jpg

 

 

 


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Oops. Sorry. I thought that since transparency was fixed with this grouping thing, the outline problem would as well. Should have started the computer and checked before posting. 

 

I did uncover a funky little big, though.


My computer is a nothing-special Toshiba laptop with unremarkable specs running Windows 10 64-bit.

Share this post


Link to post
Share on other sites

Hi @graphxlord! Regarding operations that make holes or loops in shapes, this illustration may help:

5aae420db3611_vs-.png.486ee42f5ce4434143caa4be9ed1c0c4.png

As it shows, the Add operation just deletes a shape that is fully enclosed by another shape, so that is obviously not what you want. But subtracting a shape from one that encloses it creates a "Curves" layer with the path of the smaller object defining the shape of the hole. This also works if you subtract several shapes from one that incloses all of them, as with the "L" shape. For this to work properly, note that the stacking order in the Layers panel is important: the enclosing shape must be below the enclosed ones.

 

You also must perform the subtraction operation on each set of enclosed shapes & the one that encloses them separately (like the 2 loop shapes & the enclosing 'loopless' one of the "L" shape). So for example, from your first screenshot the W & L outline shape is an enclosing one & the two loops of the L are its enclosed ones that should be subtracted from it. It is hard to tell exactly how your layers are organized, but most likely those three shapes are all part of one "Curves" layer. If so, use the Divide operation on that layer, make sure the 2 loop shapes are above the outline shape, select all 3 & subtract to get that part of the logo into its own "Curves" layer that preserves the loops.

 

It is hard to tell from the screenshot how many shapes are in the "ar" part but the basic procedure is the same: divide any "Curves" it includes as needed to break it down into individual enclosed & enclosing "Curve" layers, place all the enclosed ones above the enclosing one, select them all, & subtract to get a "Curves" layer that preserves the loops. Do the same separately for the "ords" part, & if you want you can group the 3 resulting "Curves" layers (WL, ar, & ords) together to make it easier to edit them as if they were a single object.

 

My apologies if I am covering anything you already know about, but I hope this will help with anything you don't.


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

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

×