# house-design-design-a-garden-courtyard

> Learn how to design outdoor landscapes with plant arrangements, hardscapes, and architectural rendering. Create stunning courtyard visuals. Start designing now.

- **URL**: https://www.coohom.com/helpcenter/house-design-design-a-garden-courtyard
- **Locale**: en_US
- **Updated**: 2026-08-06

## Content

This article covers landscape design and rendering in the House Design feature, including plant arrangement, hardscape layout, material replacement, and scene configuration for architectural rendering. It helps you quickly create and present courtyard landscape designs.

For Users
=========

All users

Entrance
========

Click **House Design** in the workspace to enter the villa design page.
![](//qhstatic-sg-s3.coohom.com/yuntai/image/png/1785757664581/8A17B3792FB240442441786D81F62902.png)

Plant Landscape Design
======================

1. Search for "lawn" in **Library**, select a material, and drag it to the desired location.

![1. Interface module: Library > Public Library
2. Annotation guide:
① Points to the "Library" main menu item on the left.
② Points to the asset search input box (with "lawn" already entered).
③ A red arrow highlights and points to the "Lawn_Moss Green" lawn model item, with the arrow ending at the selected model object in the scene.
3. Purpose: By clicking the Library, searching for a keyword, and selecting a specific model, you can place the chosen lawn asset into the 3D scene for layout.](//qhstatic-sg-s3.coohom.com/image/png/1785493902809/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

2. Click the **Copy** button next to the model to place multiple copies in the desired positions.

![1. Interface or functional module name: 3D editor > Object quick actions toolbar
2. Precise object indicated by the annotation: "Copy (Ctrl+C)" button
3. Role of this action in the workflow: Quickly duplicates the currently selected model object (such as the lawn area shown in the screenshot).](//qhstatic-sg-s3.coohom.com/image/png/1785495084430/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

![该操作流程位于“Coohom Architect > 3D编辑界面”，演示了对景观材质对象的缩放与调整过程：

1. **选中并激活**：在3D场景中选中特定草坪材质块，触发出现包含“Replace material”按钮的快捷工具栏及三轴向（红、绿、蓝）缩放箭头。
2. **执行缩放**：通过拖拽蓝色（高度）和绿色/黄色（平面）方向的缩放箭头，实时调整该材质块的尺寸与覆盖范围。
3. **参数确认**：右侧“Parameters”面板同步显示长度、宽度和高度的精确数值，用于微调尺寸。
4. **完成操作**：调整完毕后，点击界面其他区域取消选中，完成对景观区域的尺寸定义。](//qhstatic-sg-s3.coohom.com/image/gif/1785495351230/28A09C064B9B34147DE248E6B9D35DFC.gif)

3. Add shrubs, trees, and other plants to enrich the ground layers. Adjust their positions, density, and groupings to achieve good spatial function and sightlines.

![1. Interface module: Public Library > Plants
2. Annotations:
- Red box 1: The "Plants" category in the left menu.
- Red box 2: The "Owl Honeyberry" plant asset in the model library.
- Red arrow: Points from the selected plant asset to the corresponding model placed in the scene.
3. Purpose: Demonstrates how to select a specific plant asset from the Plants category in the Public Library and add it to the 3D scene.](//qhstatic-sg-s3.coohom.com/image/png/1785495871744/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

![该操作流程演示了在 Coohom Architect 中从公共库添加植物并进行调整的过程：

1. **公共库 > 植物分类**：在左侧资源面板中，先后点击选择“Owl Honeyberry 2”和“Owl Honeyberry 1”植物模型，将其放置到 3D 场景中。
2. **属性面板 > 参数设置**：在右侧“Idle material”面板中，通过调整“Parameters”下的长度、宽度和高度数值，对已放置的植物进行尺寸缩放。
3. **3D 场景 > 交互编辑**：选中场景中的植物，通过出现的蓝色坐标轴箭头进行位置移动，并利用上方弹出的快捷工具栏（如“Replace material”等）或右侧面板的“angle”参数调整植物的旋转角度与位置。](//qhstatic-sg-s3.coohom.com/image/gif/1785495923127/FE38E552875B4F60ED841FDCF9194DAD.gif)

Hardscape Design
================

1. In **Library**, select a suitable hardscape material and drag it to the desired location.

![1、界面或功能模块名称：公共库 > 景观建筑 (Landscape Architecture)
2、标注指向的精确对象：
- 红色框选区：左侧资源库中的“Balcony Pavilion”模型项。
- 红色箭头：从资源库模型指向 3D 场景中已放置的对应模型实例。
3、该操作在工作流中的作用：用于演示如何从公共资源库中选择特定的景观建筑模型并将其部署到 3D 设计场景中。](//qhstatic-sg-s3.coohom.com/image/png/1785496143123/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

2. Click the model whose material you want to change, then select **Replace** **Material** from the floating toolbar. In the material editing panel, choose a new material and drag it onto the part of the model you want to update.

![1. Interface or feature module name: 3D Editor > Object Quick Actions Menu
2. Precise object indicated by the annotation: The red arrow points to and highlights the "Replace Material" button
3. Role of this action in the workflow: Quickly change the material of the selected model object](//qhstatic-sg-s3.coohom.com/image/png/1785496590574/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

![1. Interface module: Material Editor > General Library
2. Annotations:
- Red box: Points to the "MIECO 3091 Summer" material option.
- Red arrow: Points from the material to the pavilion's roof/columns in the scene.
3. Purpose: Applies the selected material (MIECO 3091 Summer) to the surface of a specific model component in the scene.](//qhstatic-sg-s3.coohom.com/image/png/1785496314792/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

![界面名称：Material Editor（材质编辑器） > General Library（通用库）

操作流程：
1. 在左侧“General Library”面板中，点击选择“MIECO 3091 Summer”材质球，将其设为当前激活材质。
2. 在中央预览区域，点击亭子的“屋顶”模型部件，将其选定为材质应用目标。
3. 此时屋顶颜色发生变化，确认材质已实时应用至选定部件。
4. 在右侧属性面板的“Zoom”区域，通过调整“Horizontal scaling”等滑块，对材质的缩放比例进行微调，以优化视觉效果。](//qhstatic-sg-s3.coohom.com/image/gif/1785496445466/0941B5B75BCA0E8A960ADB0301FB47FB.gif)

Landscape Rendering
===================

1. Click **Render** in the top bar, then select **Architectural**.

![1、界面或功能模块名称：顶部工具栏 > 渲染设置
2、标注指向的精确对象：红色箭头指向“Render”按钮，红色方框选中的是下拉菜单中的“Architectural”选项。
3、该操作在工作流中的作用：用于在渲染模式中选择“建筑渲染”方案，以便对当前场景进行建筑效果出图。](//qhstatic-sg-s3.coohom.com/image/png/1785496682334/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

2. In the architectural rendering interface, you can quickly set up a scene by choosing a **Scene** . Once you've selected one, click **Start Render** to automatically generate the scene configuration.

![](//qhstatic-sg-s3.coohom.com/yuntai/image/png/1785831512668/2D37C2734C50A6837B78ACB4959B66FF.png)

3. Adjust the parameters under **Ambient Light** on the left while observing the changes across the courtyard to achieve your desired effect.

![1、界面模块：渲染设置 > Ambient Light（环境光）面板。
2、标注指向：红色方框框选了整个“Ambient Light”设置区域，红色箭头从底部指向该面板。
3、操作作用：用于调节场景的环境光效，包括选择预设光照（Default/Night/Evening）、调整太阳方向（Sun direction）、太阳高度（Sun height）、亮度（Brightness）及色温（Temperature），以控制渲染画面的光影氛围。](//qhstatic-sg-s3.coohom.com/image/png/1785497099675/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

4. In the upper-right window, adjust the camera position and angle.

![1、界面或功能模块名称：渲染设置 > 视角控制面板
2、标注指向的精确对象：红色箭头指向右上角的“2D/3D 视角切换/预览区域”
3、该操作在工作流中的作用：用于在 2D 平面图与 3D 空间视角之间切换，以便用户直观地调整和确认相机在场景中的位置与拍摄角度。](//qhstatic-sg-s3.coohom.com/image/png/1785832426671/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

![界面名称：渲染编辑器 > 3D 预览区

操作流程：
1. 在 3D 预览区中心，通过蓝色、黄色、绿色箭头指示的坐标轴操纵杆，沿 X/Y/Z 轴拖动以调整相机位置。
2. 在右上角“2D/3D”视图面板中，通过拖动蓝色相机图标来实时同步调整视角。
3. 结合上述操作，用户可精确控制相机在场景中的空间位置与观察角度，为最终点击底部的“Render”按钮进行渲染做准备。](//qhstatic-sg-s3.coohom.com/image/gif/1785832544231/282E3D3292948069944B2DD7A049893C.gif)

5. When you're done, select the appropriate **Resolution** and click **Render** . After rendering is complete, you can view the result in the **Gallery** in the upper-right corner.

![1. Interface module: Render Settings > Bottom Control Bar
2. Annotations:
- Number ①: Points to the "1K SD (1024*576)" option in the "Resolution" dropdown menu.
- Number ②: Points to the "Render" button.
3. Function: The user selects the desired image resolution (e.g., 1K SD) and then clicks the Render button to generate the final scene image.](//qhstatic-sg-s3.coohom.com/image/png/1785832945311/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

* Rendered result:

![The image is an architectural rendering that does not contain any red, yellow, or blue instructional markers (such as arrows, boxes, circles, or numbered callouts). Without these key interactive indicators, it is not possible to identify specific functional modules, operation targets, or their roles in the workflow.](//qhstatic-sg-s3.coohom.com/image/jpeg/1785898707051/7025ECF69B7911A0E60E5D97EEB60788.jpg)