To create a basic plan with a bumpout

Once you have created the building, select Build> Roof> Build Roof, set your Pitch and click OK.

In Home Designer Pro, also check Build Roof Planes.

Select 3D> Create Camera View> Full Overview.

As we can see, the resulting roof is a hip over the bumpout area.

Select File> Close to close the camera view and return to your floor plan.

To extend a roof plane down over a bumpout

Using the Select Objects tool, select the front wall of the bumpout, and click on the Open Object edit button to display the Wall Specification dialog.

On the Roof panel, check Extend Slope Downward to extend the roof plane downward over a bumpout, instead of creating additional roof planes, and click OK.

Next, both of the two connecting walls that create the bumpout must be labeled as Full Gable walls.

Only the Home Designer Pro version will allow you to group select both walls and set them as Full Gable. In less advanced versions, you will need to set one wall as Full Gable, then repeat the process for the second wall.

Finally, if your program does not have Auto Rebuild Roofs enabled, select Build> Roof> Build Roof, and click OK.
In Home Designer Pro, also check Build Roof Planes.

Select 3D> Create Camera View> Full Overview.

Now that you understand this process, you can take this knowledge and apply it to your own designs.