Quiet Book Page - Interactive Button Play

Quiet Book Page - Interactive Button Play

One of the first major projects I worked on when I learned to sew were quiet books for my kids. Looking back I see that I may have planned them a bit too complicated and larger than they needed to be. Instead of being a perfect book they frequently used it, instead, kept being abandoned and eventually the books were left on a shelf out of the way. About a year or two after making them I wanted to revitalize the books so the kids would get excited playing with them again. At that time Zoey loved buckles so I chose to make her a peek-a-boo buckled page and decided on a ‘how to tie your shoes’ page for Ada even though she was a bit too young to care at that point. I wanted to add something fun and interactive to the opposing side of their pages and decided on making an interactive button page. These were made over two years ago, now, and I had kept planning on sharing these with you but as the pages didn’t revitalize the quiet books for the kids I kept second guessing whether these would be interesting enough to share. I’d debate with myself, set the photos aside, forget about it for awhile, re-find, and debated again. My main issue with these pages were how easily the buttons (and the embroidery floss and fishing line) kept getting tangled. I eventually gave up untangling them unless the kids asked. I’ve recently come across these images again and decided it was time to share in case you’re thinking of making something similar and can learn from my mistakes.

Pinterest Image showing three images and the title of the blog post. All images are found further down on the page. Top two images show Ada (left) and Zoey (right) playing with their interactive button page. Bottom image is a closeup of Zoey's page.

If you want to learn more about my previous quiet book pages or how I assembled the pages and cover you can check them out here.


I wanted to create a quiet book page for the girls that encouraged open-ended pretend play.  After thinking about it I decided to use my decorative buttons and attach them to the page in such a way that the girls could move them around and yet not lose them. I wanted to keep it fun and pretty so I decided to draw onto the base page an overhead map of roads and buildings so the buttons had somewhere to go. Since I wanted this page to revitalize the books I decided to bring some of their favorite characters into the book for them. To do this I decided to focus on two shows, Chuggington and Stinky & Dirty, and instead of mixing the characters up I chose to use Chuggington for Zoey’s page and Stinky & Dirty on Ada’s. I started by going online to find the main characters and, using GIMP, created printable pages showing the characters at different sizes. After cutting out the white fabric for the quiet book pages, you can read more about creating the quiet book base page here, I traced out my favorite characters onto them. Once I had the characters down I worked around them to add roads, buildings, and any other details I could think of to fill in the blank spaces. At this point all the drawings were outlines with my black fine-tipped fabric marker. I didn’t attempt to add too many details flush against the edges of the page but I did try not to leave blank spaces as I’d rather something be cut off in the seam allowance of the page than have a blank space showing afterwards. Once I was happy with the level of detail I used my iron to press the fabric and set the ink.

Two rectangles of fabric slightly overlapping showing the characters in black fine-tipped fabric markers. The coloring pages they were traced from are slightly above and behind the fabric.
After printing out the main characters from either show I chose where each would go and traced them out. Once I traced as much as I could I pulled the printed paper out and used it as a reference to add more details to the characters. While working I paid attention to which side I was on so I could use the real state space. For instance I included the monkeys from the Safari train page on the right side so the tree can plausibly go off page leaving more room to draw other things while still including the adorable monkeys on the page.
Closeup of the upper left side of the fabric showing a simplified recycling center sketched out. Above it is the 2D wooden Melissa and Doug recycling center toy that I used as a model to sketch it out.
After drawing the main characters and the roads I went through the kids train track bin to find all the Melissa and Doug buildings. I figured they were simplistic buildings (the front is essentially 2D) that the kids would easily identify with. Since I was working in a smaller space I kept off any unneeded details to make it easier to draw.
Zoey's quiet book page after adding all the details needed in the black fabric marker. Shows the trains at the bottom of the page (with tracks), a tree with monkeys in the top right, and then a simplified road system with buildings (from the side and top) and a park.
This photo shows Zoey’s Chuggington page after adding all the outlines and details I needed with the black fine-tipped fabric marker.
Ada's quiet book page after adding all the details needed in the black fabric marker. Shows a simplified road system with the Stinky and Dirty characters (Stinky, Dirty, Brave, Mighty, and Jumpy) along with buildings and other features.
This shows the page after adding all the outlines and details I wanted to Ada’s Stinky & Dirty quiet book page.

Once the black ink was set I had fun coloring in the scenes. I’d set the ink first as I didn’t want the black to bleed into any of the scenes later on. Once all the coloring was done I, once again, set the ink to be sure it wouldn’t fade or bleed in the future. At this point I also attached the fabric to fusible interfacing to give the quiet book page more body.

Zoey's quiet book page after adding the colors and fusing the page to the interfacing. I left the background uncolored so the buildings and roads would pop more from the background page. Love how the bottom three chuggers pop from the page in comparison with the other characters.
After adding all the color to the Chuggington page.
Ada's quiet book page after adding the colors and fusing the page to the interfacing. I left all the backgrounds plain to help the rest of the sections pop. I ended up liking those areas more than the playground and park which ended up being too busy with the grass and items in it.
The Stinky & Dirty page after I colored it in.

After coloring the pages and attaching them to the interfacing it was time to lay out all of my decorative plastic buttons and decide what to use. I wasn’t sure how to divide them up at first, but since both pages had roads I ended up halving the cars and rocket ships between the two. Since Zoey had Chuggington she got all the train buttons while Ada’s Stinky & Dirty page got all the construction vehicles. I then had to decide how to attach the buttons so they don’t get lost but still remain moveable for the kids. I ended up using two different methods to do this. For most of them I used black embroidery floss attached to the page making sure the floss would allow the button to reach the length of space I thought it needed to be able to travel. The second way used transparent fishing line I had where I added the button to the line before tying either end of the fishing line to the quiet book page leaving the button able to easily travel the length of the fishing line following a path. This worked perfect for a car following a road (going forward and backward), a train along the tracks, or a construction vehicle along going on to and off a dock. Since the fishing line was pulled, mostly, taunt and knotted at either end you had just enough room to pinch the button and move it along it’s pathway.

Zoey's page after the trains, cars, person, and rocket ships buttons. Some of them (rocket ship, person, and a car) are attached with transparent fishing line. The rest are attached with black embroidery floss.
Added trains to the tracks, a yellow car, and a man walking along the road with fishing line to keep the line invisible and easy to slide along. The rest of the vehicles were attached with black embroidery floss so they’d be secure and still reach the lengths they needed to drive or fly.
Ada's quiet book page after the buttons were added. The construction vehicles and a car were attached with fishing line while the rest were attached with embroidery floss. The rocket ships are gathered at the top right of the page so they could blast off from the launch pad.
Here only the construction vehicles and two cars were attached with fishing line. I made sure all the rocket ships were on the embroidery floss so they could easily fly, or drive, along.

Once all the buttons where fastened to the page I made sure they were as close to the center as they could get and used the odd pin to make sure they wouldn’t fall back to the edge.

All the buttons have been moved to the center, or as close as they could be, and pinned, if needed, in place. This way the edges are clear to sew around the outside. Any buttons tied close to the edge will have it's embroidery floss sewn over.
Before clipping the page to it’s reverse side to sew together I made sure to bring all the embroidery floss and buttons to the center fo the page so they wouldn’t get in the way while I was sewing later.

All that was left to do was use my sewing clips to clip the page to it’s reverse, right sides together, and sew the two sides of the page together. And here is where I made my first major mistake. I decided to trim the excess seam allowance so the seam wouldn’t be too bulky at the edges. I then turned it right side out, through the open end, and made sure to poke the corners out. At this point I noticed the odd button that wasn’t attached anymore and wondered what had happened… to discover that these buttons were no longer tied or sewn down as I had trimmed the knot that attached it to the page while trimming the seam allowance earlier. Luckily, I still had enough buttons that were secure enough so I decided to just leave behind the buttons that had fallen off, although I had to cut the other end of the fishing line so it wouldn’t be hanging off the page. I can say after turning the page right side out, poking the corners out, and discovering the buttons I was so much more careful trimming the excess fabric on the side after the open end was topstitched closed.

Back view of the quiet book page after it's sewn to it's reverse page. You can see the fusible interfacing and the black sewing machine stitches going around the outside of three of the sides.
After sewing along three sides, keeping the fourth open, I trimmed the excess seam allowance thus cutting some of the buttons off.
Ada's page turned on it's side so the bottom of the picture shows the binder side of the page where the opening was sewn closed. The excess seam allowance was trimmed closed most of the way across leaving one spot where the embroidery floss is knotted onto the fabric.
After seeing the lost buttons I made sure to trim around the knot for the embroidery floss. This was after sewing the end of the page closed.

Now all that was left to do was add the grommets, insert the pages into their respective quiet book, and untangle the embroidery floss… for the first of many times to come.

All the buttons are clustered together in one pile with the embroidery floss all tangled up.
All the buttons in the center got tangled up together.
After separating the embroidery floss the buttons are all laid out and the page looks great.
After untangling the nest of embroidery floss the page was ready to play with.

Although the books were once again ignored and forgotten the kids did enjoy the pages for awhile first.

Zoey playing with her new quiet book page within her quiet book.
Zoey playing with her interactive button quiet book page.
Back view of Ada playing with her new button quiet book page. Behind it you can see the shoelace from the shoe tying page and part of the green felt of the 'brush your teeth' crocodile.
Ada playing with her interactive button quiet book page.

Things to Keep in Mind Next Time…

  • One fishing line and one button on each page fell off in assembly. If I were to do this again I would still chose to attach the fishing line near the edge of the page, but I’d mark the seam allowance by the attachment point so it’s obvious and I can later trim around that spot instead of through it.
  • My other issue with this is how easily the buttons, attached via the black embroidery floss, get tangled. I spent so long untangling them after I sewed my pages together and then went on to untangle them each time the kids asked. Next time I could see doing a combination of adjustments to fix this:
  • Shorter embroidery floss – though then the kids will be limited in how far the button could travel
  • Move the attachment points further apart from each other – then there’s less opportunity of tangling as each button’s play space, or range, wouldn’t overlap as much with other button’s spaces
  • Make each button’s embroidery floss a different color – then when it tangles it’s, theoretically, easier to tell them apart and separate.

Looking back I think I needed to make both girls another quiet book page more than they needed one. My main reason was I really wanted to create a how to tie your shoes page so making the peek-a-boo page and these button pages were a great justification to go ahead with it. I also needed to prove to myself that the books weren’t the best thing for my kids and I had tried. Maybe this would’ve been better if the embroidery floss and buttons didn’t get tangled so easily and then the kids may have been enthralled with it for longer and it would’ve felt more worthwhile and I may have gone on to make more pages. As it was these were the last pages I’ve made, so far, and by now most of the the pages I had made are now outgrown. I can totally see keeping the books around though and, overall, I’m glad I created them.

Thank you for reading this and I hope it helped you out whether you’ve made quiet book pages before or not. If you’re interested in more information about my quiet books you can check out my previous posts. Specifically I created a four part series on creating my quiet book covers, a three part series on how I joined my quiet book pages together, and have posted all of the individual pages I’ve made. If you sew up your own I’d love to hear and see what you make. Either way I’d love to hear from you in the comments below, through my Facebook page, or on Instagram. Hope your day is going great.



Related Posts

Latest Posts