Hi Hat Cupcakes!~ A Blog and Free Video Tutorial

Jump To Recipe Jump To Video

Today, I'm going to demonstrate how to make beautiful, dramatic Hi Hat Cupcakes!

These delicious cupcakes are swirled high with a cloud-like Seven Minute Frosting, and dipped into a Rich Chocolate Coating for a finish that looks as amazing as it tastes! Oh the deliciousness!

Learn how to make hi hat cupcakes in this MyCakeSchool.com free cupcake video tutorial!

*We have refreshed our former hi hat cupcake post with a few tweaks to our recipes as well as a quick video tutorial on the method. Enjoy!

How to Make Hi Hat Cupcakes

First, let's talk chocolate cupcakes! If you are looking for a fantastic scratch chocolate cupcake recipe, we LOVE this one: Classic Chocolate Cupcakes. If you prefer to work with a doctored cake mix, here's a great one for cupcakes: Chocolate Cake {Doctored Cake Mix}

Next, we whipped up a batch of our Seven Minute Frosting.  This billowy white frosting tastes like marshmallows and is wonderfully light and airy, making it perfect for the signature swirl of hi hats!

As we demonstrate in our video tutorial, the method for the Fluffy White Frosting is a bit different than the traditional seven minute frosting recipe (no double boiler, yay!) but the final outcome is just like the traditional seven minute frosting that we all know and love!

 

Hi Hat Cupcake step by step tutorial and video! MyCakeSchool.com.

A Quick Lesson on How to Fill a Cupcake

(Optional) Using a piping bag fitted with a medium round tip (I used a Wilton 12), I injected each cupcake with our Fluffy White Frosting.  

Injecting the filling is just a matter of inserting the piping tip about halfway down into the cupcake and giving a quick squeeze of frosting (I usually pipe about 2-3 seconds worth! This is a completely optional step but I love a surprise on the inside)!

 

Hi Hat Cupcake Tutorial! Free step by step cupcake tutorial and cupcake video by MyCakeSchool.com!

Using a round piping tip (I used a large Ateco 806 in these photos), I swirled my frosting nice and high.  If you don't have an 806, a tip 12 works too! (I used a tip 12 in my video). These are hi-hats, not lo-hats, so don't hold back!

 

How to Make Hi Hat Cupcakes! Free Cupcake Tutorial by MyCakeSchool.com!

 

And here they are, sitting pretty!  Place your cupcakes on a cookie sheet, cake board, or whatever you have handy...and chill.  

We chilled our cupcakes for about an hour in the refrigerator. Twenty minutes in the freezer would be fine also. You just want to have them nice and chilled before dipping!

Look at these pretty cupcake swirls! I just love fluffy frosting!

Hi Hat Cupcake Tutorial by MyCakeSchool.com! Free cupcake video!

 

As our cupcakes chilled, we prepared our chocolate by melting 10 oz semi-sweet chocolate in the microwave. We then mixed in three teaspoons of vegetable oil.  You can find the details of the simple Chocolate Topping/Coating for hi-hats HERE!

 

After the chocolate had melted, we poured it into a more narrow, deep container for easier dipping.  A liquid measuring cup would work well for this too. You'll want your chocolate nice and fluid...but not overly hot and runny.

 

We kept our tray of cupcakes in the refrigerator and pulled out just a few at a time to dip.  Simply flip, submerge the cupcake to the point where the frosting and cake meet, and pull straight back up.  

Some of the excess will drip away as you lift your cupcake so you may want to hold it above the chocolate for a second or two.  Through all of this cupcake dipping, not one of my cupcakes lost it's swirly frosted top.  Whew!

Learn how to make Hi Hat Cupcakes with fluffy white frosting and a chocolate shell coating in this free My Cake School blog and video tutorial!

 

Here they are, freshly dipped!  That gloss is going to take on more of a matte finish once chilled, but aren't they beautiful?!  Although still very soft, the chocolate stays right where it is supposed to, thanks to the chill of the frosting beneath.  

Hi Hat Cupcakes Tutorial by MyCakeSchool.com! Featuring fluffy white frosting and a chocolate shell coating! Free cupcake video by MyCakeSchool.com.

 

Hi-hats are best served chilled... this is what they look like fresh out of the refrigerator. You can see that the lose some of their sheen and take on more of a matte finish. Still beautiful!

 

Beautiful hi hat cupcake tutorial by MyCakeSchool.com! Featuring fluffy white frosting with a chocolate shell coating. Free cupcake video!

Here's a shot of the inside, I just love the contrast of of the thin chocolate layer against the fluffy white frosting.  So pretty!

 

Hi Hat Cupcake Tutorial by MyCakeSchool.com! Free cupcake tutorial and video tutorial! My Cake School.

 

I used Wilton heart sprinkles as simple toppers, but the decorating & flavor options are endless!  I'm already daydreaming about more hi-hats!

Hi Hat Cupcake Tutorial by MyCakeSchool.com! Featuring fluffy white frosting and a delicious chocolate shell! Free cupcake video!

 

 

I hope this tutorial has inspired you to give these a try.   Next time, I'm going to make minis...I think they would be adorable!

See you next time!

 

Beautiful Hi Hat Cupcakes Tutorial by MyCakeSchool.com! Delicious fluffy white frosting with a chocolate shell! Free cupcake video tutorial!

 

Leave a Reply

Your email address will not be published. Required fields are marked *

The maximum upload file size: 2 MB. You can upload: image. Drop file here

42 Comments

  1. @Pamela, happy to hear it!

    @Tammy- we attempted this with chocolate chips and noticed that the shell formed more of a "skin" so that it wasn't easy to take a bite without pulling off the entire chocolate coating in one piece.

  2. Hi Nancy, I think you could use candy melts with some oil added to thin it a bit, but we have not tried this so I am not positive of the results.

  3. Will one recipe of the chocolate coating be enough to cover one recipe of cupcakes or will I need more? Just want to know how much chocolate I need to get...thanks!!

  4. Hi Joan, One recipe of the Chocolate Coating recipe will cover 24 cupcakes, unless you make the swirl very, very high. I don't know which recipe you plan to use but the Classic Chocolate recipes will make more than 24 cupcakes. The Chocolate Cake recipe using a cake mix will make 24 cupcakes.

  5. These look wonderful. Thank you for another great tutorial. Looking forward to trying the mini ones when you make them. I'm not such a fan of regular sized cupcakes.

  6. I made these this weekend. From one cake recipe I got 20 cupcakes and had plenty of the fluffy white frosting to frost them all and have a little left over. The cupcakes were good. I filled them with Nutella. I never made a frosting like this and it tasted like marshmallows. The only part that didn't work for me and it was probably my own fault was the chocolate. Mine was too thick, you really need to thin, almost watery. I froze the cupcakes for a bit and then dipped. That part worked out fine. But because my chocolate was too thick it got hard and the chocolate, along with the frosting, just popped off the cupcakes when you went to cut it. Tasted good though. Just remember to thin that chocolate

  7. Hi Joan! Thanks for your feedback on the recipe. I'm sorry that your chocolate cake out too thick. It's definitely no problem to thin the chocolate with a bit more oil if you'd like to. I wonder though if your chocolate had cooled to the point that it was thicker, or if you by chance were using chocolate chips? When we used melted chocolate chips instead of bars of baking chocolate, the result was not as good (a bit thicker and pulled off in one piece). I'm glad that you were happy with the frosting!