[Render] Live Render: Design and Render Simultaneously

Reading time of this article:0 minuteUpdated 2026-07-15

What you see is what you get, design more efficiently. Live render enables you to preview effects while adjusting the plan, allowing inspiration to take shape quickly.

For Users

All individual users

Entrance

Enter the design tool and click on Live Render at the top.

**Module:** Top Navigation Bar > Rendering Credits

**Target Object:** "Top up" button (indicated by the red box and arrow)

**Function:** Used to purchase or add more rendering credits to the account for "Live render" services.

Adjusting Projects While Rendering

1. On the rendering page, you can adjust the project (e.g., adding materials, adjusting positions, model replacement) while viewing the rendering results in real-time.

Adding material is shown below:

Adjusting positions is shown below:

Details of model replacement are shown below:

Adjust Render Settings

After completing adjustments, click on Rendering Settings in the left sidebar and configure the relevant parameters as needed.

Set Aspect Ratios and Resolution.

**Module:** Render settings > Configuration Panel

**Targeted Object:** The red box highlights the "Aspect ratios" and "Resolution" settings sections.

**Function:** Used to define the output dimensions and quality of the render, allowing users to select specific image proportions (e.g., 16:9) and resolution levels (e.g., 1K SD) before generating the final image.

Set Views. You can choose the system's default Smart Views or use My Views (Note: In the my views, you can adjust the angle by moving the mouse, then click to save the angle for reuse later).

**Module:** Render settings > Views

**Target:** "Smart views" tab (indicated by the red box and arrow)

**Function:** Used to select and apply AI-generated or predefined optimal camera angles for the scene rendering.

Set Lighting and Environment.

**Module:** Render settings > Lighting & Environment panels

**Annotations:**
1. **Red Box ①:** Points to the "daytime" preset under the Lighting section. It is used to set the overall lighting mood to daylight.
2. **Red Box ②:** Points to the "Lawn" preset under the Environment section. It is used to select the outdoor background scenery for the render.

Generate Renderings

Once configuration is complete, click Generate at the bottom.

**Module:** Render Settings > Main Viewport

**Target Object:** "Generate 16:9/1K" button (indicated by the red box and arrow).

**Function:** Used to initiate the final rendering process of the current scene based on the selected settings (lighting, environment, and camera angle) to produce a high-quality image.

Note: To ensure rendering quality, make sure Wireframe mode is off before rendering.

**Module:** Main Editor > Display Style Menu

**Target Object:** "Wireframe" toggle switch (indicated by the red arrow and red bounding box).

**Function:** Used to enable or disable the wireframe view mode of the 3D scene for structural visualization.

View Renderings

After rendering, click on Gallery at the top to view results.

**Module:** Top Toolbar > Gallery

**Target Object:** "Gallery" button (indicated by the red arrow)

**Function:** Used to open the gallery panel to view and manage previously rendered images or saved presets.

No instructional markings (red/yellow/blue arrows, boxes, or numbered sequences) are present in the provided image. Therefore, no specific interaction points or workflow steps can be identified.

Exit Live Render

Click the switch at the top to return to the design tool page.

**Module:** Top Navigation Bar > Rendering Credits

**Target Object:** "Top up" button

**Function:** Used to purchase or add more rendering credits to the account to enable further image generation.

Switch to Older Version Rendering

If you wish to switch back to the older version of rendering or need to render panoramic views, videos, and other richer outcomes, you can jump to the old rendering page. There are two methods to switch, detailed as follows:

Method 1

On the rendering page, click Old Version at the top of the left sidebar.

**Module:** Render settings > Header

**Target Object:** "Old version" button (indicated by the red box and arrow)

**Function:** Used to switch the rendering settings interface back to the previous version.

Method 2

When the free duration and credits (each individual user receives 3 minutes of free trial time by default; exceeding 3 minutes costs 4 credits/minute) are insufficient, click Live Render and choose to Old Version in the pop-up window.

Categories	Names of cookies	Functions
Strictly necessary cookies	qunhe-jwt	Remember your login status: user id, name, email, avatar, character, region
	qunhe-refresh	Refresh your permissions: user id, name, email, avatar, character, region
	showroom-jwt	Remember your user id, email, company, and status
	qh-locale	Stores your language preferences
	qh-cm-fe-locale	Stores your language preferences
Performance cookies	ktrackerid	Monitors abnormal conditions during your visit
Performance cookies	ktrackertime	Monitors abnormal conditions during your visit
Marketing cookies	qhdi	Recognises website visitors(anonymously- no personal information is collected on the user)
	hubspotutk	Identifies your session
	rdt_uuid	Identifies which web page you came from
	hssrc	Identifies which web page you came from
	hstc	Identifies which web page you came from
	cio	Identifies which web page you came from
	cioid	Identifies which web page you came from
	fbd	Identifies which web page you came from
	ajs_anonymous_id	Identifies which web page you came from
	ajs_user_id	Identifies which web page you came from
	messagesUtk	Identifies which web page you came from