Once you work through the steps to make a bean bag, it doesn’t take too long to make a bunch of them. The process of making a bunch of bean bags is even more efficient if you do one step for all the bean bags before moving on to the next step.
But what in the world can you do with a bunch of bean bags?
You can play Tic-Tac-Toe!
Sewing the bean bags was fun and I loved the gingham fabric. I had enough fabric to make several bean bags so my mind started to think about what exactly I would do with a bunch of gingham bean bags.
Eventually, I remembered a tabletop checker game we had. The checkerboard, woven out some type of fiber, was easily folded and stored when we weren’t using it.
That sparked the idea of making a Tic-Tac-Toe board out of fabric. Super excited about this idea, I made 10 bean bags out of 2 different colors of gingham. At the same time, I let different ideas percolate in my mind while I tried to figure out the best way to make the game board.
When I finally decided on how I wanted to make the Tic-Tac-Toe board, I became even more excited. From a sewing point of view, the construction of the Tic-Tac-Toe board includes basic sewing skills in addition to some knowledge and skills used by quilters.
As a result, after making the Tic-Tac-Toe board you’ll have an idea if quilting is something you want to learn more about.
How to Sew a Tic-Tac-Toe Board
After following the directions in this lesson, you’ll have a Tic-Tac-Toe board you can use with bean bags you sewed yourself!
Tip: Read all of the steps before you begin so you know what you’ll be doing.
Gather the Supplies
- cotton or cotton type fabric
- 2 different fabrics for the Tic-Tac-Toe squares. You’ll need enough fabric to cut 5 – 6″ squares out of each fabric
- a little more than 1/2 yard (or a piece big enough to cut an 18 x 18-inch square) for the back of the board
- 1/4 yard for the binding
- rotary cutter, mat, and ruler – I used an 18″ x 24″ mat and a 6″ x 24″ ruler
- sewing gauge (not pictured)
- marking pen (not pictured)
- needles for hand sewing binding (not pictured)
Get Your Sewing Machine Ready
First, attach the presser foot.
- If you have a 1/4-inch presser foot, use it when you sew the 6-inch blocks together and add the binding. The 1/4-inch presser foot is what quilters use when piecing quilt blocks. Since the Tic-Tac-Toe board will basically be a nine patch block, using a 1/4-inch presser foot allows you to try out a different presser foot then you normally use.
- If you don’t have a 1/4-inch presser foot, no worries. For this project, all steps can be done with the all-purpose presser foot, too.
Note: You’ll be using the edge of the presser foot as your guide. There isn’t that much of a difference between the 1/4-inch presser foot and the all-purpose presser foot when using the edge as a guide. However, if you decide quilting is something you want to learn more about, you WILL NEED to get a 1/4-inch presser foot. That little bit of difference adds up over multiple quilt blocks and can mess up the machine piecing and quilt top construction in a big way!
Prepare the Fabric
- Prewash the 100% cotton fabrics in warm water and dry in the dryer. Press to get the large wrinkles out and square up the fabrics.
- Cutting the Fabric
- Tic-Tac-Toe squares – cut 5 – 6″ squares out of each fabric
- Back of the board – cut an 18″ x 18″ piece of fabric
- Binding- cut 2 strips 2.5 inches wide. Each strip should be 42″ to 44″ long depending on the width of the fabric. After cutting, you should have a total of approximately 80 inches of fabric.
Tip: Read all of the steps before you begin so you know what you’ll be doing.
Step 1: Lay out the fabric squares in a grid with right sides up
Put the darker fabric in the middle of the top row. Alternate the fabrics in the other two rows to make the Tic-Tac-Toe board. This is the nine patch, a commonly used block in quilting.
Step 2: Sewing the nine patch together
- Label the first square in each row. Use a pin so the label doesn’t come off.
- Place the middle square on top of the first square in each row. Right sides should be together and edges lined up. Pin in place along the right edge.
- Use the presser foot edge as the guide and sew the squares in each pair together. You don’t need to backstitch.
- Lay the pairs of squares you just sewed next to the third square in each row. Right sides should be up.
- Place the last square on top of the middle square in each row. Right sides together. Line up the edges and pin in place along the right edge.
- Again, use the presser foot edge as the guide and sew the squares in each set together. You don’t need to backstitch.
- Lay the rows out in order and check the placement. Make sure you have a tic-tac-toe pattern.
Step 3: Pressing the seams
There is a certain direction the seams need to be pressed. You’ll be pressing the seams toward the darker fabric. This will help when you sew the rows together.
- Press the seams in the first and third row toward the center square.
- Press the seams in the second row to the outside squares.
Be careful not to press over the labels that identify the rows. You may want to remove the label when you press, but put it back when you’re done.
Step 4: Preparing and sewing the rows together
- Lay the rows out in order with right sides up. Make sure the first square in each row has the label on it.
- Place the first row on top of the second row with right sides together. The edges of each row that were next to each other when they were laid out, should be together.
- Align and snug the seams together. If the seams were pressed correctly, you should feel them butt up against each other. They should fit together easily. Make sure the raw edges of the rows are lined up. Pin the rows together.
- Sew rows one and two together. You don’t need to backstitch.
- Align the edges of rows two and three with right sides together and snug up the seams. They should butt up against each other. With the edges lined up, pin in place and sew.
- You can now remove the labels that number the rows.
Step 5: Press the seams to the middle
Press the seams toward row 2. The finished Nine Patch should be approximately 17″ x 17″.
Step: 6: Squaring up the nine patch block
Chances are the edges of the nine patch are not perfectly straight. Therefore, you will need to square up the block. To do this, you will need to use rotary cutting tools.
- Lay the nine patch on the rotary cutting mat. Line up the bottom edge of the block with one of the horizontal lines on the mat. The edge may not be straight but line it up the best that you can.
- Now, adjust the block so the right edge of the nine patch block is just over one of the vertical lines. The bottom edge of the block should still be aligned with the horizontal line on the mat.
- Place the rotary cutting ruler along the vertical line that is closest to the right edge of the fabric. You’ll use the rotary cutter to trim just enough off so the edge is straight.
- Rotate the nine patch block. Line up the straight edge you just cut with a horizontal line on the mat. Adjust the block placement so the right edge of the nine patch is just over one of the vertical lines. Make sure the straight edge of the block is still aligned with the horizontal line.
- Line up the ruler as described in direction #3 and trim the edge so it is straight,
- Rotate and repeat until the other 2 edges are trimmed and the nine patch block is a square with straight edges. You don’t take very much off each edge. Just enough to make sure all the edges are straight.
Step 7: Adding the back
When you connect the back to the nine patch block, you’ll be using a technique called Stitch in the Ditch which means you’ll be sewing in the seam space on the right side of the nine patch.
Tip: Use a neutral color for the top thread and color that matches the back fabric for the bobbin thread. This way if you stray out of the ditch it won’t be as noticeable.
- Get the 18″ x 18″ fabric piece and lay it right side down, the wrong side up.
- Place the nine patch on top with the right side up. The wrong sides should be together.
- Center the nine patch and smooth out any wrinkles.
- Pin the back and the block together.
Tip: When you pin the back and the nine patch block together place the pins where you won’t need to remove them as you sew. It’s better to have too many pins then not enough to help hold the fabric in place as you sew. You want to minimize any movement of the fabric as you sew in each seam space or ditch.
Another Tip: Begin pinning from the middle and smooth out the fabric as you go. This will help eliminate any bunched fabric on the back.
- To be able to see the ditch as you sew, use the all-purpose presser foot. Put the pinned pieces under the presser foot so the nine patch is facing up. Line up the needle with one of the seam spaces and lower it in the fabric.
- Slightly pull the fabric on either side of the seam to open up the ditch. Sew along the seam line. This is one time when you WANT to watch the needle as you sew so you keep it in the seam or ditch. You don’t need to back stitch. Tip: Sew slowly to better control where the needle goes. Another Tip: Don’t remove the pins. Keep them in while you sew so the fabric stays in place.
- The next ditch you want to sew is the one parallel to the first one. Repeat step 5 and 6 until you have stitched in the ditch on all four seams.
- Remove all the pins and press lightly.
- Trim off the excess back using the rotary cutting tools. The back should be the same size as the front now.
Step 8: Make the binding
A binding is a piece of fabric that covers the raw edge of a quilt. While the Tic-Tac-Toe board isn’t a quilt (it doesn’t have batting), you’ve created a quilt block and sewn together 2 layers of fabric by Stitching in the Ditch, a quilting technique.
Like a quilt, the raw edges of the game board need to be covered. Before you bind the raw edges together, you’re going to make the binding using the 2.5-inch strips of fabric.
- Take the two 2.5 x 40(ish)-inch strips and place them with right sides together.
- Line up the edges.
- Pin close to the short end.
- Sew a seam on the short end using the end of the presser foot as the guide.
- Press the seam open.
- Now press the binding in half lengthwise with the wrong sides together. The prepared binding should be 1 1/4-inches wide x 82ish-inches long.
Step 9: Attach the binding
- To keep the edges from shifting on the quilted Tic-Tac-Toe board when you sew the binding on, they need to be sewn down. To do this lay the board flat and smooth out the squares. Move from the inside of each square to the outer edges and pin in place about an inch from the edge.
- Use a basting stitch (a straight stitch with the longest length) to sew around the outer edge of the game board. You want to get as close to the edge as you can. I used painter’s tape aligned with the edge of a feed dog hole as my guide.
- Set the stitch length back to a medium size stitch.A stand-alone tutorial is available for directions 4-12 on Step 9 and all of Step 10 on How to Attach the Binding.
- You’re now ready to attach the binding. Leaving about an 8-inch tail, align the raw edge of the binding to the raw edge the Tic-Tac-Toe game board. Place one pin in the middle of one of the center squares and a second pin about 3 inches from the corner to hold the binding in place to get started. You won’t pin the rest of the binding. Instead, you will line up the raw edges as you sew.
- Using the edge of the presser foot as your guide, start sewing in the middle of the center square near to where you placed the first pin. Pay attention and make sure the raw edges stay lined up as you sew toward the first corner. Stop sewing about a 1/4-inch from the corner edge.
- Lift the presser foot, pivot the fabric so the needle is aimed toward the corner, lower the presser foot, and sew to the corner.
- Remove the fabric from the sewing machine.
- Fold the binding up, using the diagonally stitched line for the fold line.
- Fold the binding back down so the binding fold lines up with the edge of the fabric and the raw edge of the binding lines up with the perpendicular raw edge of the game board. Insert one pin to hold it in place.
- Start sewing at the edge of the fabric to attach the binding on the next side.
- Repeat steps 6-10 until you’ve sewn all four corners. Remember to stop 1/4-inch from each corner so you can pivot the needle and sew into the corner.
- You’ll stop sewing the binding on the last edge about 2 inches past the last corner. There will be a gap between where you started and stopped sewing.
To see directions 6-10 in action, fast forward approximately 6 minutes and 30 seconds into the video The Ultimate Quilt Binding Tutorial from the Missouri Star Quilt Company.
You should have several inches of binding left on both sides.
I recommend trimming each side so they’re approximately the length of the remaining space and easier to work with when you finish attaching the binding in Step 10 below.
Step 10: Finish attaching the binding
Caution: Double check your measurements on directions 1 and 2 before cutting so you know they’re correct. Otherwise, the binding won’t lay down flat.
- Measure and mark 2.5 inches from one end of the binding.
- Lay the other side of the binding on top and trim it at the 2.5 inch mark.
- Open up both sides of the binding, overlap them slightly with right sides together, and lay them together like a plus sign. (See photo in direction 4.) Tip: The area you are working with is pretty small but it is possible to get the binding to lay flat. If the binding doesn’t lay flat, you may need to remove some of the stitches on the left-hand side with a seam ripper.
- Pin the binding (right sides should be together) and draw a line from corner to corner.
- You will sew on the line. Take your time as you sew to make sure the fabric is laying flat.
- Remove the pins and fold the binding to make sure it will lay flat in the remaining space.
- Once you are sure the binding is sewn correctly and lays flat, trim off the excess fabric so there is about a 1/4-inch seam allowance.
- Press the seam open, lay the binding flat, and sew it down. Make sure the raw edges are aligned. Overlap a few stitches at the beginning and end of this last seam to secure it.
To see Step 10 in action, fast forward approximately 9 minutes and 10 seconds into the video The Ultimate Quilt Binding Tutorial from the Missouri Star Quilt Company.
Step 11: Hand stitch the binding to the back
You’ll be hand-stitching the blind stitch to finish the binding and attach it to the back of the game board. Use a thread color that matches the binding.
- Fold the binding over to the back side and pin in place. It should be snug along the raw edge. Tip: Tuck the end of the pin back into the binding so you don’t stab yourself when you are sewing the binding down. If you have binding clips, you can use those.
- Cut off about 15-18 inches of thread from the spool. Thread the needle and knot the end.
- Bring the thread up through the fold of the binding from the back. The needle or thread should not come through the front of the binding. Pull the thread through.
- Insert the needle slightly into the back fabric (B) straight across from where the tread is coming out of the fold (A). You only want to catch the back fabric and not go through to the front.
- Slide the needle about 1/4-inch keeping it parallel to the fold. (C)
- Push the needle up through the fold and pull the thread through. (D)
- Repeat directions 4-6 until you have about 6 inches of thread left.
- To secure the thread you don’t need to tie a knot. Instead, weave the needle through the fabric close to the raw edge that will be hidden under the binding (A). Pull the needle through until the binding is close to the back where you took the last stitch (B). Now, weave the needle back the other way (C) and pull the needle through again (D). Clip the remaining thread.
- Repeat directions 2-8 until all the binding has been secured to the back.
- For the final knot, push the needle under a stitch you made and pull it until you have a loop (A). Insert the needle through the loop and pull it tight (B). A little knot will form on the stitch. Repeat to make another knot.
- To hide the knot, insert the needle into the binding without going through to the front and push it up about an inch from where it was inserted. Pull it through so the tail of the knot is hidden. Cut the thread close to the fabric.
That’s It. You’re Done!
The Tic-Tac-Toe board and bean bags can be used inside and outside.
Store the bean bags in a fun bowl or container. I collect vintage Pyrex bowls and like to use those when I can. The Tic-Tac-Toe board can be folded and used as a placemat for the bean bag container until someone is ready to play a game.
If you prewashed the fabric, cleaning the game board is easy. Just pretreat any stains, then toss it in the washing machine. You decide if you want to use the dryer or hang it up to dry.
Share What You Made
I would love to see your Tic-Tac-Toe board! One of the greatest joys of being a teacher is seeing the results that happen when learning is applied. Send me a picture of your Tic-Tac-Toe board to firstname.lastname@example.org.
If you have questions about making the Tic-Tac-Toe board or sewing in general, don’t hesitate to email those to me, too. 🙂
Hello, I'm Nicki!
Join others who want education and inspiration for fun and functional sewing-related projects delivered directly to their in-box.