Jump to content

Overlapping Text


Recommended Posts

The Spaced Text plugin will overlap letters on the same line if a negative space value is selected. However, that way you will not be able to have a letter shadow over its neighbour like in your example above.

I think the best way to achieve that is to type each letter on its own transparent layer and then move each letter around with the Move Tool and use the Drop Shadow plugin (or any of the other shadow plugins).

Xkds4Lh.png

Link to comment
Share on other sites

If you are familiar with HTML and CSS you can use my plugin Dr Scott's Markup Renderer

 

Give your text a negative letter-spacing property in the CSS. Here I've used -9px to get the characters to overlap.

 

20200705-153509.jpg

  • Like 1
Link to comment
Share on other sites

11 hours ago, Ego Eram Reputo said:

If you are familiar with HTML and CSS you can use my plugin Dr Scott's Markup Renderer

 

Give your text a negative letter-spacing property in the CSS. Here I've used -9px to get the characters to overlap.

 

20200705-153509.jpg

 

In your example, the letters overlap but the shadow doesn't overlap the letters, it is behind the letters. I get a similar effect in Photoshop. So, basically the shadow is the problem not the letters. 

Link to comment
Share on other sites

I think the original examples must have been done all in separate layers as others here have suggested.

 

If you look the shadows are not just overlapping shadows they seem to be using one of the blending modes (Multiply or Additive?). 

 

No doubt the experts here will correct me if I'm wrong but AFAIK this can only be done if each element ie. each letter and its shadow, is in a separate layer.

Edited by IHaveNoName
clarity of meaning

IHaveNoName.png

Link to comment
Share on other sites

On 7/10/2020 at 3:50 PM, IHaveNoName said:

I think the original examples must have been done all in separate layers as others here have suggested.

 

If you look the shadows are not just overlapping shadows they seem to be using one of the blending modes (Multiply or Additive?). 

 

No doubt the experts here will correct me if I'm wrong but AFAIK this can only be done if each element ie. each letter and its shadow, is in a separate layer.

 

The original example is made with only one editable text layer with gradient, shadow and negative letter spacing. See video here:

https://imgur.com/gallery/rk4SnoF

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...