I made quite a bit of progress on my portico this weekend! If you missed the first part of this project, you can click here to see Part 1 – Building The Basic Frame.
My brother came over and helped me yesterday with the hardest part of the portico project — roofing! Roofing in itself really isn’t a difficult process, but because I was working so high up at hard-to-reach angles, and yes, using my ladder in the bed of my truck again, there was simply no way I could do it by myself. I needed an assistant to hand me tools, nails, flashing, shingles, etc., and to hold the ladder to be sure I didn’t come tumbling to the ground.
We tried to get an early start to avoid as much of the sweltering heat as possible, but even with starting at 8:30am, we still didn’t finish until 2:00pm, which means I spent quite a bit of time up on the ladder in direct sunlight in the heat of the day. It was pretty miserable, but we got the ceiling/roof finished! Here’s how it turned out…
Now first, let me address one thing. Several people asked me, “Aren’t you supposed to do the siding first?”
No. The portico is built directly on the sheathing of the house, and then you add the siding around it. If you build a portico on top of siding, which isn’t a flat surface since the pieces overlap creating an uneven surface, you’ll not only end up with unsightly gaps everywhere that have to be filled with insane amounts of caulk, but there’s also no way to properly flash the roof.
If you already have siding on your house, a portico project, in order to be done correctly, requires the removal of some siding. The people who built the portico that is serving as my main inspiration for my portico describe briefly that they cut away the siding to fit the portico, but they didn’t really go into detail. I did find this post that shows installation of a portico on an already-sided house that shows how they cut away the siding for the roof structure.
So now that we’ve talked about that, let me back up a bit and start from where I left off on the last post.
When I left off, I had the basic structure built. You can read the details here. That basic structure looked like this…
I did decide to make a slight design change, so I removed the 2 x 4 spacer that attached the front truss to the back truss.
With the trusses separated, I used my Kreg Jig to make pocket holes on the areas that I cut to sit flat on top of the braces.
On the front truss, I put the holes on the back. On the back truss, I put the pocket holes on the front. It was very awkward using the Kreg Jig to do this since the truss was assembled making it impossible for the Kreg Jig to sit flat on my work surface, but I made it work. I did two holes on each of the four bracket areas.
I then used 3/4″ beadboard boards to span the two trusses. I pre-stained the pieces, and installed them so that the pretty side was facing down. You can see that on the first few pieces, I stained the whole board, front and back. Then I decided that was unnecessary and just stained the pretty side that would show on the finished portico.
Here’s what the pretty side looked like underneath, although the sun was so bright it was hard to get a good picture. I used Minwax Dark Walnut stain on these boards.
I added as many boards as I could without covering up the ends with the pocket holes since I’d need to be able to get my drill in there once the roof structure was placed on the brackets.
Next I cut small pieces of wood and glued/nailed them inside the portico like this…
The purpose of those was to give me an edge to nail the flat ceiling pieces to later. This flat ceiling area is needed so that I can run my wiring inside and hang a light in the portico. I went ahead and cut the beadboard pieces, but I didn’t install them yet. That will come later.
At this point, I was ready to set the roof structure on top of the brackets.
When I got it positioned just right, I screwed the trusses to the brackets using screws through the pocket holes that I pre-drilled.
Then I could add the rest of the beadboard boards. I cut the very last board so that it had the same angle (26.5 degrees) to match the trusses. It wasn’t perfect since I used my jigsaw to do this, but it worked.
Here’s how that side looked with all of the ceiling boards in place…
And then I repeated that process on the other side…
Before I moved on, I also added four screws through the back truss and into the side of the house, making sure that they went into studs. I used 3-inch outdoor deck screws for this, and predrilled the holes to avoid any chance of the wood splitting.
Next I cut pieces of 1/4″ plywood and nailed it to the top of the roof.
The only purpose of this plywood was to add enough thickness to the roof to be certain that the roofing nails wouldn’t go all the way through the beadboard. The shortest roofing nails I could find were 7/8″, and the beadboard boards are 3/4″. I knew that the shingles would add some thickness, but I just didn’t want to take any chance at all at having roofing nails go all the way through and be visible on the finished ceiling of the portico.
On top of the plywood, I added a layer of tar paper.
Before I go any further with the roofing, let me stress that you will need to check your local/regional building practices and requirements. Roofing isn’t done the exact same way in all areas. For example, in areas that get lots of snow, it might be necessary to use a special ice and water barrier. In areas that get lots of snow and/or rain, a special J-channel flashing might be a required/highly recommended step. So just be sure you’re familiar with any extra steps needed to prepare your roof for standing up to your regional climate. But the basics of roofing are pretty much the same all over the country — tar paper, drip edge flashing, shingles, step flashing. And that’s what I did on my roof.
To add the drip edge flashing, I started on the eaves, and I cut the flashing so that it extended about 1.5 inches past the front of the portico. Drip edge flashing on the eaves goes under the tar paper.
I repeated that on the other side, and then I cut and wrapped the extra flashing around the corners as shown. Just cut one slit in the flashing to do this, and layer it so that the top piece folds over the bottom piece.
With the drip edge flashing installed on the eaves, I then added it to the gable side (i.e, the rake) of the portico. The drip edge flashing on the gable/rake side is placed on top of the tar paper/underlayment.
And then I was finally able to install the shingles and step flashing.
To cut the shingles, I highly recommend these hook blades that fit right into your utility knife. I found these at Lowe’s with all of the other utility knife blades.
Three-tab shingles are 36 inches wide, and my roof only extends 25.5 inches plus I needed to allow for the shingles to overhang about about 3/4″. So I precut all of my shingles to 26.25″ wide making sure to stagger the shingles. (The overhang needed on your shingles is another local/regional thing. Some climates don’t use overhangs at all. The standard seems to be 1/2 to 3/4″ overhang, but some places require just a bit more.)
Shingles are installed beginning at the low end and working up towards the peak, layering them so that they overlap properly for water run off. I started by adding one piece of step flashing, and nailing it to the roof. Step flashing should not be nailed to the wall. It needs to be able to move and shift as the house moves and shifts. Then the shingle went right on top of that flashing. (Note: The shingle that you see in the picture below is just sitting there waiting to be used. It’s not attached. I just wanted to avoid any confusion. 🙂 )
Then I added the next piece of step flashing, and put the next shingle right on top of it.
I continued that process until I reached the peak.
For the peak of the roof, I honestly had no idea how to cut the flashing so that it covered the peak of the roof plus the edges of the step flashing on the wall on both sides. So I actually used two pieces of window flashing since it’s flexible/easily bendable and super sticky. I know that’s unauthorized use of window flashing, but it worked. If any of you know how this peak/wall area should have been flashed, you can let us know, because I searched and searched online for that specific info and couldn’t find it anywhere. So I went rogue. 😀
So with it flashed, I could add the shingles. We cut the three-tab shingles into three pieces (turning three-tab into single-tab shingles). Then I started installing the shingles at the wall with the pretty side of the single-tab piece towards the wall. I continued layering them working towards the front of the portico. On the very last piece, I obviously only wanted the pretty part of the shingle showing, and I didn’t want to put nails in it. There’s a special adhesive you can find in the roofing section of Home Depot or Lowe’s that looks like a tube of caulk that you use to attach this very last piece.
And that’s it! That’s the finished roof.
It was a long and exhausting process, and I’m so glad it’s done.
So what’s left? I’m still waiting for my pretty brackets to arrive. Then I’ll sand everything (except the stained ceiling), caulk, prime, and paint it all white. Then I’ll need to run the wiring for the light, install the five ceiling boards to create the flat ceiling, and install the pretty pendant light.
This will probably be the last I’ll share of this project until my brackets arrive and I can get it completely finished. It might still be a couple of weeks before they arrive, but at least I got it to the point where it needed to be for the siding to go on. I just barely made it in time. They’re actually here now working on the siding, and they’re working on that side of the house today. That’ll totally transform the look of this side of the studio and the portico!