UI Text Effects (for standard Unity UI Text)

We are happy to announce that we’ve just released a package with various Unity UI (uGUI) Text Effects.

There are 12 extremely valuable effects:

  • Better Outline: a more continuous outline than the standard one.
  • Gradient Color: global/local, vertical/horizontal, override/additive/multiply.
  • Depth Effect: add thickness to text.
  • Soft Shadow: blurry shadow.
  • Outer Bevel: add outer lit and shaded edges.
  • Skew Effect: add horizontal+vertical transformations and perspective.
  • Curve Effect: bend or distort text vertically.
  • Character Spacing: increase or decrease the distance between individual characters.
  • Limit Visible Characters: hide characters, make a typewriter.
  • Overlay Texture: add an image overlay, local/global, override/additive/multiply.
  • Inner Bevel: add lit and shaded edges inside the characters, override/additive/multiply (only “override” on SM2 level GPUs).
  • Inner Outline: add outline inside the characters, override/additive/multiply.

With this package, you can finally echo effects from Photoshop or Word, while still using the standard Unity UI Text.

Suggestions for new effects are very welcome. The newly made effects will be added to the package.

1 Like

This looks fantastic. Can you verify that it is compatible with Unity 5.3.2?

Hi gpence,

Thanks for the kind words! And yes, it definitely supports Unity 5.3.2 :slight_smile:

1 Like

This looks very good but how about performance in mobile? It’s faster than the unity default shadow and outline effects?

Hi joelbelo,

Some of the effects (e. g. gradient, skew, inner outline, etc.) are faster, but some aren’t. They’re basically made in the same way as the standard Unity effects, so if you’re having issues with the standard ones, you’ll probably have them with ours, too :slight_smile: On the other hand, if you’re not overusing them, they will work perfectly fine on mobile platforms!

Hi!

After the several Unity crashes I started the profiler and found the huge memory/material leak in following components:

  • InnerBevel
  • InnerOutline
  • OverlayTexture

Run your demo scene with Unity Profiler and you will see the increasing “Materials” count every frame! Please, fix it asap…

I am using Unity v5.3.3f1

Hi!

And the feature request: as far as I can see the image transparency is not supported in the “OverlayTexture”. Can you make the support for image transparency?

I’d like to have the transparent or semi-transparent letters with the bevels. If I try to apply color transparency, the bevels become transparent also. Can you make the effect with the transparent letter backround but with non transparent bevels?

Hi dis-s,

Thanks a lot for detecting this issue and pinpointing the three effects! I think I know where the issue lies - unexpected Unity behavior (due to a bug or misleading documentation), but we will definitely look for a solution for this.

Regarding the feature request: are you talking about Inner Bevel? Or Outer Bevel?

Both. See, what I mean:
2629609--184828--example.png

One more example:
2629627--184831--example2.png

Hi everyone,

An update is finally on the Asset Store: UI Text Effects | GUI Tools | Unity Asset Store

  • The mentioned material leak for Fancy Effects has been fixed.
  • For global effects (and effects that can be applied in local or global space), in addition to applying them within the text area, there is now a possibility to apply them in full rect space.

Hi,

So I stumbled across your plugin for a substitute of the built-in Outline UI effects. The result looks very promising from the images. I wonder if the “Better Outline” offered in your plugin has controls over the thickness and the color with alpha of the outline since there is no demo offered and I could not tell from the images.

I also wonder the performance of the plugin comparing with the built-in effects. Currently my scene uses a lot of text components and using the built-in Outline is too much for a device like iPad 4.

Thank you!

Hello Neonlyte,

Some of our effects, including the Better Outline, work very similarly to the standard Unity effects. So, unfortunately, if you’re having trouble with performance with the standard one, ours will not be better in this case. We have been looking into how to improve that, but haven’t had the chance to implement it yet.

I’m disappointed with typewriter effect (only reason purchased it)

It isn’t exposed the delay per character, and it keeps looping (back to off and starting again) , which is not how any typewriter effect should work. . As a non-programmer, it is not useful to me

Hi sticklezz,

Sorry for the misunderstanding! In the list of all available effects, a typewriter effect isn’t listed - there is only the “Limit Visible Characters” effect, which can be used to make a typewriter with just a couple lines of code. I thought this was clear, but I’ll have in mind that it isn’t. On the other hand, there is a sample typewriter script within the samples of this package, so I can probably make the changes that you need and possibly include them in future releases. Since we also received an e-mail from you, let’s continue there.

Thanks for helping me!!!

The tool is great that it doesn’t add a new text field type like so many other text effects, I can use this with standard text fields

Glad I could help! :slight_smile:

Does it work for any font ugui can render? I’m assuming you can use it like ugui effect components(like outline and shadow components), am I right?

Hi noanoa,

You are absolutely right, our effects are using the same base for the effects as the default Unity effects. Although, three effects (Overlay Texture, Inner Bevel and Inner Outline) use a special shader, but unless you’re using special text shaders of your own, it shouldn’t cause any inconveniences.

Thanks! I’ve been looking for an asset like this.

1 Like