In this section, you'll learn how to create custom images to show on the HUD Message devices for the splash screens. For how to add your own images to your project, check out importing textures.
Follow these steps to create a custom splash screen:
Create a Widget Blueprint with a User Widget variant named WBP_Logo1.
Add a Size Box widget first, then add the Image widget as its child. The Size Box gives a panel for the Image widget to be positioned in.
In the Details panel of the Image widget, apply the following settings.
Option Value Explanation Horizontal Alignment
Center Align Horizontally
This makes the image appear in the middle of the screen horizontally.
Vertical Alignment
Center Align Vertically
This makes the image appear in the middle of the screen vertically.
Image
T_UI_IconLibrary_Bicycle_128
The image that will show in the UI.
Image Size X
128.0
Set the width of the image.
Image Size Y
128.0
Set the height of the image.
Save and click Compile for the Widget Blueprint.
Duplicate the WBP_Logo1 asset for the second splash screen, then change the image.
You'll add these custom widgets to the HUD Message devices later in step 5 of the tutorial.
