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. 

UMG - Gradients on Text Blocks

Hi, I'm trying to create a gradient text effect for the ranks in my game over screen.

This is the kind of effect I would like to be able to achieve on the text. I've also added in some colour swatches of the gradient to make it easier to replicate. alt text

I would prefer to use the text renderer within UE4 to get sharper looking fonts as opposed to exporting what I have out as an image. Is it possible to create these kinds of effects because so far I can't find any information relating to applying a gradient to a text block element which is a shame as UMG has been pretty awesome to use so far.

Product Version: Not Selected
Tags:
example.png (27.1 kB)
more ▼

asked Mar 08 '15 at 12:53 PM in Rendering

avatar image

CaptainMcMarcus
45 7 7 10

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

3 answers: sort voted first

Hey Spoondog,

I copied the issue over to the public issues tracker which you can vote and track by following the link below.

UE-24934

Let me know if you have further questions or need additional assistance.

Cheers,

Andrew Hurley

more ▼

answered Aug 24 '16 at 01:52 PM

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

Hey CaptainMcMarcus -

I answered a question similar to this on how to make a Font Material which can be used in the Text Render Actor which should be able to achieve something similar to what you are looking to achieve.

https://answers.unrealengine.com/questions/68274/gradient-color-text-and-black-border.html

Let me know if I can clarify -

Eric Ketchum

more ▼

answered Mar 08 '15 at 05:11 PM

avatar image

Lovecraft_K ♦♦ STAFF
36.7k 702 260 735

avatar image CaptainMcMarcus Mar 08 '15 at 05:31 PM

Hi, I found that one earlier but it seemed like it only worked with the Text Render Actor, I was looking for a solution that would work with the text block in UMG. Reason being is that UMG won't let me use a material for the font rendering unlike the Text Render Actor. I'm also in 4.7 if that helps.

avatar image Lovecraft_K ♦♦ STAFF Mar 08 '15 at 06:23 PM

Hi -

Well, I have added a feature request to add that functionality to the text components of the UMG, for reference it is UE-11448.

As soon as I know more I will let you know

Thank You

Eric Ketchum

avatar image moadib Jun 03 '16 at 05:10 AM

Hi, any updates on this subject?

avatar image AndrewHurley Jun 07 '16 at 04:10 PM

This feature was added in the 4.9 version of the engine.

avatar image moadib Jun 10 '16 at 08:37 AM

But Text widget still can't use offline fonts, so we can't access DistanceAlpha and achieve some results like TextActor on scene do :(

avatar image AndrewHurley Jun 10 '16 at 01:58 PM

There is a feature request in to add the ability for UMG to use offline fonts, UE-24934, which is currently unresolved. This is separate from the request entered by Eric K. earlier for UMG to utilize material's for text widgets.

Once this feature request has been integrated into the engine, it will be added to the list of new features for an upcoming full engine release or hotfix.

Thank you,

Andrew Hurley

avatar image Spoondog Aug 24 '16 at 12:21 AM

Hi Andrew - can you update us on the status of UE-24934 ? (allow UMG to use offline fonts). I can't find that issue in the issues db.

Gradient fonts still aren't really doable in UMG without being able to pick the offline font that matches the one you use in the material (referring to Eric's workaround).

avatar image Spoondog Oct 06 '16 at 10:18 PM

Actually for the record - you CAN do gradient fonts in UMG without having to use an Offline font (if you set a Font Material in a text block, the material will multiply the text color), but offline font support is still required if you want an outline, glow, or something that isn't covered by a basic color multiply.

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

Hi, you should be able to do it with this kit on the unreal marketplace: It should solve what you would like to do, I noticed there's also a playable demo!

https://www.unrealengine.com/marketplace/procedural-ui-background-and-borders-umg-material-kit

more ▼

answered Mar 30 '18 at 10:37 PM

avatar image

Mauxx91
21 1 2 5

(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