Customize Splash Screens With HUD

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:

1. Create a Widget Blueprint with a User Widget variant named WBP_Logo1.

2. 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.

3. 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.

4. Save and click Compile for the Widget Blueprint.