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.

Wednesday, January 6, 2010

DIY: Fleece Bonnet


We recently had Quinn baptized in the same little cap that Clare wore a few years ago for her baptism. I was reminded that I love this style baby hat and decided to try one on my own using a more functional fabric. I added a ruffle, which makes this ultra girly, but this style could definitely work for a boy, sans ruffle.


Get the DIY after the jump.


Print out the pattern.

1. I traced the 3 pieces used to make the hat onto pattern tracing material. (My mother-in-law calls it "Do-Sew.") Add a 1/4" seam allowance all around.





2. Pin your pattern to your fabric. You need 2 mirrored pieces of the side pattern and one piece of the back.

3. Cut your pattern



4. Pin the side pieces of the hat together with fabric back facing out (it doesn't matter with solid fleece) and sew along the curved edge (top)



5. Open the hat and pin the back in place. Be sure to pin the top seam open. Sew all the way around.


6. Cut two strips of fleece. 1.5" wide x 25" long.

7. Fold one in half and pin the middle to the top brim of hat. This will be your ruffle.



8. Work your way down the sides of the brim folding and pinning ruffles as you go.


9. Sew the ruffle to the hat. As you can see, this version has a raw edge. Half because I like the way it looks, half laziness. With a small seam, it would look more finished.


10. Fold the second piece of fleece in half, the long way, as you pin it around the bottom (neck) of cap. Cut off the excess and fold the ends under just a bit.


11. Sew in place. I did a double seam.


12. With your excess trim make your neck strap. Fold in half and sew along length. Turn inside-out for a more finished look. I left mine with the raw edge showing.


13. Sew neck strap to one side of hat at inside corner with folded side facing out.

14. Try hat on baby and check length of neck strap. Trim, leaving enough to fold over end. Try not to make baby cry.


15. Add velcro to end of strap and opposite inside corner of hat. Use the soft side of the velcro inside hat. And that's it!


No babies were injured in the making of this hat.

Labels: , , , , ,

18 Comments:

Blogger Jaime said...

that is the cutest thing i've ever seen. pioneer quinn!

January 6, 2010 at 11:57 AM  
Blogger Caitlin Weaver said...

This is so cute! I can't wait to make one. Maybe I'll do the ruffle out of a different fabric

January 6, 2010 at 1:36 PM  
Blogger cd said...

The original one that inspired you is just lovely too. Was that a handmade creation or something you found somewhere? (planning ahead!)

January 6, 2010 at 1:52 PM  
Blogger Jaime said...

jc you might have to do a crochet pattern for one of these too! its too cute for words

January 6, 2010 at 2:30 PM  
Blogger Jacinda said...

You read my mind Jaime! On it! Especially since the original is a few years old from Janie and Jack. To get your hands on one, you might have to make it!

January 6, 2010 at 3:44 PM  
Anonymous Tascha said...

Adorable...baby and hat!! Can't wait to make one!

January 6, 2010 at 6:04 PM  
Blogger nope said...

uummm, is it weird that i want one for myself? it is so cute, and the original one is gorgeous!

January 6, 2010 at 9:34 PM  
Blogger Anne said...

What a cute bonnet! And even cuter with a little baby head inside it! (Is it bad that my favorite photo is the one where she's crying?)

I blogged about your tutorial on Craft Gossip Sewing:
http://sewing.craftgossip.com/tutorial-sew-a-fleece-baby-bonnet/2010/01/08/

--Anne

January 8, 2010 at 5:18 PM  
Blogger Connie said...

That is adorable! I've been looking for a tutorial making a cute baby hat that wasn't knitting or crochet. Thanks posting this. BTW, I got your link from Craft Gossip.

January 9, 2010 at 6:41 PM  
Blogger emily said...

So cute!! Where's the pattern?

January 11, 2010 at 9:39 AM  
Anonymous Anonymous said...

Too cute (and too funny--glad no babies were injured)! I'm also anxious for the pattern. Thanks!

February 13, 2010 at 1:04 PM  
Blogger pixy_stix said...

Oh no! Was the pattern never posted? I saw this tutorial a while ago and was going to make it this weekend, but no pattern means no cute hat for my daughter. :(

November 12, 2010 at 3:47 PM  
Blogger Jacinda said...

Ladies, the pattern was actually posted with a later fabric version. Sorry about that! The link is added above, just below the jump, above step 1.

November 12, 2010 at 4:01 PM  
Blogger Tammy said...

You just kind of ruffled it as your pinned? Or, you didn't pre-ruffle or stretch as you sew to make it ruffle?

August 9, 2011 at 8:20 PM  
Blogger Jacinda said...

I added little folds to make ruffles as I pinned.

August 9, 2011 at 8:29 PM  
Blogger Tammy said...

Thank you! Super Sweet! It is getting down to 39 degrees tonight and a high of low 60's tomorrow. My little sweetie needs this already! LOVE IT!

September 4, 2011 at 8:10 PM  
Blogger Sewing-Chick said...

Thanks for the tutorial :) I wanted to let you know that I linked to it on my blog here: http://sewing-chick.blogspot.com/2011/10/cookie-monster-sleep-sack-costume-and.html

I made a newborn Cookie Monster costume, and made a bonnet as part of the costume :)

November 3, 2011 at 11:42 AM  
Blogger RawMama said...

Made the bonnet this afternoon! Can't wait to use it... My only tester currently is a large onion. I made mine with cream linen from a pillow case and for the frill I used a deep blue lace. It came out beautifully and I'm making no-scratch mittens to match for NB. Thanks!

December 1, 2011 at 2:54 PM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home