How are Lyra logo textures created? (RGB channels contain different data)

Development Rendering
,
1

Hi everyone,

I’ve been working with Unreal Engine’s Lyra project for a while, and I’m now in the process of replacing the default Lyra branding with my own logo.

I’ve narrowed it down to two specific texture files (attached below). It seems that if I replace these correctly, most of the in-game “Lyra” icons will update automatically.

T_UI_LyraLogo
T_UI_LyraLogo1024×512 74 KB

T_UI_LyraLogo_2K
T_UI_LyraLogo_2K2048×1024 300 KB

However, these textures appear to be more complex than standard logo images. When I analyzed them in Photoshop, I noticed that each RGB channel contains different information:

  • One channel contains a clean version of the logo

  • Another appears blurred

  • Another contains a stylized/glow variation

Because of this, simply creating a flat PNG in Photoshop and replacing the texture does not produce the same visual quality as the original Lyra assets.

My main question is:

What technique or workflow did the Lyra creators use to produce these multi-channel logo textures?

Any guidance on how to properly recreate this type of texture (with custom text/logo) would be greatly appreciated.

P.S.1. Here is my images:

image
image2047×1023 314 KB

image
image1029×513 15.6 KB

This is the result:

image
image1078×552 81.4 KB

image
image815×883 103 KB

And here is Lyra’s:

image
image1978×995 119 KB

image
image836×906 103 KB

P.S.2. English is not my native language, I used ChatGPT to help edit this post.

2

What’s your planned use case for this rebranding of Lyra? Is there a reason you’re trying to get an exact 1-1 of the logo’s graphics, or is an approximation acceptable?

3

This is the game I’ve been working on for the past couple of months. I tried to deviate from Lyra as little as possible, so I didn’t want to change the main menu and UI too much. That’s why I decided to use a Lyra-style logo as well.

4

the blue is the logo. the red is preblurred bloom. you can do with the green whatever you want. in the lyra logo it’s ran thru some type of threshold filter and a texture applied. it’s just extremely packed while being editable.

to generate it in gimp or photoshop, you’d have to paint a blue logo. duplicate the layer, change it to red and blur it. and you can do whatever with green as background blend. then change the layer blendmode to screen overlay and it will combine it into the rgb texture.

1 Like