JoanaN Posted July 9, 2020 Share Posted July 9, 2020 (edited) Hi, Can you please tell me how can I make an overlapping text effect like this? Thank you! source: overlap text Edited July 10, 2020 by JoanaN Quote Link to comment Share on other sites More sharing options...
Djisves Posted July 9, 2020 Share Posted July 9, 2020 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). Quote Link to comment Share on other sites More sharing options...
JoanaN Posted July 9, 2020 Author Share Posted July 9, 2020 Thank you for your answer! I also tried in Photoshop and the only solution is to put each letter in a separate layer and move them. Quote Link to comment Share on other sites More sharing options...
Eli Posted July 9, 2020 Share Posted July 9, 2020 1 minute ago, JoanaN said: the only solution is to put each letter in a separate layer and move them. Yes, that is the way to go. 1 Quote Link to comment Share on other sites More sharing options...
Ego Eram Reputo Posted July 9, 2020 Share Posted July 9, 2020 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. 1 Quote ebook: Mastering Paint.NET | resources: Plugin Index | Stereogram Tut | proud supporter of Codelab plugins: EER's Plugin Pack | Planetoid | StickMan | WhichSymbol+ | Dr Scott's Markup Renderer | CSV Filetype | dwarf horde plugins: Plugin Browser | ShapeMaker Link to comment Share on other sites More sharing options...
JoanaN Posted July 10, 2020 Author Share Posted July 10, 2020 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. 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. Quote Link to comment Share on other sites More sharing options...
IHaveNoName Posted July 10, 2020 Share Posted July 10, 2020 (edited) 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 July 11, 2020 by IHaveNoName clarity of meaning Quote Link to comment Share on other sites More sharing options...
JoanaN Posted July 11, 2020 Author Share Posted July 11, 2020 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 Quote Link to comment Share on other sites More sharing options...
JoanaN Posted July 12, 2020 Author Share Posted July 12, 2020 Thank you, I will try the plugins and see what result do I get. 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.