body { background:#fff url("http://www.blogblog.com/dots/bg_dots.gif") 50% 0; margin:0; padding:0 10px; text-align:center; font:x-small Verdana,Arial,Sans-serif; color:#333; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ @media all { #content { background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px; width:700px; margin:0 auto; padding:50px 0; text-align:left; } #main { width:450px; float:right; padding:50px 0 20px; font-size:85%; } #main2 { background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px; padding:20px 10px 15px; } #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } #sidebar2 { background:url("http://www.blogblog.com/dots/bg_dots2.gif") 150px -50px; padding:5px 10px 15px; width:200px; width/* */:/**/180px; width: /**/180px; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; } #sidebar { width:100%; float:none; } #sidebar2 { width:100%; } } html>body #main, html>body #sidebar { /* We only give this fade from white to nothing to browsers that can handle 24-bit transparent PNGs */ background/* */:/**/url("http://www.blogblog.com/dots/bg_white_fade.png") repeat-x left bottom; } /* Title & Description ----------------------------------------------- */ @media all { #blog-title { margin:0 0 .5em; font:250%/1.4em Georgia,Serif; color:#353; } #blog-title a { color:#353; text-decoration:none; } #description { margin:0 0 1.75em; color:#996; } #blog-mobile-title { display:none; } #description-mobile { display:none; } } @media handheld { #blog-title { display:none; } #description { display:none; } #blog-mobile-title { display:block; margin:0 0 .5em; font:250%/1.4em Georgia,Serif; color:#353; } #blog-mobile-title a { color:#353; text-decoration:none; } #description-mobile { display:block; margin:0 0 1.75em; color:#996; } } /* Links ----------------------------------------------- */ a:link { color:#488; } a:visited { color:#885; } a:hover { color:#000; } a img { border-width:0; } /* Posts ----------------------------------------------- */ .date-header { margin:0 0 .75em; padding-bottom:.35em; border-bottom:1px dotted #9b9; font:95%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.3em; color:#663; } .post { margin:0 0 2.5em; line-height:1.6em; } .post-title { margin:.25em 0; font:bold 130%/1.4em Georgia,Serif; color:#333; } .post-title a, .post-title strong { background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat 0 .25em; display:block; color:#333; text-decoration:none; padding:0 0 1px 45px; } .post-title a:hover { color:#000; } .post p { margin:0 0 .75em; } p.post-footer { margin:0; text-align:right; } p.post-footer em { display:block; float:left; text-align:left; font-style:normal; color:#996; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em; padding-left:15px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em; padding-left:15px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid #cca; } /* Comments ----------------------------------------------- */ #comments { margin:0; } #comments h4 { margin:0 0 10px; border-top:1px dotted #9b9; padding-top:.5em; font:bold 110%/1.4em Georgia,Serif; color:#333; } #comments-block { line-height:1.6em; } .comment-poster { background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em; margin:.5em 0 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-timestamp { margin:0 0 .5em; padding:0 0 .75em 20px; color:#996; } .comment-timestamp a:link { color:#996; } .deleted-comment { font-style:italic; color:gray; } .paging-control-container { float: right; margin: 0px 6px 0px 0px; font-size: 80%; } .unneeded-paging-control { visibility: hidden; } /* More Sidebar Content ----------------------------------------------- */ .sidebar-title { margin:2em 0 .75em; padding-bottom:.35em; border-bottom:1px dotted #9b9; font:95%/1.4em Georgia,Serif; text-transform:uppercase; letter-spacing:.3em; color:#663; } #sidebar p { margin:0 0 .75em; line-height:1.6em; } #sidebar ul { margin:.5em 0 1em; padding:0 0px; list-style:none; line-height:1.5em; } #sidebar ul li { background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em; margin:0; padding:0 0 5px 15px; } #sidebar p { margin:0 0 .6em; } /* Profile ----------------------------------------------- */ .profile-datablock { margin:0 0 1em; } .profile-img { display:inline; } .profile-img img { float:left; margin:0 8px 5px 0; border:4px solid #cc9; } .profile-data { margin:0; line-height:1.5em; } .profile-data strong { display:block; } .profile-textblock { clear:left; } /* Footer ----------------------------------------------- */ #footer { clear:both; padding:15px 0 0; } #footer hr { display:none; } #footer p { margin:0; } /* Feeds ----------------------------------------------- */ #blogfeeds { } #postfeeds { padding-left: 20px }

Prudent Baby

Get sewing how to, sewing tutorials, and sewing help to learn sewing. We offer sewing tutorial for sewing moms.

Monday, January 4, 2010

Handmade King Size Headboard

One of my new year's resolutions is to get our bedroom decorated.  I will take you all on the journey with me, revealing the change bit by bit.  We just bought a new king size bed so step one is a new headboard.  I was inspired by Grace of Design Sponge and her gorgeous DIY otomi headboard so I made one of my own!  Her video tutorial is here, and mine is after the jump.  The only difference is that my headboard is King size and I had to make it with pieces of wood that would fit in my car.  And I have a small car.  Get the full how-to after the jump!

Update:  Check out pictures of the headboard hanging in our bedroom here.

How to Make A DIY Upholstered Headboard

I purchased my otomi fabric for a steal on ebay, but as Grace suggested you can find one at Jacaranda home.  But any upholstery fabric will do.  I purchased 3 pieces of 2'X4'X3/8" particle board and one piece of 2'X4'X3/8" plywood from the hardware store, all of which fit in the back seat of my tiny audi a3.  A California king size headboard is about 6 feet wide, so three pieces make up the headboard:

The reason I did it this way was simply that I couldn't fit whole sheets of 4'X8' plywood in my car and didn't want to pay $80 to have one sheet of plywood delivered.

So first I made a design that I thought could be cut from these pieces in a fairly simple manner.  You can download the template here:
King Size Headboard Template

Then I drew it on the wood.  To draw circles, use a compass or this trick.  Determine the radius of your circle (in this case 12") and draw a dot at the center.  Tie a string to a pencil and hold one end of the string on the dot:
Draw your circle by pulling the string taught and dragging the pencil:
do the same on the side pieces but upside down:

Now it's time to cut them out.  Clamp your wood and use your trusty jigsawthat I keep demanding you buy:
Cut.  It's okay if your cuts aren't super precise, your finished headboard won't show any slight dips or bumps:

The next step is sanding the edges you just cut.  You can sand while you still have your wood clamped, or you can cut all three then sand all three.  I use my detail sander because I like it, but you could use an orbital sander or plain old sandpaper too.  This is just to smooth the rough edges but you can use the opportunity to sand down any bumps.

Now lay your headboard pieces together:

We are going to glue and screw them together.  So get some liquid nails (they make liquid nails that don't require a caulking gun but i had one so i used it):
and make dots along each edge:
then push them together.  they won't be set for a long while so try to keep it steady:
This is where the piece of plywood comes in.  I trust it more then particle board but it costs more so I just bought one piece.  We are going to glue it to the back of our headboard then screw it in, this will be what holds our three headboard pieces together.  So make a big box and x of liquid nails:
And put your plywood on it:

Now screw it together.  I also added two small pieces of scrap wood because my particle board was slightly uneven.  Make sure you use screws that won't poke out the front (5/8" or 1/2"):
Let that set overnight.

Now to attach our foam.  I used 1" foam that i bought from an upholstery fabric store.  They only had a bunch of scraps so I had to make due.  There is special glue for foam, but you don't really need it since your batting and fabric will hold it all together.  I just used hot glue to attach the pieces to the front covering the headboard:
Then I turned the headboard over to cut out the shape:
The best way to cut foam is with an electric knife, but I don't have one so I used a bread knife.  I learned that the correct way to get a nice cut is to hold the knife at an angle like this:
If you hold it like this it will be more difficult to cut and you will get a rough edge:
All in all this is an easy step, and keep in mind your batting and fabric will hide the edges so don't get all freaked trying to make them perfect.

Now it's time to lay your batting out.  I used 1" thick synthetic batting.  You need a piece a little over 4' X about 6.5'.  Lay your headboard face down on top:

Staple the center of the top and bottom taught, then the center of the sides, then staple all the way around about 1.5" apart:

Now lay your fabric on top.  No need to turn the headboard over yet, we are just gauging where we want our pattern:
Make a cut in the center of the top and bottom:
Also mark the center on the back of your headboard.  then you will know where to start stapling your fabric:

If you notice my fabric was a little short on the sides:
so i had to sew some off-white fabric strips to the edges to make it wide enough (i didn't take a picture while sewing it but here is the end result):

Now you can lay your fabric right side down and center your headboard face down on top of it.  Line up your cut with the center line you drew and staple:
Continue to pull taught and staple all the way around about 1.5" apart.  Pause to admire adorable helper:

At the curves you'll find your fabric taught:
Make scores like this, then it will be easier to staple:
If you need a primer on how to do corners get it here.

Admire your handiwork!
Trim the excess fabric.

You're done!

To hang your headboard use flush mounts, also known as mirror mounts.

Labels: , , , , , , , ,

19 Comments:

Blogger RachelDenbow said...

Super impressed! I've been needing a kick in the pants to make one of these!

January 4, 2010 at 10:49 AM  
Blogger Amy H. said...

Wowzers...you are super woman! Uber jealous of your mad skills...

January 4, 2010 at 12:31 PM  
Blogger Jacinda said...

I find your DIY awesome-ness slightly intimidating. I'm drinking an orange slush before dinner to dull the envy.

January 4, 2010 at 4:30 PM  
Blogger amesh said...

WOW! great job jaime :) looking forward to your other DIY project using that uzbeki suzani textile of yours ;)

January 4, 2010 at 5:31 PM  
Anonymous Anonymous said...

This comment has been removed by a blog administrator.

January 4, 2010 at 10:05 PM  
Anonymous Heather said...

Is there anything that you can't do?? I'm thinking you could make a kick-ass headboard for a little girls room.... just a thought!

January 5, 2010 at 12:30 PM  
Blogger Rachel@oneprettything.com said...

Wow, it looks amazing! I love it! Thanks so much for sharing, I'll be linking.

January 5, 2010 at 5:19 PM  
Blogger Leah said...

Ive been wanting to make a head board for so freaking long...you have inspired me to go fourth and make! Thanks for sharing. Going to have a gig at the rest of your blog now...

January 6, 2010 at 4:28 PM  
Blogger Julie said...

Okay, psuedo-stupid question: you're hanging the headboard on the wall, not attaching to the bed frame, right?

January 15, 2010 at 9:29 AM  
Blogger Jaime said...

yes, hanging it on the wall using flush mounts, also known as mirror mounts, you can get them at any hardware store!

January 15, 2010 at 5:36 PM  
Anonymous Wendy said...

FLippin' gorgeous!

January 16, 2010 at 8:11 PM  
Blogger Delia said...

Very, very cool. I may go for this! THank you!

April 19, 2010 at 11:56 PM  
Blogger Patrice said...

Hi Jamie,

Quick question, your template is 6' wide, whereas a king size bed is larger than that. The average king size headboard is about 80" ish inches wide or 6'6". How did you compensate for the larger size? A 6' headboard seems as though its not wide enough for your king size bed.

Thoughts are appreciated.

Patrice

May 10, 2010 at 11:02 AM  
Blogger Jaime said...

Patrice- my bed is a CA king which is exactly 6 feet wide. Add a few inches to wither side for an eastern king!

May 10, 2010 at 11:14 AM  
Blogger Patrice said...

Thanks Jaime - For whatever reason I was thinking that a CA king was wider than an Eastern King but apparently after "googling" you are right. So with that said your headboard is the exact width of the mattress and doesn't extend at all?

May 10, 2010 at 11:23 AM  
Blogger Jaime said...

Yes! There's another post with pics if you search headboard on prudentbaby!

May 10, 2010 at 11:35 AM  
Blogger jodi said...

awesome!!

June 9, 2010 at 9:03 AM  
Anonymous Anonymous said...

I am in the process of buying fabric so I can make this. How much fabric should I buys to cover said headboard and should I use the same template for a queen? where could I find a template for a queen size bed? Thanks so much and your DIY project is amazing!

January 11, 2011 at 1:13 PM  
Anonymous Anonymous said...

Thanks so much for the tutorial and free template ! I still have to figure out how to download it ( computer is not my forte,lol.) so I will print it up. My husband and I were looking for one that was upholstered and this is just beautiful! Amazing job, and the fabric,drool!
Again,thank you
Elise

February 20, 2011 at 2:12 PM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home