1. Introduction to design interface

Homestyler Official 2022-3-8

When you enter Homestyler Floor Planner, you will see an interface like this. The interface can be divided into five parts.

1 .The central canvas

2 .The left catalog

3 .The top toolbar

4 .The right property panel

5 .The bottom toolbar

1.【The Central Canvas】This is where you draw floor plans and decorate the rooms.

You are able to zoom in and out with your mouse curser.  In addition, in 3D view you are able to move around by clicking on the four arrows on the bottom of the screen, and look around by clicking and dragging the left button of your mouse. Alternatively, we also  provide hotkeys W, S, A, D, or the four arrows on the keyboard for a more spontaneous walk-through manipulation.


2.【The Left Catalog】There are five modules in  the left catalog area - Create Room, Customize, Autostyler, Model Library, and My  Folder.


2.1 Create Room

2.11 You could create rooms by opening a template  design, importing a floor plan as image or CAD file, or directly sketch the floor plan.


2.12 Draw single walls by center or by edge, or directly draw rooms.

2.13 Add different types of doors and windows, and add  building structures like openings, beams or columns.


2.2 Customization

2.21 Full house furnishing & Interior Modeling

Full house furnishing: In this section, you could customize ceiling, wall or floor, as well as tile flooring.

Interior Modeling: Similarly to SketchUp, you could use it to do 3D modeling and create building structures or even furniture due to your needs.

2.22 Custom Furniture allows you to easily customize kitchen cabinets, wardrobe                and shelves with our furniture and parts catalog.


2.3  Autostyler

Autostyler decorates the rooms for you based on the template you choose. After you created rooms, click "Autostyler" and select a satisfactory  project to apply. You could choose to apply the whole house design, or a single room design to your rooms. After applying, you can also adjust the position or size of the furniture to make it more suitable for your room.


2.4 Model Library

2.41 Trends: weekly updated trending model collections and packages, both free and paid, and some can be redeemed with Homestyler points.

 

2.42 Structure/Catalog/Finish: You could find over 100,000 models and materials in the Homestyler model library, like building elements, floor and wall paint, furniture in different kinds of spaces, plants and animals, exquisite home decoration, etc.

2.43 AI Fabric: It stimulates the curtain waving and fabric falling effects automatically. By placing the curtain nearby the window, you could click "wind blow" to make it wave. By placing throws or beddings above the furniture, you could click "place down" and drop the cloth onto the furniture.

2.44 Brands: View models from hundreds of real brands.


2.5 My Folder

In the "My" folder, you could find My Favorites, My History, My Uploads and My Unlocked.

My Favorites: You could find models that you collected here. You can also manage the fav groups

My History: You could find 3D models and materials that you recently used in this folder.

My Uploads: You could find your own uploaded 3D models and images in this folder. You can also find the customized models you made with Interior Modeling and the grouped models in Model Combination.

My Unlocked: The model collections or packages that you purchased or redeemed with points.



3.【Top Toolbar】Accessibility for project files, common tools and entry to render and export

3.1 Top left corner: 

Quick project management entry: allows you to quickly name the project, and set the project's public/private status.


3.2 Top middle part: 

Common toolbars including operation settings, material brush, tools drop-down menu, hidden and view,  export and render.

3.3 Top right corner: 

Fast access to Preferences, Help and Inbox.

Preferences: Click the settings icon, you can set your drawing operation preferences, as well as the unit of measurement.

Help: When you encounter problems, you can click the "Help" button to open the beginner's guide, view the tutorials or visit help center.



4.【Right Property Panel】In the property panel,  you can select different objects like furniture or finishes, and then you could set parameters of basic properties or style properties to meet your custom needs.

4.1 Room Navigation Viewport: 

Quickly switch rooms by clicking on the floor plans of different rooms. You can also switch to single room mode to focus on a single room, which relieves the burden on your browser and improves your design efficiency.


4.2 Property Panel: 

When a material is selected, the parameter details such as size modification and angle rotation corresponding to the material will appear. When no object is selected, the relevant properties of the room wall will be displayed.


5.【Bottom Toolbar】 Add and manage multiple floors, adjust the views and display mode, and adjust camera settings

5.1Manage floors, switch levels and stair display settings

· The stairs icon: Add or delete floors or basement

· The selection box: Switch the current floor level, so that you could draw rooms and decorate on each floor separately

· The checkbox: Set whether to show all floors or display each floor separately


5.2 Switch between different display modes and 2D/3D views

·Switch between different display modes (material, wireframe or transparent)

·Switch between 2D (Plane, RCP or Elevation) and 3D (3D and Roam) views


5.3 Adjust the height and view angle, and save the views for reuse. And you could find the saved views in the rendering interface.

After learning this tutorial, you will get a basic understanding of Homestyler. Next, let us create a room!



Now let us proceed to the next tutorial of our Learning Path:



Other posts for beginners: 

2. Create the floor plan

3. Decorate the rooms

4. Render beautiful images






60826 69

評論(69)

head-img
Patrick Pryor 2022-2-7
chicken sandwich
回複
head-img
rcarpi41 2022-9-26
Buon giorno è possibile tradurre la pagina in italiano ? Grazie
回複
head-img
Татьяна Шемякина 10-8
Просмотрено
attachment
回複
head-img
Prescott Greenwood 2023-3-21
chicken sandwich @ Patrick Pryor
chicken sandwich
回複
head-img
Лиза Котова 1-19
)
回複
head-img
Елена Теплова 1-16
просмотрено
回複
head-img
Рыбацкий канал 1-15
Super!
回複
head-img
lbukharova72 12-30
Thank you
回複
head-img
Настя Петрова 12-20
вау
回複
head-img
oksana.dizayn Mordashova 12-19
:)
回複
head-img
Татьяна Ааа 12-16
👍
回複
head-img
Элина Нуреева 12-11
thanks
回複
head-img
leana.felix 11-26
сПАСИБО
回複
head-img
Ксения Титова 11-25
Просмотрено. Спасибо!
回複
head-img
Irina Safonova 11-25
Thank you!
attachment
回複
head-img
Irina Safonova 11-25
Thank you
回複
head-img
Irina Safonova 11-25
Thank you! It is useful
回複
head-img
leana.felix 11-24
ок
回複
head-img
Olga Mezh 11-23
Очень полезно
回複
head-img
Анна Бунакова 11-15
0
回複
head-img
Marlon G. 11-15
thank you (chicken sandwich)
回複
head-img
Victoria Gaydarova 11-13
thanks
回複
head-img
lsorokolet 11-10
:)
回複
head-img
Осуждаю 11-10
like
回複
head-img
Yura Bryukhanov 11-10
Отлично всё и доступно)
回複
head-img
Нина Жукова 11-8
ок
回複
head-img
Inostranez76 11-8
Fatto
回複
head-img
marimrs 10-28
просмотрено
回複
head-img
Алена Спевак 10-16
Просмотрено
回複
head-img
Татьяна Шемякина 10-8
Просмотрено
回複
head-img
Julia Lyubaeva 10-3
1
回複
head-img
Marianna 9-27
ок
回複
head-img
Elena Kovaleva 9-19
+
回複
head-img
Алексей Телеляев 9-18
супер
回複
head-img
horbovanb 9-18
...
回複
head-img
Гаухара 9-8
nice
回複
head-img
Гаухара 9-8
супер
回複
head-img
nata735ab Абрамова 9-5
класс
回複
head-img
marinaskumatova 9-3
like
回複
head-img
marinaskumatova 9-3
like
回複
head-img
Elena E 8-27
Thank you!
回複
head-img
archiMoDo … 8-25
e' possibile tradurre i italiano ?
回複
head-img
archiMoDo … 8-25
sottoscrivo grazie @ rcarpi41
Buon giorno è possibile tradurre la pagina in italiano ? Grazie
回複
head-img
Диляра Сангатуллина 8-9
V
回複
head-img
ДизайнДизайн 8-9
У меня в каталоге отсутствует библиотека моделей Model library. Как исправить?
attachment
回複
head-img
Инна Носова 7-4
Спасибо
回複
head-img
Ната Зинкова 7-1
Спасибо.
回複
head-img
79512536244 5-19
Спасибо!
回複
head-img
Наталья Шарипкулов 5-17
Спасибо.
回複
head-img
oksana.dizayn Mordashova 5-7
)
回複
🎉 任務完成!你已獲得金幣!