x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

Office Holiday

Epic Games' offices will be on holiday from June 22nd to July 7th. During this period support will be limited. Our offices will reopen on Monday, July 8th. 

Gradient color text and black border

Hi, is there a way to create a gradient color text, with a black border? For example:

alt text

alt text

Product Version: Not Selected
Tags:
more ▼

asked Jul 11 '14 at 08:35 PM in Rendering

avatar image

Scienziatogm
369 44 40 51

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

2 answers: sort voted first

Here is another method to make outline text. This method draw edges outside of the shape of a character. (Eric Ketchum's method draw outline inside of the shape of a character.) But a limitation is that some character is not fully drawn. e.g., see 'e', 'o', 'W' in below screenshot, you can see they are little bit chopped off left and right boarder.

I hope the engine have it's own method to rendering text in variety of styles.

alt text alt text

more ▼

answered Feb 26 '15 at 08:08 AM

avatar image

kwonoh
68 4 8 12

avatar image VigeoJames Mar 13 '15 at 02:23 PM

I am trying to replicate this but I am not getting the outline. It seems as if my letters are just getting thicker but its still all white. Would you mind sharing you details panel? I might have something set wrong.

avatar image kwonoh Mar 16 '15 at 12:36 AM

I only changed Blend Mode to Translucent. But it work with Masked too.

avatar image BlackHawk17 Jan 26 '16 at 09:33 AM

I ran into the same isssue but managed to get the solution: you simply need to put a value of 0.5 to the B constant in the if node.

avatar image Imagine-Games Apr 17 '19 at 03:07 AM

thanks, that is true for me as well!

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

Hi Scoenziatogm -

Honestly the best way to do this would be to ensure that your font has this built into it before you bring it into the engine at least for the Black Outline and gradient could be done in black and white then colored in the Material Editor. That being said you can do a lot of math and generate a "rough" version of what you are looking for. Here is my results:

Results

MaterialSetup

Remember that if you go the Material generated route you will need to adjust the Edge Math and UV tiling for each font you use. This particular example works with UE4's default font.

Good Luck -

Eric Ketchum

font01.jpg (160.6 kB)
font02.jpg (312.9 kB)
more ▼

answered Jul 14 '14 at 05:53 PM

avatar image

Lovecraft_K ♦♦ STAFF
36.7k 702 260 735

avatar image Scienziatogm Jul 19 '14 at 08:46 PM

Why I'm getting this on the FontSample?

alt text

avatar image Lovecraft_K ♦♦ STAFF Jul 21 '14 at 12:58 PM

Hey Scienziatogm -

The version I showed you above is based on the default font in the editor which is set up slightly differently than other fonts imported into the editor. Try plugging it the Alpha pin instead of the Red Channel pin. This should correct the issue.

Let me know if you are still having problems -

Eric Ketchum

avatar image Scienziatogm Jul 22 '14 at 02:28 PM

It works, but why I'm getting these stripes, and not a gradient?

alt text

avatar image Lovecraft_K ♦♦ STAFF Jul 22 '14 at 02:37 PM

Hey Scienziatogm -

You will have to play with the Texture Coordinate settings to match the layout of your font sample.

Thank You

Eric Ketchum

avatar image Scienziatogm Jul 22 '14 at 02:58 PM

Ok, but why when I use it in game, I've got this?

alt text

avatar image Lovecraft_K ♦♦ STAFF Jul 22 '14 at 03:27 PM

Are you using the same font in both the material and the Text Render Actor's Font drop down?

Eric Ketchum

avatar image Scienziatogm Jul 22 '14 at 03:36 PM

Now I set the Font Texture Page to 2, but the space and the uppercase letter T don't work. Anyway yes.

alt text

avatar image Lovecraft_K ♦♦ STAFF Jul 22 '14 at 03:56 PM

Hey Scienziatogm -

This is an issue with how the font is laid out in its font sample and short of going into a font generation program it is not something that can be fixed in the Editor. You could try using only capital letters which seem to work all on the same font page as well as spaces.

Thank You

Eric Ketchum

avatar image Scienziatogm Aug 03 '14 at 11:42 AM

Ok. Thanks for the help!

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question