Add Outline Outside of Underlay

Hi, I’m trying to achieve a text effect similar to the text in Homescapes when you finish the level:

But the problem is that when I try to add an Outline effect and an Underlay I get this result, the Outline doesn’t go outside of the Underlay:

The only solution I’ve found is to use multiple TextMeshPro texts, 3 in total, this is the result I’m getting:

But this might affect performance since my game is running on mobile devices and I will also be adding vertex animation so it will be a problem to handle multiple texts in slightly different positions.

Is there a way to do it only using one TextMeshPro element?

Thanks, I hope you can help me :slight_smile:

There isn’t a way to add an outline that is drawn outside of the underlay?

Would you be able to achieve the desired look if you could offset the Outline or Glow just like you can for the Underlay?

Thanks for your reply. If the outline was offset lets say a positive value on the Y axis then it couldn’t be seen from the top and only at the bottom right? If so then I wouldn’t be able to achieve the desired result, which is this (that I’ve achieved using 3 TMPro texts):

As you can see there’s the orange Underlay at the bottom and an Outline covering the outside of the letter.

Here is a preview of what will be possible with the new Shader Graph shader(s) which already includes support for Face + 3 Outline + Underlay to which as per your feedback / request the ability to offset those outlines was added.

6755371--779401--upload_2021-1-22_17-6-53.png

Here is another example.

6755371--779413--upload_2021-1-22_17-34-52.png

The shader graphs / shaders are in good shape. I still need to finish the custom material inspectors as without them, there is no sanity check on material property values which can lead to blowing up the material where the text turns into a solid square or as seen above bleeds into the adjacent character. But achieving this type of fake 3D look will definitely be possible.

1 Like

It looks awesome! That’s exactly what I’m trying to achieve :slight_smile: Can’t wait to try them.

@Stephan_B are the Shader Graph shaders available to the public yet?

Hi @Stephan_B , do you think it’s possible to achieve that effect using only 1 text object in the current version of TMP?

You should be able to achieve those results with the latest SRP shaders included in version 3.2.0-pre.3 of the TMP package for Unity 2020.3 or newer.

Note that you will need to re-import the TMP Essential Resources which contain these new SRP shaders.

HI @Stephan_B Is the effect not available in the built-in pipeline?

Any idea how they achieved animation/bouncy effects of the letters? :slight_smile: