Author Topic: Gradient outline on UILabels  (Read 2452 times)

indiefreaks

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 27
    • View Profile
Gradient outline on UILabels
« on: December 28, 2013, 04:28:58 PM »
I have a common design request for my game where the text should get a gradient outline to give it some glowing effect.

I'm looking for options here... Anyone? ;)

I know I could go for custom bitmap font and a custom script to change the UIFont used at runtime but I'd like to see all the options available including custom shaders.

Thanks by advance for any tip.

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 337
  • -Receive: 1171
  • Posts: 22,128
  • Toronto, Canada
    • View Profile
Re: Gradient outline on UILabels
« Reply #1 on: December 28, 2013, 04:33:11 PM »
You have to do either a post-process effect (glow), or use bitmap fonts edited in Photoshop.

AGB

  • Jr. Member
  • **
  • Thank You
  • -Given: 0
  • -Receive: 1
  • Posts: 74
    • View Profile
    • Steam Defense
Re: Gradient outline on UILabels
« Reply #2 on: December 29, 2013, 03:01:33 AM »
Im using another font sprite in background, it is much smaller and blurry - great glow effect. Files in attachement.
I'm a busy man... I have places to go,monsters to kill...

AGB

  • Jr. Member
  • **
  • Thank You
  • -Given: 0
  • -Receive: 1
  • Posts: 74
    • View Profile
    • Steam Defense
Re: Gradient outline on UILabels
« Reply #3 on: December 29, 2013, 03:19:48 AM »
Take a look:

I'm a busy man... I have places to go,monsters to kill...

AGB

  • Jr. Member
  • **
  • Thank You
  • -Given: 0
  • -Receive: 1
  • Posts: 74
    • View Profile
    • Steam Defense
Re: Gradient outline on UILabels
« Reply #4 on: December 29, 2013, 03:41:40 AM »
Vertical gradient in outline:
I'm a busy man... I have places to go,monsters to kill...