{"id":8200,"date":"2023-06-12T19:46:55","date_gmt":"2023-06-12T17:46:55","guid":{"rendered":"https:\/\/store.algosyntax.com\/?post_type=asx-lms-tutorial-cpt&p=8200"},"modified":"2026-03-09T19:23:05","modified_gmt":"2026-03-09T17:23:05","slug":"ue5-rendering-ui-widgets-with-movie-render-queue","status":"publish","type":"asx-lms-tutorial-cpt","link":"https:\/\/store.algosyntax.com\/tutorials\/unreal-engine\/ue5-rendering-ui-widgets-with-movie-render-queue\/","title":{"rendered":"UE5: Rendering UI Widgets with Movie Render Queue"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The cinematic capabilities of Unreal Engine have taken significant strides over the years. A feature that’s making waves amongst creators and filmmakers alike is the advanced Movie Render Queue. Today, we’ll delve into one of its distinctive applications – integrating User Interface (UI) Widgets into your cinematics.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Why Use UMG Widgets For Cinematics<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Widgets are UI elements that can add a considerable layer of depth to your cinematics. These could be anything from interactive menus and buttons to scoreboards and health bars. Unleashing the power of these Widgets in your Unreal Engine project significantly contributes to creating an immersive, interactive experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UMG Cinematics Plugin<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

UMG Widgets can be added to your sequencer scene. A beneficial tool in this process is the UMG Cinematics Plugin. This plugin makes it remarkably straightforward to add Widgets into your cinematic scene, thus saving you considerable time and effort.<\/p>

Although the UMG Cinematics Plugin isn’t a requirement, it is undeniably a boon, making the process more efficient and your workflow smoother. The plugin is readily available on the Unreal Engine marketplace<\/a> or via the Algosyntax Client with your Patreon subscription here<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Rendering UI Widgets with the Movie Render Queue\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Once you’ve added your UMG Widgets, it’s time to render them to a JPEG sequence. Start by opening the Movie Render Queue tab. Refine your render settings and add a new setting \u2013 the ‘UI Renderer’. This ensures the inclusion of UI elements in your final output.<\/p>

Don’t forget to enable the “composite into final image” option. This is crucial to ensure your Widgets aren’t left on the cutting room floor but included in your finished product.

After you’ve set up everything as required, you can initiate the rendering process. It’s recommended to use the “Render Local” option for optimal results. And voil\u00e0, you’ve successfully integrated UI Widgets into your cinematic scene!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In a nutshell, mastering the art of rendering UI Widgets using the Movie Render Queue can add a layer of sophistication to your Unreal Engine cinematics. It’s all about creating a more dynamic, engaging visual experience, and these tools are here to make that process as seamless as possible. So why wait? Let’s start rendering!<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"template":"","asx-lms-tutorial-categories":[45,63],"asx-lms-tutorial-tags":[80],"class_list":["post-8200","asx-lms-tutorial-cpt","type-asx-lms-tutorial-cpt","status-publish","hentry","asx-lms-tutorial-categories-unreal-engine","asx-lms-tutorial-categories-sequencer","asx-lms-tutorial-tags-umg-cinematics","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-cpt\/8200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-cpt"}],"about":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/types\/asx-lms-tutorial-cpt"}],"version-history":[{"count":0,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-cpt\/8200\/revisions"}],"wp:attachment":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media?parent=8200"}],"wp:term":[{"taxonomy":"asx-lms-tutorial-categories","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-categories?post=8200"},{"taxonomy":"asx-lms-tutorial-tags","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/asx-lms-tutorial-tags?post=8200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}