Category Archives: Tutorial

Fabric Mousemat Tutorial

Last month, a friend sent me a handmade mousepad for my birthday; she’d used a self-adhesive foam backing, and fray-check on the fabric to stop the ends from fraying. It looked a lot better than the bought mousemat I’d been using, and inspired me to have a go at making a couple myself, to give to friends for their birthdays.

It’s not something I want to keep to myself, so I thought I’d share my fabric mousemat tutorial with anyone who wants to try making one!

Materials

Foam sheet: 9″ x 8″ or larger
Fabric : 10″ x 9″ for the zigzag version, 11″ x 10″ for the hemmed version
Matching thread
Optional
Old mousemat to use as a template (mine was 9″ x 8″)
Denim needle
Walking Foot

I found an A4 sheet of foam for 60p in the local craft store, and some purple fabric in my scraps pile, so this turned out to be a very cheap mousemat!

Fabric Mousemat Tutorial (zigzag version)

  1. Take your old mousepad, place it onto the foam and trace around it. Cut out the rectangle from the foam.
    If you didn’t have a mousemat to trace around, you could always just cut a rectangle 9″ x 8″ and round the edges by drawing round a round object like a saucer.
  2. Take your fabric, with the right side facing the table, and draw around the foam you just cut out. Then, draw a line 1/2″ outside that (this is the line we’ll be cutting). Cut out the fabric on that outer line.
  3. With the right side facing the ironing board, iron the fabric along the inner line, so you’re creating a 1/2″ fold onto the wrong side on each edge.
  4. Place the fabric over the foam, and carefully bend those folded edges around to the back of the foam.
  5. Hand tack (baste) the fabric from the underside, to hold it safely in place for the next step. When it comes to the curved corners, you can fold over a little bit of the fabric to help keep the front nice and smooth.
    Fabric Mousemat Tutorial

    The underside of the mousemat – I will admit I could have measure and cut the fabric more accurately to have my 1/2″ fold on each edge!

    As you can see, the fabric was still slightly damp at this point, from my attempts to iron out some really stubborn creases! The tacking isn’t straight, but that doesn’t matter, as the tacking stitches will be removed anyway.
    Fabric Mousemat Tutorial
    The advantage of folding the fabric over the edge of the foam, is that it doesn’t rely on any glue staying adhered over time, and also eliminates the need to use fray-check.

  6. Starting on one edge (not on a corner!), carefully zigzag around the mat – this will ensure the fabric stays as flat as possible (nobody wants a lumpy mousemat!), and to also help prevent any fraying from the edges underneath.
    I did use a walking foot and denim needle just to be on the safe side as I was a little uncertain how the regular foot and needle would cope with the foam…. however, my hand sewing needle went through the foam really nicely so I don’t think a denim needle or walking foot are really essentials for this.
  7. Carefully trim the underside edges of the fabric with scissors, just to make them a little neater.
  8. And there you have it – a finished mousemat!
Fabric Mousemat Tutorial

The corners might not be the neatest in the universe, but for a 60p mousemat that can be made in any colour combination, you can’t really go wrong!

But what if you don’t like the idea of a zigzag all the way around the mousemat? Then you could try the hemmed version instead….

Fabric Mousemat Tutorial (hemmed version)

  1. Take your old mousepad, place it onto the foam and trace around it. Cut out the rectangle from the foam.
    If you didn’t have a mousemat to trace around, you could always just cut a rectangle 9″ x 8″ and round the edges by drawing round a round object like a saucer.
    Fabric Mousemat Tutorial.
  2. Take your fabric, with the right side facing the table, and draw around the foam you just cut out. Then, draw a line 1″ outside that (this is the line we’ll be cutting). Cut out the fabric on that outer line.
  3. I then used the faux overlock stitch (a zigzag, but with an overlock foot) on my sewing machine to neaten the edges – this bit won’t be seen in the end, but it’ll stop the edges from fraying.
    Fabric Mousemat Tutorial
  4. With the fabric right side down, place the mouse mat foam pad on the top. Fold over the ‘overlocked’ edge slightly, then fold again, so the zigzag stitches are all hidden. Tack (baste) this down, through the mousemat foam.
    Fabric Mousemat Tutorial
    Fabric Mousemat Tutorial
  5. You may want to measure the amount of fabric you have showing on the wrong side, to ensure you catch it with the stitches in the next step.
  6. Starting on a straight edge (not on a corner!), carefully (and slowly) sew through the fabric and mousemat foam. I used a straight stitch, but you could use a contrast thread and a fancy stitch if you prefer.
    Fabric Mousemat Tutorial
  7. Looking at the back of the mousemat, all the fabric should be stitched, with none of the ‘overlock’ stitches showing.
    Fabric Mousemat Tutorial
  8. And there you have it – a finished hemmed mousemat!
    Fabric Mousemat Tutorial

I’ve tested out the zigzagged mousemat, and haven’t had any problem with the mouse catching on the stitches around the edge.  Just make sure you don’t sew over the body of the mousemat itself, as that would disrupt the movement of the mouse and prevent the mat from working as it should. Keeping the stitches to 1/8″ – 1/4″ from the edge is the most practical option.


This fabric mousemat tutorial is provided free for everyone to use. Link backs to this tutorial are welcome – please do not copy the tutorial and post it on your own site!

If you want to download the pattern as a .pdf file, please click through to the Craftsy download!

You may sell items you have made from this pattern, but please do not sell the pattern itself! 

Handy clothes peg bag – tutorial

Having seen the condition of my Mum’s clothes peg bag, I decided it was time she had a new one. Being the kind soul that I am, I thought I would share this clothes peg bag tutorial with you for free. 🙂

Materials

One  wooden clothes hanger (this is a children’s hanger, approx 33cm (13″) from side to side) if your clothes hanger is wider than this, simply increase the width of the fabric to suit (make sure add in a 5/8″ / 1.5cm seam allowance on both sides when working out the width).
Outer fabric – two pieces 36cm wide x 41cm high
Lining fabric – two pieces 36cm wide x 41cm high
Matching thread

 

Seam allowances are 5/8″ (1.5cm) unless otherwise stated. Tacking is done 1/2″ (1.2cm) from the edge.

Preparing the Fabric

Supplies

  1. Take the piece of fabric you want to use for the back of the clothes peg bag, and tack (baste) it to one of the lining pieces, wrong sides together. This will stop it moving around as you sew the pieces later.
  2. Take the piece of fabric you want to use for the front, and tack that to the other lining piece, right sides together.

Marking and Making the Opening

      1. Draw the opening onto the fabric using chalk / something that won’t show through to the other side (I cheated and used a pencil) I centred my opening, making it 8 cm from the top seam, 15cm from the bottom seam. That gave me an opening 15cm high, and I made it 13cm wide.

        Measurements

        Just in case those instructions make no sense, here’s a diagram showing the measurements I used

      2. Carefully stitch over the marked opening, using a short straight stitch.
        Opening - stitched

        I stitched the opening in black to make it easier to see where I needed to cut the hole

        You’ll probably notice that my opening isn’t totally even both sides – that’s not a problem, as it’s not overly noticeable when it’s finished!

      3. Carefully cut out the opening, staying within the stitching, and clip the curves so it is easier to turn (make sure to not clip the stitches!).
        Clipped Curves
      4. Carefully unpick the tacking stitches around the outside edges.
      5. Turn the front pieces through the opening you’ve just cut, and press flat.Turned and pressed
      6. If like me you chose to use a non-matching thread up to this point, change the thread to a more suitable colour, then top stitch the opening…. I used the side of my presser foot as a guide for a nice narrow seam allowance.Top Stitch

Putting the Bag Together

  1. Take the front piece (with the opening), and the back piece (back main fabric and lining still tacked together), and place them right sides together. Pin around the outside, but mark a small space at the top for the metal hook of the clothes hanger to poke through.
    Important: This bag will have a straight top edge – for a small hanger, it isn’t really necessary to make a slope to the top, but if you’re using a larger hanger, you might want to draw the right slope onto the lining fabric so you know the exact line to follow on the next step.
  2. Starting just on the side of the opening (marked with a * on the image below), stitch down a little, then sew the 5/8″ seams around the bag. When you get to the other side of the opening, turn and stitch off the edge again, so you have two small lines either side of where the hanger will fit through.

    I’ve gone over the seams on the computer so you can see where the stitching is (the thread blends in a little too well on the lining!)

  3. Trim the seam allowance down a little (just to stop it being so bulky).
  4. For extra reinforcement, I stitched around the seams again, 1/2″ from the newly trimmed down edge (yes, this does make the bag a little smaller). This time however, I started below the opening, just backstitching on both sides to reinforce it.
  5. Turn through the opening, and press
  6. Fit the hanger into the bag, carefully slotting the hook through the gap at the top

And there you have a finished clothes peg bag, ready to fill with pegs!finished-front front-detail finished-back

I’d love to see the peg bags you make with this tutorial – simply post links to the pics in the comments 🙂

Main and lining fabric from Fashion Fabrics.


This tutorial is provided free for everyone to use. Link backs to this tutorial are welcome – please do not copy the tutorial and post it on your own site!

You may sell items you have made from this pattern, but please do not sell the pattern itself! 

 

Smartphone Case Tutorial

A while ago, I knitted a smartphone case for my Mum, but she was looking for a second case, and requested a fabric one. I couldn’t find any tutorials that worked for her specific phone, so I decided to make it up myself, and share this Smartphone Case Tutorial with you!

This case will fit a Nokia Lumia 530 with a little wiggle room, and also a Samsung Galaxy S2 (very snugly). If you have a different sized phone, you could always add a little onto the width of the pieces first – it’s better for it to be slightly too big to start with, as you can always take it in before you finish!

 

Materials

10″ x 10″ outer fabric (I used a remnant from a fat quarter)
10″ x 10″x lining fabric (I picked a firmer fabric to give it some body)
10″ x 10″ wadding (you could use batting, but I used the lightest-weight wadding my local craft shop sold)
1 x hair elastic
1 x button
Supplies

In the end, I decided not to use the ribbon to make a keyring loop

Cut out the fabric

  1. From the lining fabric, cut: one rectangle 4 ½” wide and 6 ½” high, and one rectangle 4 ½” wide and 8 ½” high.
  2. Cut the same from the outer fabric.
  3. Cut two 4 ½” x 6 ½”  rectangles from the wadding.

Quilting the wadding

If you skip this step, nothing will stop the wadding from moving around when you turn the case the right way round later, so this step is important!

  1. With the small lining rectangle WS up, stitch the wadding to the top edge with a 3/8″ seam.
  2. I stitched straight down the centre, and made a wonky diamond, but let your imagination run wild to quilt the wadding to the lining! You won’t see much of it when the case is finished, but you’ll know it’s there.
    quilting
  3. Stitch around the remaining three edges with  a ¼” seam. This will hold the wadding in place on the edges, but the seams won’t be visible on the finished case.

Set the small rectangle to one side, and do the same with the large rectangle, except that this time we need to line the wadding up at the base of the rectangle, leaving the top section unwadded. This will be the top flap, and if it’s padded it makes the case a little too bulky to put into a coat pocket!

With both lining rectangles finished, it should be looking something like this:

wadding

The unwadded top flap is folded over on the right, with the small lining rectangle on the left

The front smartphone case section

  1. Taking the small lining rectangle, and the matching outer rectangle, place them RS together. Stitch across the top edge with a ¼” seam allowance.
  2. Turn to RS, and top stitch over that seam with a 1/8″ seam allowance.top-stitch-front
  3. This is now the front section.

Putting it all together

This is where it starts to sound really complex, but you’re almost at the finish line!

      1. Take the large lining rectangle, and place it RS up. This will be the back lining for the case.
      2. Place the hair elastic at the top of this rectangle, with the neat loop pointing towards the bulk of the fabric. Pin or tack (or both – hair elastics can be a nightmare to keep in one place before stitching!).

        Hair Elastic

        The metal piece will be inside the seams, and can be cut off before turning.

      3. On top of this, place the front piece, with the front lining face down, so the front cover is RS up.
      4. Finally, place the back cover on the top, WS up.
      5. Pin and tack! This is really important, as it’s so easy for something to move as you stitch!
      6. Mark a gap to be able to turn the case the right way out. I left a gap on the corner which wasn’t ideal, but it was easier than leaving a gap where there’s more than 2 layers!
      7. Sew carefully around the case, with a ½” seam allowance, backstitching at both sides of the gap to reinforce the seam. When stitching over the hair elastic, I ran a few stitches backwards, then came forwards again just to ensure it’s held firmly.
      8. Trim the seam allowances to make it less bulky when turned, and clip the corners being careful to not cut into the stitches. Cut the metal part off the hair elastic.
      9. Carefully turn the case the right way around – this will seem quite fiddly, but stick with it.turned
      10. Before doing anything else, check the phone fits comfortably in the case. If the case seems a little large, turn it back the wrong way around, and sew another seam down either side, just a little further from the edge than the first ones, to make it a little narrower. Then turn back the right way and check again.
      11. Assuming the phone now fits comfortably in the case, carefully fold in the edges of the gap, so they match the seam line on the rest of the flap.
      12. Top stitch around the flap, with a 1/8″ seam allowance to close the gap and make the flap look better. I prefer to make the flap corners a diagonal rather than perfectly pointy corners, but you might prefer to make them perfect right angles.
        top-stitch-flap
      13. Put the phone back into the case, and check the required position of the button. Remove the phone (again) and carefully sew the button onto the front of the case. You could of course have machine-stitched the button on earlier, but this way you can ensure a snug fit for the phone, rather than risking it either being a bit loose or the elastic not quite reaching.

And there you have it! One finished smartphone case!

Phone Case - finished

 

I’d love to see the cases you make with this tutorial – simply post links to the pics in the comments 🙂

 

Outer fabric and button from The Makery, lining fabric from Hobbycraft and hair elastic from WilkoNone of these links are affiliate links.


This tutorial is provided free for everyone to use. Link backs to this tutorial are welcome – please do not copy the tutorial and post it on your own site!

You may sell items you have made from this pattern, but please do not sell the pattern itself!