Mario Kart Blue Shell Hat

by Sam DeRose in Craft > Costumes & Cosplay

25888 Views, 323 Favorites, 0 Comments

Mario Kart Blue Shell Hat

700_1343.jpg
700_1340.jpg
700_1341.jpg
700_1349.jpg
700_1182.jpg
700_1183.jpg
700_1184.jpg
All of my college suite-mates are obsessed with Mario Kart, so I made them this hat for christmas. Even though this tutorial covers how to make your own Blue Shell hat, you could easily swap the blue fleece for red or green to make the Red or Green Shells, or even use the basic construction style to make a Mushroom hat! (if you do, please sent me pics! I'd love to see that).
This project took me about 16-18 hours over the course of 4 days.

Materials:
  • White, blue, and black thread
  • 1 yard each of White, blue, and back fleece or felt (I used fleece)
  • A fiber-based filler (can be found at craft stores)
  • 1" elastic band
Tools:
  • Sewing machine
  • Pins 
  • Needle
  • Scissors
  • Pen or Sharpie
  • Measuring tape
  • Time and patience

NOTE: Almost all of the sewing in this project is done with a sewing machine using a straight stitch. When it's absolutely essential to hand sew, I explicitly say so, but in all other places where I just say "sew" you can assume that means on the machine, with a straight stitch, making sure to add several leading and tailing stitches so your whole seam doesn't unravel. If you dont have a machine, I will say it is possible to do this project completely by hand, but it may take you several years. 

Design & Prototyping

BlueShell.jpg
fabric layout.png
Blue shell hat cutaway.png
700_1189.jpg
700_1191.jpg
700_1186.jpg
700_1192.jpg
700_1193.jpg
700_1195.jpg
700_1197.jpg
700_1198.jpg
700_1199.jpg
700_1200.jpg
hex templates 2.jpeg
The first step is always design and prototyping. If you dont want to make the blue shell hat, find some concept art for the hat you want to make. I've included the photo I used as reference (above).


What We Want:

The basics of the hat is a 7 hexagon pattern: one regular hexagon on top and 6 'elongated' hexagons around the sides, each with a white horn sticking out from the center. The hexagons have to be elongated because regular hexagons tile to make a flat surface, and this hat is hemispherical.
6 isosceles triangles around the edges fill in the gaps between the hexagons and the white rim that goes around the whole base of the hat (I won't be making the under-belly part). In between the hexagons and triangles, there is a black lining that makes the hexagon shapes really stand out. (all of this is depicted in the pattern above).
Then of course, there are 2 wings which attach right above the two triangles on either side of the hat. And thats basically it!

Now to figure out how to make each of these pieces out of fleece...


How We're Going to Make it:

First off, I knew I wanted the hat to be very 3 dimensional, so I decided to make each hexagon and triangle section a 'pillow', meaning 2 pieces of fleece stitched on top of each other, sandwiching some fluffy filler material in-between, essentially making a pillow. The horns will be made by cutting out a section of a circle in white fleece, and then sewing it so it folds into a cone. These will be attached to the top piece of blue fleece on each hexagon, and the inside of the horn will be 'open' to the inside of the hexagon pillow (the horn doesn't have a bottom face, its just open to the inside of the pillow).

To add black lining in between each shape, I decided to sew in a folded-over piece of black fleece in each seam. A cutaway view of this whole idea is in the photos above.  

The white rim around the bottom of the hat will be a long strip of folded-over white fleece with the same filler stuff inside, and it will also have an elastic band inside so the rim of the hat stretches a little. The concept art shows this rim being a bit 'wavy' as it circles around the circumference of the hat. For ease of construction, mine will just be a circle (no waviness). 

The wings will also be pillows, except we will sew the two pieces of fleece together with the backside of the fleece facing out. Then we will turn the wings inside out so the nice side of the fleece faces out, and the seam looks nice and professional.
If you want, I've included an optional step to make the wings even more realistic, all it entails is basically making smaller wings in the same way, and then stitching them to the larger wings. This just gives the wing more dimension by adding an extra layer of 'feathers'.


Prototyping:

Now that we know how we are going to make everything, we need to figure out how big to make each of these pieces. 
I began cutting out hexagons, taping them together, and then putting them on my head. After some time, I figured out that hexagons of side length 2.5 inches work well for an all-around, good fitting hat. The Top hexagon is just a regular hexagon, with each interior angle measuring 120 degrees. The body hexagons, however, have two different interior angles, and these angles will determine how far from flat that the hat is. If the body hexagons were regular hexagons, our hat would just be flat, but if we degrease the 120 degree angles that boarder the top hexagon, we get a shape that 'pops up' and becomes more hat like. I found that if we make those top and bottom angles 107 degrees, then the hexagons will tile to produce a pretty good hat shape (look at the photos above).  

Templates are provided for the two types of hexagons you'll need for this hat. Just be sure that when you print them out the side lengths are 2.5 inches. 


OK, now onto the horns! I decided I wanted horns that were about 1.5 inches tall and had a diameter of 1.5 inches. After a little algebra, I figured out the right 2D shape that would roll into a cone this size. I've also included the template for this. 

We will get to the wings later. Lets start making the hat!

Making the Horns

700_1198.jpg
700_1201.jpg
700_1202.jpg
700_1203.jpg
700_1204.jpg
700_1205.jpg
700_1207.jpg
700_1209.jpg
700_1210.jpg
Trace your cone template onto the backside of your fleece. Leave a little extra material along the edges you will be stitching together. Cut out your piece, and fold it over with the backside showing. Pin it so the lines line up, then use your sewing machine to sew along the line. Dont forget to add several stitches at the beginning and end of your sewing so the ends dont unravel and fall apart. Trim the threads, and then turn the cone inside-out. Make sure its still the same size you want it, and once you are happy with it, make the other 6! 

Making the Hexagons

fabric layout.png
700_1211.jpg
700_1212.jpg
700_1239.jpg
700_1213.jpg
700_1215.jpg
700_1214.jpg
700_1217.jpg
700_1218.jpg
700_1219.jpg
700_1220.jpg
700_1231.jpg
700_1221.jpg
700_1281.jpg
700_1233.jpg
700_1232.jpg
700_1282.jpg
Looking at the diagram, you see that you need 1 top hexagon, 6 body hexagons, and 6 triangles to make the hat. However, each piece is actually 2 pieces of fleece, because you need a pocket to stuff the fluffy filler stuff into, which makes the hat a little more 3 dimensional and more interesting. So, in this step, you will be cutting out 2 pieces of fleece for every hexagon you make.

Trace the "top hex" pattern onto the backside of the blue fleece, and add extra on all sides. Cut out the hexagon, and mark and cut a 1" diameter circle on the backside of the fleece in the center. I used a spool of thread to trace the circle. Cut 4 little slits in the circle to widen it a bit and add 'tabs' which you will sew to (refer to photo above). Now, push a cone up through the circle so it sticks out on the frontside of your blue hexagon. On the backside, line up the excess material on the bottom of the cone with the "tabs" that you've created around the hole in the hexagon. Pin the two fabrics together, and stitch along the circumference of the circle from the backside (you can use white or blue thread here). 

You should now have a hexagon with a horn sticking out. Now cut out an identical hexagon, but dont put a hole in it! Line up the two hexagons with the horn-hexagon on top facing outward, and the regular hexagon underneath with the backside facing outward (this allows you to see the lines while sewing, and it will be on the inside of the hat so you won't see it anyway). Pin them together, and then sew them together, using the lines on the back of the regular hexagon as a guide. ONLY STITCH 5 SIDES. Trim your threads. 

There should now be a sort of 'hexagon pocket'. Use the fiber-basd filler to poof-up the hexagon pocket, making sure to stuff some up into the horn to give it shape. Once you are happy with the firmness of your hexagon, sew up the last side. Trim your threads. 

Now, repeat this same basic process for the 6 other 'body hexagons', the ones that are elongated. Trim your threads!

NOTE: Some fleece stretches only along one axis! To test this, just stretch your fabric along the 'x-axis' and then along the 'y-axis', If one direction stretches more then the other, then you will have to keep that in mind while cutting out your body-hexagons.
The body hexagons need to stretch in the direction indicated on the layout/pattern photo above, or the whole hat won't stretch when you pull it on your head. 

Adding Black Lining

fabric layout.png
700_1224.jpg
700_1227.jpg
700_1226.jpg
700_1240.jpg
Now we will be adding the black lines that outline each hexagon. The pattern I used can be seen in the diagram above. As you can see, for 3 of the body hexagons, the black lining will go all the way around starting at one of the top corners, and will have enough left over for one more side. The other 3 body hexagons only need lining on the lower 3 sides. This is not the only template that will outline all the hexagons of corse, but I chose it because there are only 2 distinct patterns, so you can just hammer 3 hexagons out at time using the same pattern. 

Anyways, cut a 1.5 inch wide strip of black fleece that is long enough for the specific pattern you are using. Fold it over, with the frontside out, and pin it onto the correct side of your hexagon. How much of the black lining shows is really your preference, but I tried to line it up so it stuck out a little over the seam on the hexagon. Use blue thread and the sewing machine to stitch the lining on. Make sure when you are sewing that you stitch on the outside of the seam on the hexagon, so you dont end up changing the shape of the hexagon. Trim your threads!

Continue for the rest of the body hexagons (the top hexagon doesn't need lining if you use this template).

Assemble Hexagons

700_1228.jpg
700_1244.jpg
700_1230.jpg
700_1229.jpg
700_1246.jpg
700_1242.jpg
700_1283.jpg
700_1284.jpg
Now its time to assemble your 7 hexagons. I dont think there is any best order in which to sew them together. No matter what you do, the last couple seams are going to be pretty hard to sew, just because there is going to be so much bulk getting in the way of the sewing machine. 

I used a general pattern of adding one hexagon at a time, starting with the top hexagon and one body hexagon, and then one by one adding addition body hexagons around, sewing both seams (the one attaching the new hexagon to the top, and the one that attaches it to the adjacent body hexagon). 

First, line up the seam by pinching the 'flaps' on the sides of the hexagon, and figure out where you want to put the seam. Then pin the flaps and sew with blue thread. Trim your threads, and continue. 

Make and Attach the Triangles

700_1276.jpg
700_1286.jpg
700_1278.jpg
700_1290.jpg
700_1291.jpg
In this step you will make the triangle pillows out of blue fleece and attach them to the rest of your hat.

The reason I didn't design the shape of the triangles first is because it's really up to you how 'narrow' you make them. Obviously the two sides that border hexagons have to be the same side length as the hexagons, but the bottom side can be a range of sizes, and you should tailer the length of the bottom side to fit your head best. Making the bottom edge shorter will bring the rim of the hat in more, for a smaller head, and vise-versa. 

One way you can 'size' the triangle is just go ahead and cut out 2 large pieces of felt (maybe like triangles that are 1 inch too large on all sides) and then make the pillow out of that, using the same basic steps as for the hexagons. Then, when you go to attach the triangle to the hat, sew only one side to the hexagons, and then adjust the width of the triangle by pulling the other hexagon over the triangle pillow until it looks to be the right size. Do this for all six triangles, then pin the other un-sewn seam so you can test fit the hat on your head. Adjust accordingly by changing the width of the triangles. Then go ahead and sew the other seam once the hat fits right. 

At this point you should have the two sides of the triangle sewn into the hat. Now go ahead and sew some black fleece onto the bottom edge for the black lining (just like you did with the hexagons). Leave extra black fabric on each side of the seam. 

Done! Now time to add the rim of the hat.

Adding the White Shell Rim

700_1253.jpg
700_1254.jpg
700_1235.jpg
700_1236.jpg
700_1237.jpg
700_1238.jpg
700_1294.jpg
700_1297.jpg
700_1293.jpg
700_1298.jpg
700_1299.jpg
700_1300.jpg
700_1301.jpg
Now it's time to make the white rim that goes along the bottom of the hat. This rim will also have elastic in it so the hat stays on your head. 

Cut a 4 inch wide strip of white fleece about 30 inches long. Make sure that you cut it so the fleece stretches in the length direction (so it will stretch when you put the elastic in). Fold it over with the frontside out and pin it. Using a zig-zag stitch, sew along the edge (the zig-zag stitch will allow the fleece to stitch). Now take your elastic strap and put a cloths pin in one end. Inch by inch, scoot the pin through the white fleece 'tube' until its all the way through. Fill the tube with the fluffy filler stuff by shoving it in with a long dowel until it's spread out evenly throughout the tube. Sew up the tube by sewing through the elastic near the ends of the tube. Trim your threads!

You should now have a white tube that stretches when you pull on it.

Now its time to fit the tube to your head, and attach it to your hat!

Wrap the tube around your head and mark how long you need it. You will need about 1/2 inch to attach one end to the other to make it a loop, so consider that when you are marking the length. Also, it you want it to be tighter on your head, take a little off the length so it stretches when you pull it on.
Sew along the line you marked just like you sewed up the ends. Then cut off the excess.

If your tube length does not match the circumference of the bottom of the hat (chances are it will be shorter) then you will need to do a little extra work than just sewing the tube to the hat. Make tick marks along the tube so you have 6 equal length sections. When you go to pin the white tube along the bottom of the hat, match up each tick mark with a corresponding part on each hexagon. This will spread out the slack in the hat circumference. When you actually sew the tube on, use a zig-zag stitch and only stitch the sections where the tube borders a hexagon, leave the triangles sections un-sewn for now.

The tube should now be attached by the six sections bordering the hexagons, but should not be attached to any of the triangles.

Now is the sort-of-hard part. Chances are the triangle sections which you need to sew to the white band are going to be longer then the section of band available to sew to. Thankfully, you made the band elastic! When you go to sew this seam, stretch out the band so it's the same length as the triangle section, and then sew it with white thread with a zig-zag stitch so it can stretch and contract without breaking the thread. Trim your threads and repeat!

The idea is, when the hat is at rest, the band will be contracted to its natural length, and the sections where the hexagons meet the band will look good and won't be bunched or stretched. The sections where the band meets the triangle may be bunched, but thats ok.
When you pull the hat on your head, the elastic will stretch, and so will the hexagons and the seam because the fleece stretches and we used a zig-zag stitch. The triangles will stretch from the their bunched up state to look normal again. 

The Wings

700_1257.jpg
700_1258.jpg
700_1260.jpg
700_1311.jpg
700_1312.jpg
700_1313.jpg
700_1314.jpg
700_1320.jpg
700_1315.jpg
700_1316.jpg
700_1318.jpg
700_1322.jpg
700_1323.jpg
700_1324.jpg
700_1325.jpg
700_1326.jpg
700_1261.jpg
700_1262.jpg
700_1263.jpg
700_1264.jpg
700_1265.jpg
700_1267.jpg
700_1269.jpg
700_1268.jpg
700_1270.jpg
700_1275.jpg
700_1303.jpg
Now it's time to make the wings! 

First, do some full scale sketches of a wing and cut it out to size it to the hat. Obviously we can't make the wings to scale with the concept art, because they would literally weigh 50 pounds. The size I came up with makes the wings about half as big as they should be, but still makes for a very convincing 'Blue Shell' look. Also, these wings will be 'poofy' as well, which means we need two pieces of fleece for each wing, mirrors of each other. 

Once you are happy with your wing shape, trace it onto the backside of some white fleece. As usual, cut out the fleece leaving enough room around the edges to sew effectively (1/4 inch minimum). Flip your paper template over to trace the other side of the same wing. 

Once you have both fleece cutouts, pin them together so the backside of the fleece faces outward. Sew along the outlined perimeter with white thread, and be sure to leave a 2 inch section of the perimeter un-sewed near the 'bottom' of the wing (the side opposite the feather tips). Trim your threads! Now, before we turn the wing inside out, make sure to really trim away the access fleece on the outside of your stitches, especially near the feather tips. If you dont, you will see why you need to once you try to turn it inside out.

Ok, so now turn it inside out. Use a capped pen or a dowel to push out the feather tips all the way.
Plan out where you want to put your "feather creases", but dont draw on the fleece (cause this is now the frontside of the fleece). Refer to the pictures above to see exactly what I mean by "feather creases". Sew these "feather creases" with white thread and a straight stitch. Trim your threads!

Take a clump of the fluffy filler stuff and separate it out into little poofs. Shove these poofs up unto the feathers (in between the feather creases) with a capped pen via the hole you left near the bottom of the wing. You should now see your wing becoming more wing-y. Continue filling the wing until it's the desired poofiness. 

Thread about 2 feet of white thread onto a hand-sewing needle, and sew up the hole in the bottom of the wing. 

You are now done with your first wing! Repeat these steps to make one more (it can be exactly the same, it doesn't have to be a mirror of the first). 

OPTIONAL

The wing from the concept art has more detail on the side of the wing. It looks like there are several 'layers' of feathers, not just one. 
To incorporate these details, I made smaller wings with 3 feathers and sewed them onto the side of the larger wings. I used the same exact process as above, but just with a smaller template. 

Finishing Touches

700_1247.jpg
700_1248.jpg
700_1249.jpg
700_1307.jpg
700_1335.jpg
700_1306.jpg
700_1309.jpg
700_1308.jpg
700_1337.jpg
700_1336.jpg
700_1310.jpg
700_1334.jpg
At each junction of black lining, you should have one piece of fleece butt up against one continuous piece, it's time to sew these joints up! 

Trim the butt end fleece so it will reach the continuous piece when stretched a little. Then thread a hand-sewing needle with 2-3 feet of black thread, and begin sewing in a helical pattern through all three sections of fleece that meet at the junction. When you are done, thread the needle through to the inside of the hat to tie the thread off. Continue with the rest of the junctions.

Now it's time to attach the wings. 

Line your wings up how you want them, I put mine right over the triangles which were across the hat from each other. This is also a good time to figure out which hexagon you want to be in the front, and then choose wing placement based on that.

In terms of actually attaching the wings, I sewed the wings to the triangles with white thread and a hand-sewing needle, and tried to place my stitches under the second layer on my wing (so the stitches were mostly covered up) or in the seams in-between the feathers (again, so you can't see the stitches). 

Once the wings are on, go around and trim up large excess flaps of fleece and hanging threads. Then you are done!

Try It On!

700_1343.jpg
BlueShell.jpg
700_1340.jpg
I hope you enjoyed the tutorial! If you make this hat, or any other versions (like the red or green shells) please send me pics! I'd love to see them.

Also, please let me know if there is anything I can improve like grammar/spelling mistakes; or bigger things, like maybe I completely missed a step. 

Thanks to my mom for taking several pictures when neither of my hands were free to hold the camera, and thanks to my brother for being my hat model for the photo.

Thanks again!
Sam