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, August 2, 2010

DIY John John - Yay for boy stuff!

Elisabeth from Growing Home is here to share her A-DORABLE John John DIY with us. See, BOY STUFF! Isn't it the cutest? I'm starting to think I can get excited about boy clothes! Take it away, Elisabeth...


If you are a boys' mom, you know that the options for little boys clothes are a bit limited. You can buy inexpensive clothes with words and graphics printed on them (not my always my fave) or you can pay an arm and a leg for one among the handful of traditional offerings that look masculine enough for a boy. I usually settle for shopping consignment sales and haunting the racks at TJ Maxx. [If any of you out there are looking to start a business, please note that there is a gaping hole in this market!!]  Because my life isn't exactly aligned for an entrepreneurial venture at the moment, I'm trying out a different tactic: do-it-yourself boys clothes. And right now, this style is my favorite accomplishment...the John John.

This style goes by lots of names (confusingly many): romper, coverall, jumpsuit... The most common name, however, comes from John F. Kennedy, Jr., who wore these outfits during his father's presidency. Here in the South, little boys wear smocked or appliqued versions of the John John for dress up. You can add those things to it (I'll discuss appliqueing below; Jim does not allow smocking unless it depicts football, trucks, or other equally masculine things, so it hasn't seemed worthwhile to learn:)). The greatest thing about the John John it is that it is relatively easy to make and will only cost you about $15, if you have sewing supplies and another John John (to use for your pattern) on hand. That's right, about $15...not $60 (or more). This is reason enough to learn to sew, my friends!

There are two parts to the process: making the pattern (which you can use over and over) and constructing the John John. My guess is that, if you worked without stopping (not even close to a reality in my life), it would take you about four hours...IF you're a beginner. If you're a macho-sewista, it will likely take you far less.

Little Brother was so thrilled with his new airplane suit that he decided to take a romp in the yard on Sunday afternoon...and then a test flight down the block. He worked so hard that he thoroughly wrinkled himself and sweated through his clothes. So...hurray! Our creation passed the boy test. And now I'm going to go wash it:).

See the full instructions (including a bajillion pics of the process) after the jump.

And don't forget! Leave a comment on this or any post this week and you might win the Wool-Blend Felt pictured up there on the left.

Materials 
a Jon Jon that fits your son/nephew/very lucky little friend
Tracing or freezer paper
Sharp pencil
Scissors
Fabric – I needed a yard for a size 2T John John
Coordinating thread
Fusible interfacing
Fabric scissors
Pins
Sewing machine and basic supplies
Seam ripper (because you will mess up, and you can undo it!)
Two cute buttons for the shoulders
Snap tape for crotch (if desired)
Point turner/seam creaser


1. Fold your pre-existing John John along its center seam and trace the front from the top to the bottom of the side seam, as shown.

2. Refold the John John along the side seams (as you would normally), and place it face down on your paper, lining it up with the lines you’ve traced. Now, trace the side seam from under the arm to the bottom of the garment. Retrace all lines and work out the little bumps.


3. Add 5/8 inch for seam allowance all around your tracing, except the bottom—there add about an inch, so that you can have a nice thick hem. Add seam allowance by placing your ruler perpendicular to the traced line and marking a dot every inch or so. Then connect the dots. Mark this piece “FRONT – cut 2.”


4. Repeat this entire procedure with the back of the garment. Mark it “BACK – cut 2.” Now, mark both pieces with the size of your traced John John so that you can use the pattern over and over. (Disregard the little triangular notches on my pattern and fabric--I was trying something that wasn't worth the time).


5. Make facing pieces by drawing a sloped line from the center seam to a point about 3 inches under the arm on the front and back sections (see pic). Trace these sections onto separate pieces of paper with ONE CHANGE: exclude the 5/8 inch seam allowance on the center seam side, as shown. Your original line on this side will become the fold line for cutting facing pieces.


7. Cut out all pattern pieces and pin them to fabric. Fold your fabric as shown, so that selvages (edges of the fabric) run right down the middle like the crack between a set of double doors (you should iron the fabric first, even though I didn’t). Make sure that the facing pieces are aligned with the folds.


Now cut it all out. Before you put up the scissors, go ahead and pin the two fabric facing pieces to your fusible interfacing (wrong side of fabric should face the bumpy side of the interfacing). Cut interfacing to match the fabric. Now it's time to sew.

8. Pin the two front sections together, right (printed) sides facing, and stitch the center front seam, leaving a 5/8" seam allowance. Pin the two back sections together, right sides facing, and stitch the center back seam. Press the seams open.


9. Pin the front and back together by aligning the pieces at the underarm.


Stitch them together at the side seams, and press the seams open.


Here's what we've got at this point. Look how far we've come!


10. Now, following the instructions on your interfacing, fuse the interfacing to your facing pieces.



(Ahhh...finally a photo with some natural light. I wish it had lasted longer...someone woke up from his nap.)

11. Stitch the side edge of facing sections that is directly under the arms. Continue to use a 5/8 seam allowance.


12. Finish the bottom edge of facing. Previously, I’ve used a zig zag stitch over the edge, but it always ended up messy, or led to sewing machine seizures. This time, I stitched ¼ inch from the edge, then turned fabric under along the seam and re-stitched. Much nicer result.


13. Pin RIGHT side of facing sections to RIGHT side of neck edges, matching the side seams and centers.


Stitch the neck, shoulder, and armhole edges. Before you do, MAKE SURE that the side seams are pressed open inside your John John.


14. Now, clip the curves. Clip a triangle off of the squared edges at the shoulders, and clip little triangles into the seam allowance around all curves. Turn facing to the inside of garment, using point turner to form corners. If it’s puckering on the curves, clip out more. Press.


15. To keep the facing from rolling out of place, stitch facing to garment in the seam under the arm. This is called “stitching in the ditch.” Who knew?


16. On the outside of the John John, sew ¼ inch from the edge around the neck, shoulder, and armhole edges. This is optional—it’s reinforcement for the garment, and a tad decorative, but you could skip it if you’re in a hurry.


17. Make the button holes and attach buttons. For this, you’ve got to use your sewing machine manual because I’m guessing your machine is a ton newer than mine and will do the whole thing for you. (Mine is actually my mom's from 1970 and is awesome, minus some of the shortcuts.) So, just use your disappearing fabric ink pen to mark the buttonhole location and proceed according to your manual's instructions. Then use your pen to mark two dots through the button holes onto the shoulder straps where buttons should be, and sew on buttons by hand.


18. Press up the hem as high as you want; then press the raw edge under ¼ inch. Stitch hem as close as possible to the turned under top section. (I forgot to allow extra fabric for this, so my hem is too short.)



You’re SO close now. Can't you smell the completion?? One more step…we're going to apply the snap tape.

19. First separate the knob and socket halves of the snap tape. Now, with the KNOBS face up on the OUTSIDE front of your garment, pin the knob half of tape 5/8 inch over the raw edge at the crotch. Leave 1/4 inch of the tape on either side. Then turn under tape ends and stitch the inner edge of tape. Now, turn the tape to the INSIDE of garment and stitch the remaining edge and ends in place, as shown below.


20. With SOCKETS face up on the INSIDE of the back of your garment, pin the socket half of tape about 5/8 inch over the raw edge at the crotch. Check to make sure that sockets line up with knobs, and leave 1/4 inch of tape for turning under. Stitch close to the tape's inner edge. Now, turn the tape to the OUTSIDE of garment and stitch remaining edge and ends of tape in place.


AND YOU'VE DONE IT!! You made a precious outfit for your little guy. I don't know about you, but I'd like a margarita now. I might have to chase Little Brother instead.

Enjoy your creation!



A late breaking addition: if you want to add an applique, do so after stitching the center seam in the front section of your John John (just after step 8, above). You can use the same method that I did to make the boys' Super Shirts (except that you won't need two layers of applique--so it will be easier!).

Labels: , , , , , ,

14 Comments:

Blogger Mel said...

Thank You Thank you Thank you!!!! I love giving handmade gifts to family and friends and have always struggled with creating cute (but not pretty) little boy outfits. This is just perfect!

August 2, 2010 at 3:10 AM  
Blogger The Lamberts said...

OMG I have been waiting for this!!!!!!! :-) I have a boy and didn't know how to do this. Definitely going to be trying this when my fabric comes in. and you can make it pants instead of shorts very easy. AWESOME! Thanks!!

Do you know that cute fabric she used by chance? I love the airplanes and color.

August 2, 2010 at 9:26 AM  
Blogger Elisabeth said...

Allison, I'm so glad that you like it! The fabric came from Hancock's--I loved it, too. It is from a collection called City Signature by M'Liss, and it looks like it's still available in their online store: http://www.hancockfabrics.com/M--39Liss-Airplanes-on-Blue-Cotton-Fabric-City-Signature_stcVVproductId98175852VVcatId551628VVviewprod.htm (sorry about the monster link).

August 2, 2010 at 10:51 AM  
Blogger The Lamberts said...

Thank you Elisabeth!! Yes it's adorable! The red buttons with it give it that little extra something.

August 2, 2010 at 11:22 AM  
Blogger Jaime said...

oh my goodness!! i am in the middle of nowhere but had to go find internet just so i could see this cuteness and say how much i love it! yay boys!

August 2, 2010 at 11:44 AM  
Blogger Mom2fur said...

Back when my boys (now 20, 23 and 25) were young enough to wear mama-made clothes, "jams" were in style. Are you old enough to remember those? They were brightly colored, longer-length shorts. The kids also liked patterned long pants, too. So we sewing moms got to make cute things for the boys, too. Even the bigger ones!
I'm not sure what's in style now for boys, although they seem to like hoodies and jeans a lot.
I totally agree there is a lack of fun things to make for boys out there. It was a blast to sew for my daughter (now 25) but I also loved to see my boys in things I made. Your little guy and his outfit are just precious!

August 3, 2010 at 12:47 PM  
Anonymous Anonymous said...

Thank you, thank you! I only have a little girl but I don't always want to be dressing her in cutesy little outfits. I've been looking around for a romper pattern!

August 3, 2010 at 5:47 PM  
Blogger Sewing-Chick said...

Thank you! And I love that airplane fabric :) (By the way, up here in Ohio, I've never heard a romper called a "John John.")

August 4, 2010 at 8:49 PM  
Blogger Unknown said...

I love all of the cute girl clothes that I see posted but I have boys! This is the cutest little outfit! Thanks for posting!

August 4, 2010 at 10:50 PM  
Blogger Lisa Mackay said...

Fantastic! Yay for boys stuff indeed! I can't wait to try this - I will let you know if I manage under four hours. :) Hope it's OK - I added this to my blog. Thanks Elizabeth!

August 6, 2010 at 6:12 AM  
Blogger The Riddle's said...

This is so cute!

August 7, 2010 at 7:50 AM  
Blogger Nic said...

I just HAVE to make one of these for my son, Johnny aka John-John!

August 18, 2010 at 3:29 PM  
Blogger Mama Bear said...

I love how you listed "seam ripper" as a required tool for this. I've been using my seam ripper more than I ever thought possible in the last few weeks. But I think it's a good thing - it means that I'm stretching my skills. I will become a better sewer as a result.

Is "sewer" a word (besides the one under the street)? How about "sewman" or "sewist" or "fabricmaster". OK, "seamstress".

November 22, 2010 at 11:55 AM  
Blogger Tandy said...

Hi! I came across your tutorial after searching all over for the perfect John John pattern for my boy - I suspected that I could puzzle it out myself, but I wasn't totally confident in my pattern making abilities (new-ish sewer here), until I saw this! Following your instructions (with a couple tweaks) I was able to finish mine in just a couple of hours and it is totally adorable.

Thanks so much! As a mama to four girls and just one boy, I am constantly searching for cool patterns and tutorials for the little guy. Yours is a lifesaver (and moneysaver, too)!

May 26, 2011 at 12:04 PM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home