Introduction: Sound Reactive Equalizer Skirt

For a while, I've wanted to design a piece that interacts with sound. The Equalizer Skirt has integrated electronics which react to the noise level in its environment. The integrated LEDs are arranged as equalizer bars to highlight the sound-reactive behavior. Depending on the intensity of sound, only a few or all LEDs light up.

Integrating the right electronics without making them visible wasn't too easy since the skirt has a skin-tight fit. Also I wanted the Equalizer Skirt to look like a regular skirt without any holes in it whenever the lights are off. It took me some time finding the right LEDs and method, since pre-made LED-strips or LED-strands were too bulky and not flexible enough for the skirt.

Using conductive thread is usually an easy way to integrate electronics. However, when it comes to connecting multiple RGB LEDs to a strip the conductive thread's resistance is too high. The LEDs need to be sewn pretty close together otherwise they will start to flicker and/or show the wrong color.

In this instructable, I'll show you how to make a custom-made, very thin and flexible LED-strip as well as how to hook up the electronics and integrate the lights into the leather.

Step 1: The Design

This leather skirt has 5 columns with 3 to 6 lights each and 20 LEDs in total. The LEDs and electronics are attached to the inside of the skirt. The lights shine through holes in the top layer which are secured with eyelets and hot glue. Since the eyelets look like little studs, the skirt still looks nice even when the lights are off.

Step 2: Supplies

Materials:

  • Leather
  • Lining
  • Zipper
  • or get a skirt
  • 20 x RGB LEDs [type WS2812B] from SparkFun
  • Microcontroller [Flora] from Adafruit
  • Microphone Amplifier from Adafruit or SparkFun
  • 3.7 - 5 V Battery from SparkFun or Amazon
  • Flexible wire [silicone or PVC coated] from Adafruit
  • Heat shrink
  • 3 x Male jumper wires
  • 3 x Female jumper wires
  • 10 cm sticky-backed Velcro
  • 20 x ¼” Eyelets

Tools:

  • Soldering iron
  • Solder wire
  • Eyelet tool kit
  • Hammer
  • Hot glue gun + glue
  • Measuring tape
  • Ruler
  • Scissors
  • Fabric chalk or pen
  • Needle & thread
  • Sewing machine
  • Computer & USB-cable

Optional:

  • Soldering helping hands tool
  • Crocodile snaps
  • Wire crimp tool

Step 3: WS2812B RGB LEDs

In the picture above you can see 'naked' WS2812B RGB - SMD LEDs. Each LED is 5 x 5 mm small and has a red (R), a green (G) and a blue (B) LED as well as a tiny driver chip. WS2812B LEDs are addressable what means that you can control the color and brightness of each individual LED. Therefore, almost every imaginable pattern can be programmed.

Each LED has four soldering contacts: one for ground, one for power, and one for data input and one for data output. The ground pin is marked with a cut out edge on top of the LED, next to the ground pin is the data input pin. Diagonal across from data input is data output, which will be connected to the data input pin of the next LED. The last pin is the power pin. The data pins are necessary for transmitting the information about how bright and what color the LEDs should be.

If you need more information, go to Sparkfun's product page where you can find the datasheet, an hookup guide and an LED tutorial.

Step 4: Microphone Amplifier

The Electret Microphone Amplifier board from Adafruit comes with a 20-20KHz electret microphone as well as 3 soldering pins to connect it to a microcontroller. OUT needs to be connected with the microcontroller pin defined in the code, GND will be connected to ground and VCC to a power source between 2.4 - 5 V. Use the "quietest" power supply available on the board. On the Flora this would be the 3.3 V pin.

The Electret Microphone Amplifier is great for audio recording or audio-reactive projects like this LED skirt. You can find more information about the microphone in the Adafruit datasheet.

Step 5: Wearable Microcontroller

There are many wearable microcontrollers to choose from. You can find an overview of different boards in step 3 of the Jellyfish Skirt instructable. For this project a board with some more processing power and memory is necessary because the code is a little complex. Working with a smaller board will most likely be more complicated or won't work at all because there's not enough memory.

Step 6: Power Supply

Using power banks instead of "naked" lithium polymer (LiPo) batteries is safer because the battery is protected in an aluminium case. Power banks are also easier to recharge and handy in case you want to charge other devices like your phone. However, in this project I'm working with a "naked" lithium polymer battery because I need a small and flat battery. Since the skirt has a tight fit there isn't that much extra room for a big power bank.

The LiPo comes with a 2-pin JST connector, which can be plugged into the microcontroller. The battery has about 4.2 V when fully charged and dies at 3.0 V. The LEDs should run on a 5 V power supply but they also work with a 3.7 V battery.

Calculating the running time of your battery:
One LED draws about 60 mA (milliamps) of current. Imagine you have 20 LEDs on your strip, they will at most draw 1,200 mA in total. A 1200mAh (milliamp hours) battery can supply 1200mA for an hour; so if your battery has the capacity of 2,500 mAh the LEDs will light up for at least two hours:
2,500 mAh / 1,200 mA = 2.08 h

However, if you decided on a LiPo check out Sparkfun's LiPo Battery Care Tutorial first.

Step 7: Design and Sew the Skirt

The design is based on a classic skirt pattern with a high waist. There are two darts in both the front and back. On the back of the skirt I added a zipper and moved two (of the original four darts) into the center back. Because the LED-strip might itch a little, I'd also recommend sewing a lining into the skirt. I shortened the length of the skirt to 42 cm long. Check out this "how to sew a skirt" tutorial if you need some help.

In the end, the LED-strip as well as battery, microphone and microcontroller will be attached to the inside of the skirt. All-in-all it might be a little heavy for softer materials like cotton and the weight might pull on the fabric. For my skirt I used thin leather and had no such problem.

In case you don't want to sew your own skirt, just go ahead and use one you already have. Make sure the fabric is thick enough.

Step 8: Design LED Layout

Now think about how many LEDs you want to use for your skirt and where to attach them. The leather skirt has 20 LEDs in total. 5 columns with 3 to 6 LEDs each are arranged on the right side of the skirt. Since the LEDs will be sound reactive, I wanted them to look like equalizer bars.

Mark the LED spots on top of your skirt with some fabric chalk. Later on all LEDs will be connected in a line. The beginning of the LED-string will be in the center of the front of the skirt.

Step 9: Cut Holes Into Skirt

In the next step go ahead and integrate the eyelets into the top layer of the skirt [not the lining]. Cut a small hole into the fabric at every marked spot. Watch out: cut a small hole first and check if the eyelet fits inside. If the hole is even just a little too big, the eyelet will fall out.

Place the deeper eyelet onto the top layer of the skirt, through the hole. Hold on to the eyelet and carefully turn the skirt inside out.

Step 10: Insert Eyelets

Now place the metal (or sometimes rubber) mold underneath the top eyelet. Place the washer on top of the backside of the eyelet. Hold the stamp on top of the deeper eyelet and with a hammer, carefully bring the eyelet and washer into their permanent position. Repeat until all the eyelets are in the skirt.

Step 11: Solder First LED Onto Ground Wire

Now it's time to solder the individual lights together into an LED-string. Make sure to use very flexible wire because it will be easier to work with. Cut a wire long enough to connect all LEDs. This will be the continuous ground wire.

Use little scissors to remove a little bit of the plastic around the ground wire after the first 10 cm. Place the first LED inside the soldering helping tool facing down. Secure the ground wire inside the opposite clip. Move both clips together until the blank wire part is right next to the ground pin of the LED. Then push the hot soldering iron on top of the wire and ground pin and heat up for about two seconds. Take the solder wire and hold it right next to the soldering iron above the pin and blank wire. Then wait until some solder wire has melted and the LED has been secured to the wire. Remove the solder wire before the soldering iron and wait until the joint is cold.

Note: The shorter side of the wire (extra 10 cm) needs to be on the same side as the data IN pin. Otherwise, the LED-strip will be upside down and the data won't be able to travel in the right direction.

Step 12: Solder Some More

For the second LED, measure the distance between the first and the second eyelet of your skirt. Use small scissors to remove the silicone or PVC coating around wire where the second LED will be soldered on. Solder the second LED onto the ground wire and repeat until each eyelet has its own LED.

Step 13: Solder Power Wire Onto LED-strip

Cut a wire as long as the ground wire. This wire will be soldered onto the power pin (diagonally across from the ground pin) of the LEDs. Once again remove the silicone or PVC coating around the wire in the same spots and solder the wire onto the power pin.

Step 14: Solder Data Wire in Between LEDs

Now go ahead and solder individual, shorter wires in between the data pins of the LEDs. The data wire is cut between every light, so the data signal will run through the LED's chip before passing on to the next LED. You’ll need a data wire on the first LED of your strip (data IN pin) but no wire on the data out pin of your last LED.

Tip: It helps melting some solder wire over the ends of the wire before soldering the wires onto the pins.

Step 15: Download Arduino IDE, Install the Neopixel Library and Upload the Code

In case you haven’t worked with an Arduino microcontroller before, you'll need to download the Arduino IDE (Integrated Development Environment). This is software for writing programs and uploading them onto your Arduino microcontroller. The library comes with some basic example programs. You can download the software from the Arduino website. When working with the Flora, follow the steps on the Adafruit website to modify your Arduino IDE.

Since there is no example program in the Arduino library for RGB LEDs, you’ll need to download an additional library to work with. Adafruit's NeoPixel library is easy to understand and work with. Download the library here. Open the Arduino IDE and install the library by going to Manage Libraries. A window will open and you'll have to select the Adafruit zip file.

Now open a new sketch by going to File > New. Go to the LED Ampli-Tie page and copy and paste the code into your sketch. In the code, change the number of LEDs to the actual number of LEDs you're using in your project. You also need to define the pin your LED-strip will be connected to on the microcontroller and the pin for the microphone. Now select your microcontroller via Tools > Board. After connecting your microcontroller with a USB cable to your laptop, click on the arrow in the top left corner of the sketch. This will upload the program onto your microcontroller. If an orange error shows up in your sketch, copy the text and do a Google search to find a solution.

Note: The analog (A) pin doesn't necessary have the same number as the digital (D) pin. The digital pin numbers are written on the board. You can find the analog pin numbers on the Flora Pinout Diagram. The pin defined in your code for your microphone needs to be an analog pin - the LED-strip a digital pin.

Step 16: Test You LED-strip

First, prepare your microcontroller. You'll need to cut three female jumper wires and solder them onto your microcontroller. Solder the data wires onto the pins you defined in your code (I used D10 and D12 but you should be using D6 and D9 - those pins are already defined in the Ampli-Tie code). The two ground and power wires can be soldered onto one pin each. Secure the joints with some hot glue.

Then cut three male jumper wires and solder them onto the beginning of your LED-strip. Secure the joint with some heat shrink. It will help you connect and disconnect your lights from your board. It is also safer because the plug will come off before a wire rips off the board or LED-strip.This can easily happen when wearing electronics.

Now you can connect your LED-strip with the board and test it. I uploaded the NeoPixel strandest (program for lighting up the LEDs without a microphone) first to see if all the lights are working. You also need to connect the board to a LiPo or your computer for a power supply. As you can see in the picture I used crocodile snaps first.

Step 17: Prepare Your Microphone

Solder a wire onto each pin. Use the other three female jumper wires and solder those onto the ends of the wires. Then, upload the LED Ampli-Tie code onto your micocontroller. Remember to change the number of LEDs as well as the analog and digital pin in the code. Connect your lights and microphone with your board and test it.

Step 18: Integrate LEDs Into Skirt

When all LEDs are working you can go ahead and integrate the LEDs into your skirt. Turn the skirt inside out and put some hot glue around the first eyelet. Place the first LED (the side which lights up facing down) into the first eyelet on top of the glue. Then put some hot glue on top of the LED, let it cool down for a bit and push it down with your finger until cold. If the soldering joints aren't secured enough, put some more glue on top. Repeat until all LEDs are glued into an eyelet.

Step 19: Fill in Eyelets

After all of the LEDs are are glued into the eyelets, turn the skirt to the right side again and fill in the eyelets with hot glue. Carefully hold the hot glue gun a little above the eyelet and let some glue drip into the eyelet. For an even and smooth surface, slowly move the heat gun in circles while filling in the eyelet.

Step 20: Integrate Electronics Into Skirt

In the last step, cut three sticky-backed Velcro pieces: one for the microphone, one for the microcontroller and one for the battery. Stick the rough Velcro piece onto your electronics and the matching softer side inside your skirt onto the leather. It helps wearing the skirt and choosing a good spot for the electronics before sticking the velcro onto the leather.

Step 21: Wear Your Skirt

All set. Now you can plug in the battery, microphone and lights into your microcontroller and light up.

If you want to learn more about RGB LEDs and programming your own patterns, check out the FastLED library. For mapping your LEDs and adding switch buttons to your project, I recommend working with the RGBShades library from macetech.

In case you have any questions or something isn't clear, feel free to ask.
Enjoy wearing your lights!

Comments

author
KeshavaM2 made it! (author)2016-10-20

Great Project. I'm going to be using a hat instead of a skirt. I was wondering how you were able to get such a clean glue finish on the eyelets. All my practice attempts at using the glue gun have led to weblike deposits of glue strings.

author
linawassong made it! (author)linawassong2016-11-02

Hey, it helps holding the heat gun really close to the skirt and after filling in the eyelet removing it slowly in "circles". Hope that helps :)

author
Bling the Book made it! (author)2016-04-22

I'm still putting the finishing touches on a skirt, but I just completed this fun sound reactive hat (see video). Thank you so much for sharing your process! https://youtu.be/xWerRgOO1sA

Sound Reactive Hat.PNG
author
linawassong made it! (author)linawassong2016-04-25

Nice - have fun wearing it!

author
hoppyfuggles made it! (author)2016-04-11

I'm getting ready to make this myself! I take it there's no way to wash it? Bonus of the leather material, you can wipe it down if it gets dirty.

author
linawassong made it! (author)linawassong2016-04-13

Yea you shouldn't be washing leather in the machine anyways. But I'm sure you can dry clean it or even carefully hand wash it. Just make sure the electronics are 100% dry before turning it back on. Happy making and share a picture of your project :)

author
qblack1 made it! (author)2016-04-09

My 13 year old daughter (artist, guitarist, and budding electronics geek) and I put this together over a couple weeks. First, she made a test strip of 3 LEDs and it worked like a charm. Next, she placed the eyelets, glued the lenses, and then soldered the remaining 17 LEDs onto the strip and hot glued them to the back of the eyelet lenses. Great project, worked great first time! Lina, thanks for the great instructions.

I can look into the code more, but is there a simple code mod that would reverse the color mapping so the bluish hues are toward the bottom of the scale?

Equalizer Guitar Case.jpgEqualizer Guitar Case Inside.JPG
author
linawassong made it! (author)linawassong2016-04-13

NIce! That looks so cool. I'm glad the instructable helped you making this unique guitar case. Let me check out the code and see if I can find a way to reverse the colors. I'll let ou know as soon as I know.

author
qblack1 made it! (author)2016-04-09

Short video of the Equalizer Guitar Case

https://youtu.be/tN_8EalVXrk

author
Ddawg747 made it! (author)2016-03-06

Could this be used on any thing fabric like maybe a hoody or something?

author
linawassong made it! (author)linawassong2016-03-07

Hoody should be fine - I wouldn't recommend thin fabric like a t-shirt.

author
dpcoesucks made it! (author)2016-02-07

Hey lina,

This project is really COOL and maybe I will be using this as my mini project in college. Can you tell me how many leds i can connect on the same power supply and how to change the no of leds in the code.

author
linawassong made it! (author)linawassong2016-02-08

Hi dpcoesucks:
One of the first lines in your code should look like this:

Adafruit_NeoPixel strip = Adafruit_NeoPixel(60, PIN, NEO_GRB + NEO_KHZ800);

The 60 stands for the number of LEDs. Change it to whatever number of LEDs you're using. You can use as many LEDs as you like but the more LEDs you're using the sooner the battery is gonna die. Check out Step 6 for more details. Have fun!

author
chunteewe made it! (author)2016-02-03

Hi Lina,

This is a nice project. Do you think the code size is small enough to fit into a Gemma? The Gemma has 8k of flash memory. Thanks for sharing!

author
linawassong made it! (author)linawassong2016-02-04

Hey cte00: I tried using a gemma and it didn't work - at least with the code I was using. If you wanna be safe I'd go for the Flora.

author
tonixon made it! (author)2016-01-08

what's the name of second electro song in the video? I like it!

author
linawassong made it! (author)linawassong2016-01-09

Hi tonixon: my brother mixed the song for me. I can send you the file if you're interested.

author
tonixon made it! (author)tonixon2016-01-09

wow!!!! it's fantastik!!! my e-mail is tonixondesign93@gmail.com

Thank's soo much for your reply!!! And I love your idea of a sound reactive equalizer skirt!!! It's awesome!!! And thanksgive your brother for his bellissima musica!!! :D <3

author
linawassong made it! (author)linawassong2016-01-10

sure :) let me know if you got the e-mail

author
tonixon made it! (author)tonixon2016-01-10

wow! it' s a beautiful minimal electro sound and I love it! thankyou soo much! You are very kind!!! Thankyou again!!! :)

author
Simran Sharma made it! (author)2016-01-10

Wow I like this type of skirt.

author
syberdiver made it! (author)2015-11-21

thats an awesome idea!!!

author
fimjox made it! (author)2015-11-13

Lena the email on your WEB site does not work

author
linawassong made it! (author)linawassong2015-11-13

Mh it's working for me. You tried contact@linawassong.com ?

author
fimjox made it! (author)fimjox2015-11-14

Duh, I used contacts@linawassong.com

author
fimjox made it! (author)2015-11-14

If you are using, I would not advise using 30 gauge solid wire wrap wire for clothing.
Stranded is way more flexible and stronger https://www.pololu.com/product/2600
28 gauge is even stronger and barely larger

author
fimjox made it! (author)2015-11-13
author
linawassong made it! (author)linawassong2015-11-13

Nice. This one worked :)

author
linawassong made it! (author)2015-11-13

Too bad, I can't see it. You have another link?

author
fimjox made it! (author)fimjox2015-11-13
author
fimjox made it! (author)fimjox2015-11-13
author
fimjox made it! (author)2015-11-12

Team ILuminate.
This is the most amazing choreographed, light & dance troop.

4 years ago they almost won America's Got Talent,
Got into Finals,I have no idea why they didn't win
Here is a video from then (Crowd Goes Wild):
WATCH IT FULL SCEEN

[delete]

author
linawassong made it! (author)linawassong2015-11-13

That's amazing. Thanks for sharing!

author
jchavis2 made it! (author)2015-11-12

Neat idea. Ive seen kiosks at the mall with equalizer tshirts and ties, but no skirts. For super thin projects, I use 32 gauge wire.

author
linawassong made it! (author)linawassong2015-11-13

Thank you. Just got some 30 AWG silicone wire which I'm gonna use it for my next project. Haven't found 32 yet but it's already super thin :)

author
schabanow made it! (author)2015-11-11

Now you should go further. Learn how to make a light / colour message / code to the society surronds you. Running string? )) Well done!

author
linawassong made it! (author)linawassong2015-11-13

Thank you, yea I'm working on that ;)

author
fimjox made it! (author)2015-11-10

Real nice. I don't use hot glue and I know why. If in the hot sun, it melts into a glob, ruining your dress. Silicon is better.
20 years ago I made sound activated, 4' tall LED panel with 500 LEDs, made by pick & place robot. Here is a video:

author
linawassong made it! (author)linawassong2015-11-13

Haha yea you're right. Wasn't thinking about that. I guess I'll be wearing the skirt at night and indoors ;)

author
audreyobscura made it! (author)2015-11-10

Really really lovely. I love how discreet it actually is. I love so many wearables that are published Instructables, but I often think 'oooof, would I that hanging off my body? nope!' :)

I've used aquarium silicone to diffuse LEDs, dunno why I never used hot-glue. DUH!

Great work!

author
linawassong made it! (author)linawassong2015-11-13

Hey audreyobscura: thank you. I haven't worked with aquarium silicone yet but it's probably a better long term solution.

I really love your 'Solar Powered Disco Bike Trailer' by the way. From now on I'll keep my eyes open ;)

author
jeanniel1 made it! (author)2015-11-10

This is the BEST wearable I've seen so far! Bravo for a well-documented piece, and a great design. I love how you overcame the conductive threads (which I find to be pretty near useless) with the thin wires. How would cable wired be instead of single strand wire - I'm thinking of breakage later with wear and tear. Cable wires would have redundancy at least

author
linawassong made it! (author)linawassong2015-11-13

Hi jeanniel1: Thank you so much! I worked with wired cable before but it was a little too stiff. I really like the silicone wire because it's super flexible. There's almost no force on the soldering joints and you can move the LED-strip as much as you want. However, it always depends on your wearable.

author
IreteH made it! (author)2015-11-12

really nice design!

author
schabanow made it! (author)2015-11-11

Don't get around there alone! Bad guys should misread your code! ))

author
fuzzyhypothesis made it! (author)2015-11-10

Nice build, did you make the guys shirt in the last picture (

https://www.instructables.com/file/F2Y02U1IG9ML4XR/

as well?

author
linawassong made it! (author)linawassong2015-11-11

Thanks! Yes I made those LED suspenders too. Here's a better picture: http://www.linawassong.com/led-suspenders/

author
bobbokop made it! (author)2015-11-10

Awesome! I did something like that a year ago or so!

20140811_153040.jpg
author
linawassong made it! (author)linawassong2015-11-10

Nice! Did you use eyelets and hot glue as well?

author
bobbokop made it! (author)bobbokop2015-11-10

Hi, no, I used very thin fabric that hides the leds but let the light pass through it. I used sewable components, so I did not use hot glue. However, I used it for other projects (since sewable components are more expensive and less easier to connect)

About This Instructable

44,569views

580favorites

License:

Bio: open source designer
More by linawassong:How to 3D model for fashion designMonitor Dress - Connect Heart Signals to the IoTSound Reactive Equalizer Skirt
Add instructable to: