# render-live-render-design-and-render-simultaneously

> Learn to preview designs in real-time with Coohom Live Render. Adjust materials, lighting, and views effortlessly while rendering. Start designing efficiently today.

- **URL**: https://www.coohom.com/helpcenter/render-live-render-design-and-render-simultaneously
- **Locale**: en_US
- **Updated**: 2026-07-15

## Content

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.](//qhstatic-sg-s3.coohom.com/image/png/1784024826331/E26B6EAFB3338787099F3E929E2D6EE2.png)

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:

![**Module:** Models > Lighting > Pendants & Chandeliers

**Workflow Description:**
1. **Selection:** In the "Models" library, navigate to "Lighting > Pendants & Chandeliers" and select a chandelier model to add it to the 3D scene.
2. **Positioning:** Use the blue 3D bounding box and directional arrows (blue/green/yellow) to move the chandelier. Specifically, the blue downward arrow is used to adjust the vertical height of the fixture.
3. **Refinement:** Once placed, the "Material editor" floating panel and the right-side "Properties" panel (Size and Location) can be used to precisely calibrate the object's dimensions and distance to the slab.
4. **Matching:** The "Single-item match" pop-up panel allows users to find and swap for similar style lighting fixtures to maintain design consistency.](//qhstatic-sg-s3.coohom.com/image/gif/1784026791682/BA3CF5EA969D0747CC1A36BC94ED33E3.gif)

* Adjusting positions is shown below:

![**Module:** 3D Design Editor > Object Manipulation

**Workflow Process:**
1. **Positioning:** In the 3D viewport, use the **green movement arrow** to drag and position the selected furniture object (side table) to the desired location.
2. **Adjustment:** Utilize the **blue rotation arrow** and **yellow vertical arrow** to rotate the object or adjust its height relative to the floor.
3. **Modification:** Access the floating **toolbar** (appearing above the object) to perform quick edits, or click the **"Material editor >" button** to modify the object's surface textures and colors.

**Purpose:** This workflow allows users to precisely place, orient, and customize the appearance of 3D models within a room scene.](//qhstatic-sg-s3.coohom.com/image/gif/1784026758598/DCE71965D19C1438840BBBDE410C6B53.gif)

* Details of model replacement are shown below:

![**Module:** 3D Editor > Model Replacement

**Workflow:**
1. **Initiate Replacement:** Select a model in the 3D viewport and click the **"Replace" button** in the floating toolbar to open the "Replace Model" panel.
2. **Select New Model:** In the **"Replace Model > Public library"** panel, browse and click on a **specific model thumbnail** (e.g., a different chandelier style) to select it.
3. **Apply Change:** The selected model is automatically updated in the 3D scene, replacing the original object while maintaining its position.](//qhstatic-sg-s3.coohom.com/image/gif/1784026735425/BDD03DBD7B143CFD44CBE3156FF860F8.gif)

Adjust Render Settings
======================

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

![**Module:** Render settings > Configuration Panel

**Annotated Objects:**
1. **'Render settings' icon (Left Sidebar):** Used to open the render configuration panel.
2. **'Render settings' panel (Main Left Area):** Used to adjust aspect ratios, resolution, views, lighting, and environment settings for the final output.
3. **Red Arrow (Viewport):** Points to the 3D scene preview area, used to visualize the current camera angle and lighting effects before rendering.](//qhstatic-sg-s3.coohom.com/image/png/1784025693382/7CD884723735F3D2819F34BA2F7DA768.png)

* Set **Aspect Ratios** and R**esolution.**

![**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.](//qhstatic-sg-s3.coohom.com/image/png/1784025757017/A4291DE251484F6094BBF7CE99F1393E.png)

* 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.](//qhstatic-sg-s3.coohom.com/image/png/1784025824550/C0AB047EDAA4FDA17851A83798D7F135.png)

![**Module:** Render Settings > Viewport / Floor Editor

**Targeted Objects:**
1. **"Floor Editor" button/tooltip:** Located in the center of the 3D viewport.
2. **Floor Editing Toolbar:** The floating panel containing the brush, paint bucket, and line tools.

**Workflow Action:**
The user clicks the "Floor Editor" trigger to activate the floor modification toolbar, which is used to paint materials or define specific floor areas within the 3D scene.](//qhstatic-sg-s3.coohom.com/image/gif/1784026672935/5BE693C2A037151FD75670ED2B8C2A1C.gif)

* 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.](//qhstatic-sg-s3.coohom.com/image/png/1784025910313/471DA06DD0926DB2CB4C2B124B32D7AC.png)

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.](//qhstatic-sg-s3.coohom.com/image/png/1784026106483/0E396F57138AD4F35DC77658D41ECB46.png)

* 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.](//qhstatic-sg-s3.coohom.com/image/png/1784026130490/780F5FF5A1C60E3C73E99FA6D7AB04F7.png)

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.](//qhstatic-sg-s3.coohom.com/image/png/1784026173228/B1C0575397DBE9CE2E09EDE751A58BE1.png)

![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.](//qhstatic-sg-s3.coohom.com/image/png/1784026207732/EDF6F575DA12B59E5F0908CEEE3F03A9.png)

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.](//qhstatic-sg-s3.coohom.com/image/png/1784026628681/AE6C2BA4940C45B63177C2F310437186.png)

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.](//qhstatic-sg-s3.coohom.com/image/png/1784026461466/7BDBFE1D4FA03DCD55E2C42BCB3F407C.png)

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.

![**Module:** Main Editor > Live-render Notification Pop-up

**Targeted Objects:**
1. **"Live render" button** (Red box in top toolbar): The trigger for the real-time rendering feature.
2. **"To old version" button** (Red box and arrow in pop-up): The specific action button within the "Live-render Credits Used Up" dialog.

**Workflow Purpose:**
The markings indicate the process of handling exhausted rendering credits. When the user attempts to use the "Live render" function, a notification appears; clicking "To old version" allows the user to switch to Classic Rendering to continue working without additional credits.](//qhstatic-sg-s3.coohom.com/image/png/1784026528112/B47D7AED4223A8E79B514F20EB431361.png)