Cinematic Game UI Mockup

Generates a realistic video game screenshot featuring a custom character in a desolate landscape with 7 detailed HUD and mission UI elements. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "video game screenshot mockup", "style": "cinematic, realistic 3D graphics, overcast, rainy, desolate rocky landscape reminiscent of Death Stranding", "character": { "identity": "{argument name=\"character identity\" default=\"Sun Wukong\"}", "features": "monkey face, golden headband, holding a golden staff", "outfit": "yellow delivery jacket with black accents, large square black and yellow delivery backpack", "branding": "kangaroo logo and text {argument name=\"delivery company\" default=\"美团外卖\"} on jacket and backpack" }, "environment": { "foreground": "rocky terrain with a flowing stream", "background": "futuristic circular building with a tall antenna, glowing text {argument name=\"building name\" default=\"BRIDGES 配送中心\"}" }, "layout": { "ui_elements": 7, "sections": [ { "position": "top-left", "type": "mission objective", "text": "第3节：南部结点城 / {argument name=\"mission objective\" default=\"连接南部结点城，拓展开罗尔网络。\"} / [订单No.12] 美团外卖配送：南部结点城 / 将外卖送达给收件人。" }, { "position": "center-right", "type": "destination marker", "text": "目的地 / 南部结点城 / 约 1.8 km", "icon": "star" }, { "position": "center", "type": "weight info", "text": "负重 / 28.5 kg / 125.0 kg", "attached_to": "backpack" }, { "position": "middle-right", "type": "order info", "text": "订单信息 / [订单No.12] / 配送物品：外卖 / 收件人：南部结点城·工作人员 / 时限：30:00 / 报酬：+198 ¥520" }, { "position": "bottom-right", "type": "controls", "text": "移动 / 保持平衡 / 切换视角 / 打开终端", "icons": "controller buttons" }, { "position": "bottom-center", "type": "subtitles", "text": "孙悟空： / {argument name=\"subtitle text\" default=\"俺老孙来也！这外卖也要送到西天去！\"}" }, { "position": "bottom-left", "type": "HUD", "elements": "blue health/stamina bars, D-pad tool icons" } ] } }

A practical guide to Cinematic Game UI Mockup

Use Cinematic Game UI Mockup to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.

How to use this image template

01
Open
Use the primary action to load the template settings in PicX Studio.
02
Personalize
Adjust the subject and creative details for your destination.
03
Generate
Create the image, compare the result with the preview, and refine one variable at a time.

More templates to try

A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.

Cinematic Game UI Mockup questions

How do I use the Cinematic Game UI Mockup template?

Choose the primary action to open PicX Studio with the available template settings. Review the model and format, personalize the creative direction, and generate when ready.