Button Top Floral Apron
When we moved to the country, one of the first differences we noticed was the birds. In the city, there wasn’t much in the way of bird diversity. You have pigeons, starlings and crows – not much else. But outside of town, we’re surrounded by a variety of feathered friends singing, swooping and scattering as we drive down the narrow country lanes. This inspired us to create our sweet Spring apron to celebrate the beauty of soaring birds against the clarity of a sparkling blue sky.
The apron’s design features four accent buttons to attach the bib to the skirt, a divided wraparound pocket, and a generous back bow.
When working with busier motifs, it’s a good idea to add a solid color as a way to give your eyes a rest. We used a coordinating soft white for our apron’s waistband, neck ties, and pocket binding. The solid breaks up the print, actually making it more dramatic by framing and showcasing it.
Our original sample used a lovely fabric from Nature’s Palette by Marjolein Bastin for FreeSpirit Fabrics, an older collection that is no longer readily available. However, the selection of fabrics with nature motifs is always in bloom in the quilting cotton category – with new options every season.
As with store-bought aprons, our design is meant to be one-size-fits-all. However, we realize you may still wish to make yours smaller or larger. As a reference, the waistband of this apron is approximately 20″ wide, the waist ties are each approximately 29″ long, the skirt length is 16″, and the bib is about 12″ at its widest point (along the bottom) and 9½” high. Our pretty waist ties are extra wide; pleats allow them to be inserted into the narrower waistband.
Sewing Tools You Need
- Sewing Machine and standard presser foot
Fabric and Other Supplies
- 2 yards of 44″+ wide fabric for the body of the apron
- ½ yard of 44″+ wide fabric for the accent borders, neck ties, and bib lining
- ¾ yard of 20″+ wide lightweight fusible interfacing; we used Pellon Shir-Tailor
- FOUR 1″ accent buttons
- All purpose thread to coordinate with fabrics
- See-through ruler
- Iron and ironing board
- Scissors or rotary cutter and mat
- Fabric pen or pencil
- Seam gauge
- Seam ripper
- Straight pins
- Hand sewing needle
Getting Started and Pattern Download
- Download and print the TWO bib pattern sheets: Apron Bib Part 1 and Apron Bib Part 2, which have been bundled into ONE PDF to make the download easier.
IMPORTANT: Each page in the PDF is ONE 8½” x 11″ sheet. You must print the PDF file at 100%. DO NOT SCALE to fit the page.
- Cut out the pattern pieces along the solid lines.
- Following the arrows on the patterns, butt together the two pieces and tape in place. Do NOT overlap. You now have one complete bib pattern, designed to be cut on the fold.
- From the fabric for the main body of the apron, cut the following:
ONE 17″ high x 32″ wide rectangle for the skirt
TWO 11″ high x 32″ wide rectangles for the pocket
NOTE: Because our fabric is directional, we could not use a wider piece to fold for the pocket or one side would have been upside down. Birds flying upside down is always sad.
TWO 7″ x 30″ strips for the waist ties
Fussy cut ONE bib, using the pattern
- From the solid fabric, cut the following:
TWO 3″ x 38″ strips for the bib border/neck ties
TWO 2½” x 21″ strips for the waistband
ONE 3″ x 32″ strip for the pocket binding
Cut ONE bib lining, using the pattern
- From the interfacing, cut the following:
ONE 1½” x 20 strip for the waistband
FOUR 1″ x 20″ strips for the bib border/neck ties
NOTE: You’ll butt together and slightly trim two 20″ pieces to create the finished 37″ length required for each side.
ONE bib, using the pattern
At Your Sewing Machine & Ironing Board
- Place the bib interfacing on the wrong side of the bib lining. All edges of both layers should be flush. Following manufacturer’s instructions, fuse in place.
- Place the interfaced lining right sides together with the main bib panel. Pin in place along the top and bottom. The sides remain unpinned.
- Stitch together along the top and bottom, using a ½” seam allowance. Clip the top curve.
- Turn right side out through the open sides and press flat.
Bib borders and neck ties
- Find the two 3″ x 38″ solid fabric strips and the four 1″ x 20″ interfacing strips. Trim 1½” from each interfacing strip so each is now 18½”.
- Fold a fabric strip in half, wrong sides together, and press to set a center crease. Unfold wrong side up so the crease line is visible.
- Place two interfacing strips on the wrong side of the fabric, aligning one long side of the interfacing strips with the center crease line of the fabric. Butt together the two 18½” interfacing pieces in the center of the fabric strip, which means the ends of the interfacing should sit ½” in from each end of the fabric. Following manufacturer’s instructions, fuse the interfacing in place.
- Along the side without interfacing, press back the long raw edge ½”
- Along the side with interfacing, also press in the long raw edge ½”, which means it will fold right along the edge of the interfacing.
- Press back each end of the strip ¼”.
- Repeat to fuse and press the remaining strip. You’ve created two border binding/tie strips.
- Find the apron bib.
- Slip one border binding over one side, encasing the raw edge of the apron bib within the fold of the binding. Slide the bib all the way into the binding so its raw edge butts up against the center crease of the border binding.
- The interfaced side of the tie should be against the back of the bib, the plain side against the front. The bottom folded edge of the binding/tie should be flush with the seamed bottom of the bib.
- Pin in place from the bottom of the bib to the very top of the neck tie.
- Repeat to wrap and pin the remaining border binding/tie on the opposite side of the bib.
- If necessary, thread your machine with thread to best match the tie fabric in both the top and the bobbin. Slightly lengthen the stitch.
- Edgestitch both ties in place through all the layers. Go slowly to insure your seam is straight and the binding/tie doesn’t shift; you want to make sure you catch both the front and back of the binding/tie. Start at the bottom, stitch all the way up to the top, pivot at the top corner and stitch across the end to seal the top end of the tie.
- Set the bib aside.
Waist ties and waistband
- Find the two 7″ x 30″ waist tie strips. Fold each in half, right sides together, so they are now 3½” x 30″. Pin along one end and down the long side. Leave the opposite end open.
- Re-set the stitch length to normal. Re-thread the machine if needed with thread to best match the fabric in the top and bobbin.
- Using a ½” seam allowance, stitch across the end and down the long side of both ties. Clip the corners and press the seam allowance open.
- Turn right side out through the open end. Gently poke out the sewn corners with a long, blunt end tool so they are nice and sharp; a chopstick, knitting needle or point turner works well. Press flat.
- Find the two 2½” x 21″ solid fabric waistband strips and the one 1½” x 20″ interfacing strip.
- Center the interfacing on the wrong side of one of the fabric strips so there is ½” of fabric showing beyond the interfacing on all sides. Following manufacturer’s instructions, fuse the interfacing in place.
- On the the remaining plain strip, fold up one 20″ edge ½” and press in place.
- Place the interfaced waistband strip right side up on your work surface.
- Place the raw end of a waist tie flush with the raw end of the waistband strip. Align the bottom edge of the waist tie along the edge of the interfacing, in other words, ½” up from the raw edge of fabric strip. Pin in place.
- Fold a pleat into the waist tie to reveal ½” of fabric along the top edge of the waist tie.
- Repeat to pleat and pin the remaining waist tie at the opposite end of the interfaced waistband strip.
- Find the plain waistband strip. Place it right sides together with the interfaced strip, sandwiching the ties between the layers. Pin together along the top raw edges and across both ends.
- Using a ½” seam allowance, stitch both ends and across the top, pivoting at the corners. Your seam should start and stop at the folded edge of the non-interfaced waistband strip as shown in the photo below.
- Clip the corners and press the seam allowance open.
- Turn right side out through the unsewn bottom of the waistband. Pull out the waist ties into position. Press flat.
- Set aside.
Pocket panel: make, bind and place on skirt panel
- Find the two 11″ x 32″ pocket panels. Place them right sides together. If you are using a directional print as we did, make sure the directions match so the motif will be right side up on both the front and back when sewn and turned.
- Pin the panels together along the bottom edge only.
- Using a ½” seam allowance, stitch the bottom edge.
- Press the seam allowance open turn the panels right side out so they are now wrong sides together. Machine baste the raw side edges together.
- Find the 3″ x 32″ solid strip. Fold the strip in half wrong sides together so it’s now 1½” x 32″. Press to set a center crease. Fold in each 32″ edge ½” towards the center crease to create a binding.
- Slip this binding over the top raw edges of the pocket panels. Slide the pocket panels all the way into the binding so their raw edges butt up against the center crease of the binding.
- Pin in place.
- If necessary, re-thread your machine with thread to best match the binding fabric in both the top and the bobbin. Slightly lengthen the stitch to the same length you used above.
- Edgestitch the binding in place through all the layers. Go slowly to insure your seam is straight and the binding doesn’t shift; you want to make sure you catch both the front and back of the binding in this one seam.
- If necessary, re-thread your machine with thread to best match the skirt fabric in both the top and the bobbin. Re-set the stitch to normal.
- Find the main skirt panel. Along the bottom 32″ edge, make a 1″ double turn hem. To do this, fold up ½” and press. Fold up an additional ½” and press again. Stitch in place close to the inner fold.
- Place the hemmed skirt panel right side up and flat on your work surface.
- Place the pocket right side up on the skirt panel. The raw edges along the sides should be aligned. The bottom of the pocket should be 1½” up from the bottom hemmed edge of the skirt.
- Lengthen the stitch. Edgestitch the pocket in place along the bottom edge.
- To finish the skirt, make a ½” double turn hem along both sides. To do this, fold back each side ¼” and press. Fold back an additional ¼” and press again. You are folding both the raw edge of the skirt panel and the raw edges of the pocket panel.
- Stitch in place close to the inner fold along both sides.
- Place the finished skirt panel pocket side up and flat on your work surface. Measure and mark for the pocket divisions. Measure 10″ in from the left hemmed side and draw a vertical line to follow. Then, measure 10″ from the right hemmed side and draw a second vertical line to follow. You are working on the right side of the fabric so make sure the fabric pen or pencil you are using will easily wipe away or vanish with exposure to the air or the heat of an iron.
- Still using the slightly lengthened stitch, sew along each drawn line to create the pocket divisions. If possible, use a lock stitch to start and end your seam or leave your thread tails long, pull them through to the back, and hand knot to secure. This will look neater than backstitching.
Gather skirt and attach waistband
- Fold the skirt panel in half to find the center and mark with a pin along the top edge.
- Fold the waistband in half to find and mark its center point as well.
- Run a gathering stitch along the top of the skirt. To do this, stitch one or two lines of machine basting approximately ⅜” from the top edge. Do not lock the beginning or end of the seam.
NOTE: If you are new to gathering, take a look at our tutorial on Making Gathers by Machine.
- Gather the top of the waistband to approximately 20″ to match the waistband.
- Pin the raw edge of the waistband, right sides together, to the gathered top raw edge of the skirt, matching the center pin points on both pieces.
- Using a ½” seam allowance, sew across the width of the skirt through both layers. Sew with the gathered skirt layer on top so you can see the gathers and make sure they stay even as you sew.
- Press the seam allowance up towards the waistband.
- Bring the folded edge of the waistband down into place on the back so it covers the gathered seam. Pin in place.
- Thread a hand sewing needle and hand stitch the waistband in place across the entire back edge of the waistband.
Final buttons and buttonholes
- Lay the finished skirt on top of the finished bib, aligning the bottom of the bib with the bottom edge of the waistband.
- Place pins along the waistband to mark the center point for each button. You can use the markings on the original bib pattern or simply measure and evenly space. Our button center points were approximately 3½” apart.
- Following the directions in your sewing machine’s manual, make four horizontal buttonholes to fit your buttons.
- When the buttonholes are complete and cut open. Again lay the finished skirt on top of the finished bib, aligning the bottom of the bib with the bottom edge of the waistband.
- Place a pin through center point of each buttonhole to the bib behind to make sure your original four marked points are still correct. To further check your work, measure between the re-marked points with a seam gauge to make sure they are truly even. The buttons are a focal point along the waistband; you want them to be even!
- Hand stitch a button in place at each point.
- Button the bib to the skirt.
Project Design: Alicia Thommas
Sample Creation and Instructional Outline: Debbie Guild
*Sew4Home reserves the right to restrict comments that don’t relate to the article, contain profanity, personal attacks or promote personal or other business. When commenting, your name will display but your email will not.