Pages in Documentation

../images/architecture/2024/door-settings/thumbs/03.jpg
Settings
../images/architecture/2023/ui32/thumbs/01.jpg
UI3 Overview
../images/architecture/2022/doorsv2/thumbs/01.jpg
[old] Doors UE5
../images/architecture/0040/quick/thumbs/01.jpg
Quick Start
../images/architecture/0040/swap/thumbs/01.jpg
Swap Actor
../images/architecture/0040/custom/thumbs/04.jpg
Custom Assets
../images/architecture/0040/system/thumbs/01.jpg
System Drawings
../images/architecture/0040/steps/thumbs/12.jpg
Step by Step
../images/architecture/0040/faq/thumbs/01.jpg
Tips & FAQ
../images/architecture/0040/settings/thumbs/03.jpg
Settings
../images/architecture/0033/designer/thumbs/02.jpg
UI3 Designer
../images/architecture/0033/cost/thumbs/02.jpg
UI3 Cost
../images/architecture/0033/features/thumbs/08.jpg
UI3 Features
../images/architecture/0033/quick/thumbs/01.jpg
UI3 Quick Guide
../images/architecture/0033/settings/thumbs/16d.jpg
UI3 Scene Settings
../images/architecture/0033/connect/thumbs/02.jpg
UI3 Connect
../images/architecture/0033/vr/thumbs/03.jpg
UI3 VR projects
../images/architecture/0033/history/thumbs/01.jpg
UI3 Vers History
../images/architecture/0033/preview/thumbs/01.jpg
UI3 Preview Ft.
../images/architecture/0033/bugs/thumbs/01m.jpg
UI3 Fix Bugs
../images/architecture/0033/design/thumbs/01t.jpg
UI3 Design
../images/architecture/0033/layout/thumbs/02.jpg
UI3 Layout Design
../images/architecture/0033/game/thumbs/07.jpg
UI3 Input&Mode
../images/architecture/0033/faq/thumbs/08.jpg
UI3 FAQ + TIPS
../images/architecture/0023/history/thumbs/02.jpg
Ver History
../images/architecture/0023/v3-placements/thumbs/02.jpg
V3 Placements
../images/architecture/0023/v3-mesh/thumbs/02.jpg
V3 Mesh Def.
../images/architecture/0023/v3-segments/thumbs/03.jpg
V3 Segments
../images/architecture/0023/v3-quick/thumbs/01.jpg
V3 Quick Start
../images/architecture/0021/v2/thumbs/01.jpg
Books V2
../images/architecture/0021/v1/thumbs/01.jpg
Books V1
../images/architecture/0019/custom/thumbs/01h.jpg
Customize
../images/architecture/0019/overview/thumbs/00b.jpg
Quick Guide
../images/architecture/0019/swap/thumbs/01.jpg
Swap Actor
../images/architecture/0019/faq/thumbs/01.jpg
Doors FAQ
../images/architecture/0019/v2/thumbs/01.jpg
Doors UE4 (V1)
../images/architecture/2021/ui3-bugs/thumbs/02.jpg
3.1 Bugs Fixes
../images/architecture/0040/history/thumbs/02.jpg
Ver History
../images/architecture/0023/v2-generic/thumbs/01.jpg
V2 Generic BP
../images/architecture/0023/v2-examples/thumbs/01.jpg
V2 Examples
../images/architecture/0023/v1/thumbs/01.jpg
V1 Railings Fences
../images/architecture/2019/guide1/thumbs/01.jpg
UI 1 - Part 1
../images/architecture/2018/03/thumbs/06.jpg
UI 1
../images/architecture/2019/guide2/thumbs/01.jpg
Ui 1 - Part 2
../images/architecture/2019/ui2/thumbs/01.jpg
1 Overview
../images/architecture/0013/features/thumbs/04.jpg
UI2 Features
../images/architecture/0013/start/thumbs/01.jpg
UI2 Get Started
../images/architecture/0013/infomap/thumbs/06.jpg
UI2 Info Map
../images/architecture/0013/actors/thumbs/01.jpg
UI2 BP Actors
../images/architecture/0013/users/thumbs/01.jpg
UI2 User Manager
../images/architecture/0013/faq/thumbs/03.jpg
UI2 FAQ
../images/architecture/0013/tutorials/thumbs/06.jpg
UI2 Tutorials
../images/architecture/2021/ui3/thumbs/01.jpg
UI3 Overview
../images/architecture/2021/ui3-start/thumbs/02.jpg
UI3 Get Started
../images/architecture/2021/ui3-infomap/thumbs/02.jpg
3.1 Info Map
../images/architecture/0033/variation/thumbs/01.jpg
UI3 Variations
../images/architecture/0033/other/thumbs/02.jpg
UI3 Other BPs

Kitchen Builder Step By Step

Step by Step tutorial to create a kitchen with the Modular Kitchen Builder

This is a bit out of date but still useful to understand the workflow.

Content:

Place Blueprint Actor

Array Elements.

Setting Materials and Handles

Adding the Sink

Adding Dishwasher

Adding Oven, Cooktop and Rangehood

Tall Cabinet

Fridge

A bit of Polish

L-Shaped Kitchen

End Module

L-Shaped Island Extension

Adding Additional Meshes

Place Blueprint Actor

In the Content Browser look for the blueprint actor BP_KitchenBuilder in the directory Content / ModularKitchen / Blueprints and drag it into the level.

Best to have Grid Snapping on and set to 1. Turn on rotation snapping as well and move it into place.

Flush to the back wall and 2cm away from the side wall, if there is one.

image
Let's set the default top and base cabinets before we start adding more modules.
> Modules
Top Module Glass Door(s)
Base Module Drawer and Door(s)

image

Array Elements.

Modules are added through an array. Unreal has a powerful clipboard feature that lets you copy and paste data between array elements. You can copy the entire array of modules to another blueprint or copy the entire kitchen into another project even between engine versions as long as all the assets are present in both projects. This might be the only way to copy elements from Unreal 5 back into Unreal 4.

Add 4 more array elements then copy the first array element [0] to the other array elements using the right mouse click menu.

image

Setting Materials and Handles

You can set materials or handles at any time. So let's do it now. First we set the cabinet style. Shaker will use framed fronts for all doors and drawers
> Kitchen Defaults
Cabinet Front Style Shaker

Next we set the materials for the kitchen.

> Materials
Material Wall Box/Front
Material Base Box
Mi_MK_SemiGlass_MidGrey
Material Base Fronts Mi_MK_Wood_Veneer01_90
Material Splashback
Material Bench
Mi_MK_QuartzMystique

Finally we enable handles by ticking the box. This will use the default handles which are fine for now.

> Handles
Use Handles [ticked]

image

Adding the Sink

We want a sink at module [1]. This is a standard appliances. Expand the array [1] and at the bottom of the array expand Standard Appliances. Choose a mixer / faucet as well.
> Standard Appliances
Sink Sink Double Dark
Mixer / Faucet Mixer Prescara Black

image

Adding Dishwasher

A dishwasher will be right next to the sink. It's also a Standard Appliance. First we need to make room for the dishwasher by removing the base cabinet.
> Index [2]
Base Cabinet None

Then we can select a dishwasher from the Washing list

> Standard Appliances
Washing Dishwasher MI_G_7423

image

Adding Oven, Cooktop and Rangehood

The next module will hold the oven, cooktop, and rangehood. Let's add those first.

The oven is a build in appliance. Only some ovens or microwaves are Build In Appliances which come with a special cabinet. Sizes are standardized and most appliance maker stick to them. Choose an oven suitable for the cabinet chosen.

> Built In Appliances
Cabinet Base 60 x 60 Standard
Appliance Base Oven MI H 7860
> Standard Appliances
Cooktop Stove Induction MI CT 6322
Rangehood Rangehood MI 3466

The rangehood is placed inside the bottom of wall cabinet to be flush with the other cabinets. We can move the bottom of the cabinet up by the height of the rangehood. The cabinet has also usually not a glass door. So we set it to a standard door.

> Index [3}
Top Module Door(s)
Top Height Offset 3.5

image

Tall Cabinet

Most kitchen have a tall cabinet. A tall cabinet is a standard base cabinet with a 60 cm full height top cabinet. Add two move modules by hitting the (+) icon at the top of the list of arrays.
> Index [5]
Width Module 90 (36 inch)
Top Module Full Height

Note that the module has two doors. 75 and 90 width modules have double doors.

image

Fridge

The fridge is usually just an open space with small cabinets on top of it. Add another module if you haven't already. We will use a large fridge that is just a bit wider than a 90 cm module. You can adjust the width by adding a manual value for the module. It will then scale to this value. Use the closest module to keep scaling at a minimum. We also adjust the height of the cabinet to the fridge height.
> Index [6]
Width Module 90 (36 inch)
Width Desired 100
Top Module Fridge Top
Top Height Offset -10

Tip: Leave a 2cm "shadow gap" on the side of cabinets.

> Standard Appliances
Fridge GEP ZS 22
Note that 22 is the volume of the fridge and not the width (US).

image

A bit of Polish

All door handles are on the right side of the cabinets. You can flip their position so some are on the left side to form pairs of handles.
> Index [1] [4]
Flip Doors [ticked]

Lets also bring the rangehood cabinet back to its original size and offset the rangehood appliance instead to sit under the cabinet.

> Index [3]
Top Height Offset 0.0
> Standard Appliances
Rangehood Height Offset -3.5

image
I changed the middle wall cabinet to a different style and added a kettle and a toaster.
> Index [2]
Top Module Half Door(s)

This completes the simple kitchen.

image

L-Shaped Kitchen

Lets turn this into an L-Shaped kitchen. Hold down [ALT] and move the kitchen blueprint to the side. This will create a copy of the existing kitchen blueprint.

Select the first array of the kitchen modules. Right click and choose copy from the context menu.

Empty the array (delete all arrays) by clicking on the bin icon next to the (+) icon at the top of the array list.

The use (+) to add a single module

Finally right click and choose paste from the context menu to copy the first module back.

You now should have a single module in the same style as the original kitchen you built before.

image

End Module

Every blueprint can have an end module. It's either just a 2 cm overhang of the bench or it can be a 90 cm (36 inch) wide corner module.
> End Module (Corner)
Add End Module [ticked]
End Splashback Around Corner
Top End Type Corner Cabinet Straight
Base End Type Corner Cabinet

image
In Architecture it might be best to stay on a grid. Unreal offers grid snap that can be enabled or disabled in the viewport. It isn't a real grid. Instead it lets you move objects in fixed increments.

Tip: CTRL+END will snap your object to the current grid. If it isn't already.
END will snap the pivot of your object to the floor.

Use grid snap to perfectly align the two kitchen blueprints to form an L-Shaped layout.

image

L-Shaped Island Extension

In the next example we change the elements around the corner to an island style extension. First disable the top cabinet and the splashback. Then make a copy of that module and flip the door handle.
> Index [1]
Add Splashback [unticked]
Top Module None
Flip Doors [ticked]
Remove the splashback from the End Module.
> End Module (Corner)
End Splashback None
Top End Type None
Base End Type Corner Cabinet

image
Now that we removed the top cabinet we need to add an extra module to the first built kitchen segment. Select Module [0] and use Insert to insert an additional module before the first module.

image
We have to add a 90 wide top module only to fit the width of the corner module of the other kitchen segment.

The Bench is already on the corner module but we need to enable to splashback and disable the base module.

> Index [0]
Add Bench [unticked]
Width Module 90 (36 inch)
Top Module Door(s)

Because we added an extra module at the start of the array the whole kitchen has moved to the right side.

image

Adding Additional Meshes

Temporarily switch the grid snap to 10. We need to move the kitchen 90 units to the left. This makes sure we are precise.

We can use other meshes to improve the kitchen blueprint. The meshes I used here are in Modular Kitchen / Meshes / Additional. Use the same materials to seamlessly integrate them.

image

imageimage
Top of page