Wayback Machinekoobas.hobune.stream
May JUN Jul
Previous capture 12 Next capture
2021 2022 2023
1 capture
12 Jun 22 - 12 Jun 22
sparklines
Close Help
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
  • Asset Store
  • Get Unity

UNITY ACCOUNT

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account
  • Blog
  • Forums
  • Answers
  • Evangelists
  • User Groups
  • Beta Program
  • Advisory Panel

Navigation

  • Home
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
    • Blog
    • Forums
    • Answers
    • Evangelists
    • User Groups
    • Beta Program
    • Advisory Panel

Unity account

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account

Language

  • Chinese
  • Spanish
  • Japanese
  • Korean
  • Portuguese
  • Ask a question
  • Spaces
    • Default
    • Help Room
    • META
    • Moderators
    • Topics
    • Questions
    • Users
    • Badges
  • Home /
avatar image
7
Question by siddharth3322 · Sep 19, 2015 at 06:59 AM · uitextunity 4.6glow

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 :

alt text

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.

screen-shot-2015-09-19-at-122725-pm.png (19.9 kB)
Comment
Add comment · Show 7
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image Cherno · Sep 19, 2015 at 09:14 PM 0
Share

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.

avatar image siddharth3322 Cherno · Sep 20, 2015 at 06:25 AM 0
Share

@Cherno, Thanks for your opinion. I will go through it and reply back to you.

avatar image siddharth3322 · Oct 07, 2015 at 10:01 AM 0
Share

Any one has way to achieve this effect?

avatar image YoungDeveloper siddharth3322 · Oct 07, 2015 at 11:09 AM 0
Share

Try outline component for UI elements, you could also add mask to make it not equal outlined.

avatar image siddharth3322 YoungDeveloper · Oct 07, 2015 at 12:41 PM 0
Share

But this thing not add more shininess into text. It looks pretty simple.

alt text

screen-shot-2015-10-07-at-61048-pm.png (70.8 kB)
Show more comments

7 Replies

· Add your reply
  • Sort: 
avatar image
11

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.

Comment
Add comment · Show 2 · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image darthvaderxd · Dec 09, 2016 at 06:19 PM 0
Share

Thank you very much, I Did not know this trick :D

avatar image Galactic_Muffin · Aug 01, 2017 at 06:35 PM 0
Share

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.

avatar image
1

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

http://cooltext.com/Logo-Design-White?Font=594

Comment
Add comment · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image
1

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.

Comment
Add comment · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image
1

Answer by atmosgames · Jun 15, 2018 at 04:32 PM

Add a bunch of outlines at lower and lower opacities.

Comment
Add comment · Show 1 · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image
0

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.

Comment
Add comment · Show 3 · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image siddharth3322 · Oct 07, 2015 at 01:44 PM 0
Share

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.

avatar image DiegoSLTS siddharth3322 · Oct 07, 2015 at 02:15 PM 0
Share

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

avatar image siddharth3322 DiegoSLTS · Oct 07, 2015 at 02:21 PM 0
Share

Thanks, First I go through it and hope, I will get some useful stuff from this.

  • 1
  • 2
  • ›

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Follow this Question

Answers Answers and Comments

44 People are following this question.

avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image

Related Questions

Example for Text -> Material usage 0 Answers

How to add glow to a text? 1 Answer

How to render html text in new UI system (unity 4.6) 0 Answers

How To Change Color Of Text On UI When It's Selected | Unity 4.6 3 Answers

Unity 4.6 Text Misbehaves During Gameplay 1 Answer


Enterprise
Social Q&A

Social
Subscribe on YouTube social-youtube Follow on LinkedIn social-linkedin Follow on Twitter social-twitter Follow on Facebook social-facebook Follow on Instagram social-instagram

Footer

  • Purchase
    • Products
    • Subscription
    • Asset Store
    • Unity Gear
    • Resellers
  • Education
    • Students
    • Educators
    • Certification
    • Learn
    • Center of Excellence
  • Download
    • Unity
    • Beta Program
  • Unity Labs
    • Labs
    • Publications
  • Resources
    • Learn platform
    • Community
    • Documentation
    • Unity QA
    • FAQ
    • Services Status
    • Connect
  • About Unity
    • About Us
    • Blog
    • Events
    • Careers
    • Contact
    • Press
    • Partners
    • Affiliates
    • Security
Copyright © 2020 Unity Technologies
  • Legal
  • Privacy Policy
  • Cookies
  • Do Not Sell My Personal Information
  • Cookies Settings
"Unity", Unity logos, and other Unity trademarks are trademarks or registered trademarks of Unity Technologies or its affiliates in the U.S. and elsewhere (more info here). Other names or brands are trademarks of their respective owners.
  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Spaces
  • Default
  • Help Room
  • META
  • Moderators
  • Explore
  • Topics
  • Questions
  • Users
  • Badges