- Home /
Text with glow effect
Right now for my game, I am using new Unity UI. I want to display my text some thing like following way :
At present I can able to display text normally but cant able to find a way to display some sort of glow around it. Please give me some suggestion in this. Thanks for your time and efforts.
The only suggestion I can give is to look at the Gradient Text script for UI text elements, it might be on the User wiki. Going from there, you should be able to create the glowing effect.
@Cherno, Thanks for your opinion. I will go through it and reply back to you.
Try outline component for UI elements, you could also add mask to make it not equal outlined.
But this thing not add more shininess into text. It looks pretty simple.
Answer by tristanlbailey · Jul 14, 2016 at 12:06 PM
Just in case anyone else was having troubles with this:
I don't know if what I found existed back when this question was asked, but I found a script that comes with Unity, called "Outline", which gives text a kind of glow or halo effect. It's found under Component > UI > Effects > Outline. Set the colour of the effect, and then set the "Effect Distance" X and Y properties of the script to how much you want the effect to radiate out from the text.
It may not give the best effect, but it worked well for what I needed.
This method does not appear to work with Text $$anonymous$$esh Pro. SO glows using this method cannot be applied to UI Text within unity and it only appears to work with Image assets.
Answer by Mekiah · Feb 09, 2016 at 09:54 AM
I found that the most simple way to do this is go just use a image instead of a text element
here is a link to a glowing text generator
http://cooltext.com/Download-Font-Neon+Lights
I found this one the best
Answer by ekcoh · Jul 14, 2016 at 12:34 PM
The glow effect illustrated in the image is typically achieved by rendering the stuff that glows by itself, bluring that texture one or multiple iterations, taking the luma component of the blurred texture and multiply the luma by the glow color or gradient map (color/tone mapping) and then add the resulting color to the original image. This is similar, but not equivalent, to what the Unity Image Effect Bloom does.
If you want to do something like that to UI text elements, you could (quick and dirty solution) I guess setup two overlapping text objects that are equivalent. Use white color for the first and total transparent color on the second with red outline and use a blur/glow/bloom filter/shader with addivitive blending on the outline to achieve something similar to what you posted as an image. Something like this is required if you want the red to bleed into both the white area and to the background.
Answer by atmosgames · Jun 15, 2018 at 04:32 PM
Add a bunch of outlines at lower and lower opacities.
Answer by DiegoSLTS · Oct 07, 2015 at 01:13 PM
There's no easy way to do that. The only things I found for this are:
1 - Make a custom font with the glow effect and import it into Unity. You can setup custom fonts based on an image with all the characters (it's what Unity does when you import a new font, but you have to do the same manually). Or...
2 - Write a shader that adds the effect to the text. Or...
3 - Write some script that draws the effect at runtime in an image file and put that image behind the text. Or...
4 - Just make some images of the texts you want with the glow effect already on them, and use images instead of text.
In my game I have lots of dynamic text exist because it is quiz related game. So I like your first suggestion. According to that I have to create material and assign it to text. Am I right in this? If yes then in which format I have to create this material?
Please give some more information about your first opinion.
There are lots of tutorials in a quick Google search. I tried to do that once but it's a tedious process. You create a bitmap with all the characters drawn, and then setup a list that maps each character code to a region of the map. It's all explained here: http://docs.unity3d.com/$$anonymous$$anual/class-Font.html
Anyway, there are tools to make this easier. I haven't tested them because the glowing text was removed from the project I was working on, but maybe they help. Try this free one for example: https://www.assetstore.unity3d.com/en/#!/content/35760
Thanks, First I go through it and hope, I will get some useful stuff from this.