Adding Roof Element

Sketchup TutorialThe house has a simple gable roof with ceramic roof shingles. Both sides are enclosed with ridge verges and the top is enclosed with ridge shingles, all with the same material with the roof shingles. The roof has a 30° slope and is positioned exactly in the center point of the west wall. Fascia will be added to cover the bottom end of each roof. The roof will be extended 60 cm downward to create roof eaves for added protection to the wall.

In this tutorial, I do not include the roof truss because the detail of this structure is best left to experts. However, you can draw the truss when its design has been completed, i.e. to study available space for roof storage, and superimpose it to the final 3D model.

Steps taken to create the roof are as follow:

  1. Previous 3D Model
    Chapters in this Sketchup tutorial are expected to be done in chronological order. However, if you want to start from this chapter, please download the last model created from previous lesson(s) at the the 3D warehouse.
    Separating walls and floors from the back and front yards before adding the roof element
  2. Creating basic shape of the roof.
  3. Creating roof shingles component.
  4. Creating ridges and ceiling.
  5. Adding decorative molding to the ceiling.
  6. Roof finishing.

Separating Walls, Floors and Yard Elements into groups

At this tutorial stage there are already quite a lot of objects that we have added to the SketchUp 3-D model. In general, these objects can be be grouped into:

  1. Floors and Walls
    Walls and floors including every object attached to them, such as doors, windows, bathroom and terrace.
  2. Front yard and back yard.
    The remaining empty area in the lot that we will fill with outdoor objects and vegetation.

To ease further editing the 3D model, we need to isolate these objects by putting them into separate groups. One by one, we will select similar objects using SelectSketchup tutorialtool and make them a group.

 Tutorial Animation for Creating wall and floor group.

Creating the roof basic shape

We want the roof to have a 30° slope, with its axis positioned right at the middle of the western wall. For that, we will create a prism based on an isosceles triangle as the basic form of the roof. With available dimensions and slope specification we can find the roof high using trigonometric formula. But that's not SketchUp, in this tutorial we will only use Tape MeasureSketchup tutorialtool, ProtractorSketchup tutorialtool and LineSketchup tutorialtool to help us create triangle.

 Tutorial animation to create the roof basic shape.

Creating detail shape for roof shingles

  1. Creating Roof Tile Component.
    Although technically, we can easily make each shingle as a component with the shape and size similar to a real shingle. This can make a lot of burden to the computer processor. Therefore in this tutorial we will only make the overall shape of the roof shingles and later we will add a pattern that will cover this shape.
    The roof shingles of the house is comprised two identical parts, front and rear. At this stage we will prepare only the detail shape of the roof tile parts and we will add tile patterns in the next chapter of this tutorial. We will add ridge verges on the left/right side of the roof and fascia to cover the bottom edge of the roof shingles. We will the same material patterns for the all the shingles verges, and therefore we need to make this part of the roof a group or component  (More about this in  "Finishing"). Since the front roof is shaped exactly the same with the rear, we will make it as a component so that it can be reusable for the rear side.

    Tip & Trick
    If a rather intricate object is going to be used for more than once in a model, it is better to define it as a component since edits to a component will be reflected in every instance of the component in the model, thus more efficient modeling.
    The roof shingles shape will be based on the the front face of the roof basic structure. Create a new box by pulling the face 10 cm high (the thickness of the entire structure of the roof and battens) using the Push/PullSketchup tutorialtool. Make the box a component and change its the axis consistent with the roof slope. We also need to lengthen the lower part of the component by 60 cm to create roof eaves to cover the upper part of the front and rear wall.

    Sketchup tutorial
     Tutorial animation for the front section of the roof shingles.
  2. Rear roof shingles and finalizing the roof element
    The rear part of the roof is exactly the same with the front. So, we only need to copy the front component and fix its orientation it by rotating the component copy by 180° using the RotateSketchup tutorialtool. Later we will fascia at the front side of the roof shingles with a thickness of 2 cm and a height of 25 cm using of Push/Pullsketchup tutorialtool.
    Sketchup tutorial
     Tutorial animation for rear roof shingles.
  3. Adding Ridge Shingles
    Ridge shingles are added to the top edges between the two sections of the roof. The ridge is shaped as a half circle bulge positioned along the top edges as illustrated below.
    Sketchup tutorialTo create the ridge shingle shape, we will also us the ArcToolPushtool to form a semicircular curved line connecting the two peaks of each roof section. Then add two lines using LineSketchup tutorialtool along the top edge of each roof section to create a face. The face is then pressed down along the width of the roof sections using the Push/PullSketchup tutorialtool to create the ridge shingle shape.

    Sketchup tutorial
     Tutorial Animation to add Ridge Shingles

Creating Gable Ends and Ceiling

Gable ends are the wall structures above the gable walls that support a gable roof. At this point this area is mostly blocked by the roof shingles components. Therefore we need to temporarily hide the roof tile group using Context Menu -> Hide.

Tip & Trick
We can hide one or a few objects temporarily in order not to obstruct view to objects located behind the object(s). To hide object(s) we use Context Menu or menu View -> hide. Use menu Edit -> Unhide to unhide the objects.

The gable end outer shape is exactly the same with the east/west side of the roof basic shape. We just need to add thickness similar to wall thickness using the Push/PullSketchup tutorialtool and remove any excess line using the EraseSketchup tutorialtool. We will rename this group as "Gable Ends".

Sketchup tutorial
 Tutorial Animation to Create Gable Ends and Ceiling

Adding Molding to the Ceilings

All room ceilings have decorative molding around their edges. This moulding is usually made of woods or gypsum casts. For modeling simplicity, I do not add thickness to the ceiling and position the ceiling right at the top of each wall, which may not be appropriate in real situation.

Sketchup tutorialThe detail shape and size of decorative molding is illustrated in the picture. The flat sections on top and right side are the part that will be attached to walls and ceilings. To create the profile, we need to divide the hypotenuse into five equal segments. The first two segments for the bulge and the next two segments for the depressed part. Both are 1 cm away from the original line.

To create this profile, we just need to make a right triangle of  8x5 cm using the LineToolLinetool and decorate its  hypotenuse with a convex and concave lines. To divide the hypotenuse into 5 segments, we just use the Divide function available in the context menu, and using the ArcSketchup tutorialtool  we add a convex line and a concave line each covering two fifth of  the hypotenuse.  When the 2- dimensional profile is made, we will use Follow MeSketchup tutorialtool to create this profile along all the ceiling edges.

Sketchup tutorial
 Tutorial animation to create molding for the living room ceiling

Finalizing the roof

Although from the outside, the roof already seems finished, there is still a small part missing, the rear wall of the living room still has not reached the roof so that there is a big opening above the wall that needs to be filled. Add two wall sections to the opening so that all the walls will touch the roof. The wall addition is done within the “Garble” group so that the top of all the walls will still be flat. (We need to keep the upper side of the walls flat to prepare for the second floor addition).

To do this section, I will only show you the animation of the process for adding these walls. Notice the tools I used, since you have to to do this by yourself.

Sketchup tutorial
 Tutorial animation for finalizing the roof shingles element

We have Accomplished ....

No Tutorial Topics
1 Performing three different ways of selecting object using mouse click(s) .
2 Applying standard window shortcuts to do: Select All (Ctrl-A), Cut (Ctrl-X) and Paste (Ctrl-V)
3 Creating Guides with a specified slope using Protractor Tool.
4 Adding, changing component axes, copying and editing a simple component.
5 Selecting object(s) using context menu: Connected Faces and Bounding Edges.
6 Using Rotate Tool to spin an object on a preselected plane.
7 Dividing a line into several equal length lines using context menu Divide.
8 Using Arc tool to create a concave or  convex line.
9 Temporarily hiding an object using Context Menu-Hide and bring it again back using Menu -> Unhide.
10 Using Follow Me tool to draw profile along the edges of a face to create moulding around the face.
11 Reversing a face using Context Menu -> Reverse Face

Sketchup tutorialWe are almost done with the Project I. We only need to add details to the front and the backyard and apply appropriate materials such as ceramic shingles, and wood patterns so the 3-D model will look a lot more realistic.




Sam Bennett said...

Your tutorial has been incredibly helpful to me, I hope you get back to it soon!