Using Image Editing Software to Manipulate Sound

Поділитися
Вставка
  • Опубліковано 11 тра 2021
  • I did some experimenting with converting sounds to .png image files and then editing them with image editing software!!
    WAV2PNG: directmusic.me/wav2png/
    INSTAGRAM ► / leviniha
    TWITTER ► / leviniha
    SOUNDCLOUD ► / leviniha
    SPOTIFY ► open.spotify.com/artist/5hiUh...

КОМЕНТАРІ • 392

  • @direct-music
    @direct-music 3 роки тому +829

    Woah, thank you for using my little web app in this video! I've fixed a few bugs since this video came out, but if anyone has any issues feel free to hit me up!

    • @jordoneaton7083
      @jordoneaton7083 3 роки тому +9

      Yes, where can I find this app?

    • @jaczob666
      @jaczob666 3 роки тому +8

      @@jordoneaton7083 Description man directmusic.me/wav2png/

    • @jordoneaton7083
      @jordoneaton7083 3 роки тому +17

      @@jaczob666 Thank you. My screen narrator has been glitchy lately and appears to have missed that.

    • @tjwebb7428
      @tjwebb7428 3 роки тому +3

      Do you have this up on GitHub or anywhere?

    • @himagnamukherjee9382
      @himagnamukherjee9382 3 роки тому +5

      You really have to make this a VST

  • @axman6815
    @axman6815 3 роки тому +872

    Ah, music to my eyes 😅

  • @PnfrlEnm
    @PnfrlEnm 3 роки тому +333

    I believe the way it works is each pixel's brightness represents the amplitude of a sample of audio, and it reads left to right like a book, so when he's copying and pasting vertical layers, theoretically it would be like repeating a line of text, and that's why it chops the sample rather than blurs it. I could be wrong though, but it makes the most sense to me.
    Edit: got further into the video, that also explains the distortion effect, because with more contrast, bright pixels get brighter and dark pixels get darker, which should also stretch the waveform in a similar way. It's kinda hard to explain, but I can sorta visualize how it's working.

    • @farmerchuck7294
      @farmerchuck7294 3 роки тому +23

      I can explain it more simply: The X axis is frequency, the Y axis is time and the brightness of each pixel is velocity.

    • @stxnw
      @stxnw 3 роки тому +4

      @@farmerchuck7294 wtf is velocity

    • @farmerchuck7294
      @farmerchuck7294 3 роки тому +12

      @@stxnw It's basically how hard you play a note, it's in practically every DAW and it's kinda like volume but not exactly. I'm surprised someone can watch this guy without knowing what it is, but maybe you just started watching him.

    • @stxnw
      @stxnw 3 роки тому +9

      @@farmerchuck7294 so its amplitude?

    • @farmerchuck7294
      @farmerchuck7294 3 роки тому +4

      @@stxnw Pretty much

  • @them3ta_93
    @them3ta_93 3 роки тому +141

    Can we just all appreciate the quality of your videos

  • @Villfuk02
    @Villfuk02 3 роки тому +147

    The images are read pixel by pixel from left to right, top to down, like when reading text. This means that when you stretch something to be two lines instead of one, you repeat it twice. If you wanted to stretch a sound to be twice as long, assuming it takes up only one line, you have to make the line twice as wide, keeping the first half where it is and wrapping the second half onto the next line. Let me illustrate with text.
    this line contains a snare:
    ___SNARE__
    stretching it vertically gives you two of them:
    ___SNARE__
    ___SNARE__
    stretching how I described it:
    _____SSNN_
    _AARREE___

    • @Jopulis
      @Jopulis 3 роки тому +3

      Ooh, yeah... I feel like the colors mean frequencies or something about the waveform played at that particular time, like dark = a low sound, bright = a high sound, but that doesn't make sense when there are multiple frequencies playing at once...

    • @Villfuk02
      @Villfuk02 3 роки тому +8

      @@Jopulis It's actually just the individual samples of the sound, left/right channel as red, the other channel as green. So the frequency is how fast light and dark colours alternate. And the amplitude (volume) is the difference in their brightness.

    • @RedstoneMiner18
      @RedstoneMiner18 2 роки тому +1

      Hmm, Intersting

    • @molly-molly925
      @molly-molly925 2 роки тому +1

      𝙎 𝙉 𝘼 𝙍 𝙀

  • @dylanlockemp3
    @dylanlockemp3 3 роки тому +294

    this reminds me of throwing pngs into serum wavetable

    • @noface718
      @noface718 3 роки тому +7

      Or harmor

    • @Shrek_Has_Covid19
      @Shrek_Has_Covid19 3 роки тому +3

      poo

    • @ig9te
      @ig9te 3 роки тому

      Hello Dylan

    • @Spherey
      @Spherey 3 роки тому +5

      how this website actually works is related to the way the golden record from voyager 1 and 2 works.
      how it’s related is because both ways the record’s encoded image audio and the way the image is converted into sound uses the same encoding technique. i used to have a hyper-fixation over this, which is how i know how it worked. let’s say you input an image with a height of 432 pixels. the waveform that it outputs is actually divided into 432 parts, with each part corresponding to one pixel row of the image. how the converter encodes each part of the waveform (which corresponds to one pixel row of the image as i said earlier) is by using the crests (aka peaks or high parts) and troughs (aka valleys or low parts) of the waveform as different brightnesses. crests corresponding to lighter colors of each pixel row, and troughs corresponding to darker colors of each pixel row. so the converter scans through each row of the image left-to-right and outputs them as one part of the waveform. the converter scans through the image and outputs them as a waveform until it completely finishes generating. this is how the images are converted into waveforms.

    • @RubyPiec
      @RubyPiec 3 роки тому +2

      I put random images into Audacity

  • @elvanaslan4435
    @elvanaslan4435 3 роки тому +33

    can we get a round of applause for the editing in this video!

  • @kdizzle005
    @kdizzle005 3 роки тому +82

    Of course here a challenge... Make a song out of pngs if that's even possible.

    • @sergejsdarznieks321
      @sergejsdarznieks321 3 роки тому

      i already done it

    • @banananarwhal6591
      @banananarwhal6591 3 роки тому +3

      @@sergejsdarznieks321 pics or it didn't happen

    • @onidaaitsubasa4177
      @onidaaitsubasa4177 3 роки тому

      It would also be cool to try to paint a full understandable picture with recognizable objects in the picture that make a song when converted to a wav file.

  • @X_TRMm
    @X_TRMm 3 роки тому +117

    Yo you keep disappearing and appealing out of nowhere with great content 🔥🔥🔥

  • @cerulity32k
    @cerulity32k 3 роки тому +11

    PNG and WAV files are probably the best formats and they are my favorite for image and sound. WAV format is just uncompressed bytes of sound. PNG uses 4 bytes of data per pixel (RGBA), and usually WAV uses 4 bytes characters as far as I know, so it's perfect conversion.

  • @btarg1
    @btarg1 3 роки тому +13

    1:50 why does that sound so damn good wow

  • @jaczob666
    @jaczob666 3 роки тому +4

    14:08 - That reminds me of scanning through radio stations sound.

  • @DafterHindi
    @DafterHindi 3 роки тому +14

    There is a thing called databending where you open an image in a audio software and add effects it looks super trippy!

  • @RegahP
    @RegahP 3 роки тому +13

    You should've tried changing the hue of the image

  • @adicsbtw
    @adicsbtw 3 роки тому +7

    I think that the best explanation I have seen is that it reads left to right top to bottom, red channel is probably the left channel and green is the right channel. That would make the most sense to me. That would explain the popping sounds, the color of the image, and also means it would be hard to use image editing software to actually edit it due to the way it is formatted
    Edit: This is almost definitely how it works. If it was formatted differently that would make editing it much easier

  • @futureliink.
    @futureliink. 3 роки тому +11

    Your content is so different from other music producers. I love that!

  • @carpet_appetite
    @carpet_appetite 3 роки тому +5

    0:01 omg the fucking nostalgia from the gta san andreas destination marker sound

  • @3v068
    @3v068 3 роки тому +3

    You just gave me the perfect tool to make weird sounds for video games, and dubstep. I can not thank you enough for this video.

  • @TCWTre
    @TCWTre 3 роки тому +7

    I can’t believe I’m watching this in the middle of class

  • @hadleykibblewhite4877
    @hadleykibblewhite4877 3 роки тому +12

    You should try converting audio to PNG to compressed jpg and back. Might be interesting.

  • @goodsoup9895
    @goodsoup9895 3 роки тому +10

    This video was made with *red heart emoji*

    • @elliotsmelliot
      @elliotsmelliot 3 роки тому +2

      it really was made with [ *red heart emoji* ] and it shows 😍

  • @xd-qi6ry
    @xd-qi6ry 3 роки тому +3

    These faster uploads are amazing.

  • @cupofdirtfordinner
    @cupofdirtfordinner 3 роки тому +13

    Now do the reverse.
    In audacity, if you click "import raw audio" it will accept ANY file type as audio. Ive found using weird file types with weird data (.AVI, .blend, .apk, etc.) Gives the best results.

  • @wyntrr_end
    @wyntrr_end 3 роки тому +55

    i think the weird stuttering you're experiencing, which you speculate at 3:55 is the sample rate, is due to the actual png resolution. i suspect that each one of those delay/echo effects is occurring with every pixel in the image, so if there were some way to increase the vertical resolution of the images that the converter program uses, you could have less choppy results.

    • @arcioko2142
      @arcioko2142 3 роки тому

      what if the png resolution is the same as the sample rate

    • @wyntrr_end
      @wyntrr_end 3 роки тому

      @@arcioko2142 if the .png resolution was the sample rate, either the images would be much much taller or we wouldn't be able to see all the little oscillations in the resulting waveform, like at 6:59 we can clearly see the waveform's oscillations occur more quickly than the stutter effects, and based on how many of those oscillations fit across the screen at once, we can easily see how if there was even one pixel for each oscillation, the .png would be so much taller than it is

    • @arcioko2142
      @arcioko2142 3 роки тому

      @@wyntrr_end oh ok

    • @ORyanMcEntire
      @ORyanMcEntire 3 роки тому +3

      It's because the audio is encoded into one single horizontal line of pixels that is then wrapped vertically. It should be read right to left, and then when you reach the end of the line on the right it continues on the next row on the far left. Think of it like reading this comment. If you did a vertical motion blur all you are doing is duplicating letters vertically across words in different lines.
      Example:
      This is a sentence about ducks. Quack!
      Gets incoded as:
      This is a sentence
      about ducks. Quack!
      Turns into:
      Tahbiosu t idsu cak sse.n tQeunaccek !
      Tahbiosu t idsu cak sse.n tQeunaccek !
      Which would turn back into audio as:
      Tahbiosu t idsu cak sse.n tQeunaccek ! Tahbiosu t idsu cak sse.n tQeunaccek !
      Rather than:
      TTThhhiiiss iiisss aaa ssseeennnttteeennnccceee aaabbbooouuuttt ddduuuccckkksss... QQQuuuaaaccckkk!!!
      This is why everything got stuttery. Because he was blurring the sounds vertically across multiple rows of time. Even when blurring horizontally, the blur doesn't wrap with the pixels so the audio at the left and right edges gets messed up.
      If you could unwrap this image into a single horizontal row of pixels the blur would probably sound a bit more like reverb.

    • @wyntrr_end
      @wyntrr_end 3 роки тому +1

      @@ORyanMcEntire (with the exception of the motion blur on your ducks example) that actually makes a lot of sense. after experimenting with it a bit myself, I see that your explanation makes much more sense than what I said.
      interesting that this means there's no connection between sound frequencies and the x coordinate in the image (in the sense that the lower frequencies are not to the left of the higher frequencies or vice versa)

  • @dexterian477
    @dexterian477 3 роки тому +4

    I would actually love to see a part 2 to this video! That was awesome! ^_^

  • @WildWolf-pu4pj
    @WildWolf-pu4pj 3 роки тому +3

    the noise added to the song when you first tried it, it sounded cool like it had a lofi-ish vibe

  • @ZethKeeper
    @ZethKeeper 3 роки тому +5

    I can easily imagine Andrew Huang making music with that.

  • @mistyh92
    @mistyh92 3 роки тому

    I am loving the upload consistency recently! Keep up the amazing work!

  • @banananarwhal6591
    @banananarwhal6591 3 роки тому +6

    10:06 "That's a bulgy boi"
    Beat proceeds to shart on everything.

  • @VeralityCh
    @VeralityCh 3 роки тому +21

    There's a function in Serum where you can use PNG images as wavetables

    • @alvarovalentin7001
      @alvarovalentin7001 3 роки тому +2

      In harnor in fl Studio you can do that too

    • @noface718
      @noface718 3 роки тому +2

      Its in the paid version of vital too I think

    • @raoufbensalem3417
      @raoufbensalem3417 3 роки тому

      @@noface718 you can try it in the free version i think

    • @noface718
      @noface718 3 роки тому

      @@raoufbensalem3417 nope Tested it You cant

    • @raoufbensalem3417
      @raoufbensalem3417 3 роки тому

      @@noface718 i think its text to speech not this

  • @swedishvoice
    @swedishvoice 3 роки тому

    Definitely a lot of fun and quite useful as well. Thanks a lot! Great video.

  • @Jazmento
    @Jazmento 3 роки тому

    Another upload so quick??? This is great! Love the videos!

  • @knobwobble
    @knobwobble 3 роки тому +2

    Levi with another banger as usual

  • @waltwhitman7545
    @waltwhitman7545 3 роки тому +2

    14:20 flipped all those layers and ended up sounding like a Blanck Mass song

  • @kreblz
    @kreblz 3 роки тому +7

    Omg I’ve ALWAYS wondered how this would work

  • @dacolib
    @dacolib 3 роки тому +8

    Im surprised you didnt try using random images or doodling on the image

    • @dacolib
      @dacolib 3 роки тому +5

      or pure sounds, like sine/saw/square waves

    • @Kai_On_Paws_4298
      @Kai_On_Paws_4298 2 роки тому

      @@dacolib I used a sine wave-

  • @Spherey
    @Spherey 3 роки тому +3

    how this website actually works is related to the way the golden record from voyager 1 and 2 works.
    how it’s related is because both ways the record’s encoded image audio and the way the image is converted into sound uses the same encoding technique. i used to have a hyper-fixation over this, which is how i know how it worked. let’s say you input an image with a height of 432 pixels. the waveform that it outputs is actually divided into 432 parts, with each part corresponding to one pixel row of the image. how the converter encodes each part of the waveform (which corresponds to one pixel row of the image as i said earlier) is by using the crests (aka peaks or high parts) and troughs (aka valleys or low parts) of the waveform as different brightnesses. crests corresponding to lighter colors of each pixel row, and troughs corresponding to darker colors of each pixel row. so the converter scans through each row of the image left-to-right and outputs them as one part of the waveform. the converter scans through the image and outputs them as a waveform until it completely finishes generating. this is how the images are converted into waveforms.

  • @goldshort
    @goldshort 3 роки тому

    Jeez man you just keep coming back with bangers

  • @9591r
    @9591r Рік тому

    Thanks for this video
    Helped me a lot

  • @dykodesigns
    @dykodesigns 3 роки тому +1

    The end result had a faint Daft Punk kind of vibe to it. Sounds interresting, could be a great thing for sound design.

  • @KaitlinGaspar
    @KaitlinGaspar 3 роки тому +2

    WAIT THIS IS EVERYBTING IVE BEEN LOOKING FOR

  • @williambeaudette152
    @williambeaudette152 3 роки тому

    Very sick vid honestly 👌

  • @nixellion
    @nixellion 3 роки тому +5

    I'm still watching, but the first thing I would do is convert the sound into a png and then BACK to audio without changes to make sure it even does that properly in the first place. Shakiness of audio might be just a png compression artefact or something like that

  • @DaniSC_l1
    @DaniSC_l1 3 роки тому +3

    now you can save music to paper!

  • @RootReducer
    @RootReducer 3 роки тому +1

    You are a madman. I love it.

  • @Fuchzzia
    @Fuchzzia 3 роки тому +1

    My boy direct!

  • @dk-ff6op
    @dk-ff6op 3 роки тому +1

    dang, levi is on a roll

  • @Etiennecollard
    @Etiennecollard 3 роки тому

    This is insanely cool

  • @TheDeepDiveLLC
    @TheDeepDiveLLC 3 роки тому

    Thanks. I'm glad someone figured this out

  • @MrGreenAKAguci00
    @MrGreenAKAguci00 3 роки тому

    You are crazy. I'm here for it.

  • @ncndemonplayz4859
    @ncndemonplayz4859 3 роки тому

    You gotta drop the full release of the first finished product at the end that was actually sounding good 🙌

  • @endlessflp
    @endlessflp 3 роки тому

    why is this actually kinda cool

  • @natesalaa6810
    @natesalaa6810 3 роки тому +6

    do this but try changing the orange color completely to blue or green or something. that could be really interesting

  • @BrandonHortman
    @BrandonHortman 3 роки тому

    Amazing!

  • @EsportCat
    @EsportCat 3 роки тому +5

    I love how the song at end actually sounds pretty good lol, btw can you try making music in a video editor like premiere?

  • @not_porter
    @not_porter 3 роки тому

    yay new levi niha video :D

  • @liamdonaghy5747
    @liamdonaghy5747 3 роки тому

    Very cool idea

  • @doofs
    @doofs 3 роки тому

    Aw yea i used to do this all the time as a kid. I loved using it for data moshing

  • @kwasinimako
    @kwasinimako 3 роки тому +2

    Nobody:
    3:39 Travis Scott: thats fire 🔥🔥

  • @phearup
    @phearup 3 роки тому

    this is dope

  • @nikolasg5520
    @nikolasg5520 3 роки тому +6

    this could be used to hide a message in an ARG :D .

  • @Vivogamesfamistudio3734
    @Vivogamesfamistudio3734 Місяць тому +1

    1:36 sounds so creepy
    3:39 *TRIPLE DRUMS*
    7:01 poppy guitar and drums

  • @karyjas1
    @karyjas1 3 роки тому

    Damn, this is really cool

  • @Sol4rOnYt
    @Sol4rOnYt 3 роки тому +2

    12:26 laser gun yes

  • @waltwhitman7545
    @waltwhitman7545 3 роки тому

    guy literally be making beats in Microsoft paint. i thought excel was something, but now the music community has peaked. this is the ultimate DAW

  • @Povilaz
    @Povilaz 3 роки тому +1

    Yo that's so cool

  • @jaykay3561
    @jaykay3561 3 роки тому

    You're a legend, you should make a skillshare course because you're amazing at this! I'd love to learn from you!

  • @EricE549
    @EricE549 3 роки тому

    now i have some sounds to use in my bandcamp experimental album!

  • @LORDSofCHAOS333
    @LORDSofCHAOS333 3 роки тому

    Aw cool i will check it out

  • @Noiztox
    @Noiztox 3 роки тому

    Oh hell yea, another Affinity enjoyer.

  • @cyantasks7129
    @cyantasks7129 3 роки тому +3

    4:20 (not intended) that would make a good sound for like a machine gun.

  • @FlorissMusic
    @FlorissMusic 3 роки тому

    sending stems as pngs is actually a great idea

  • @gonza9467
    @gonza9467 3 роки тому

    great video!

  • @samariumproductions5287
    @samariumproductions5287 2 роки тому

    2:09 the best banger dubstep ever

  • @virus_iv3001
    @virus_iv3001 3 роки тому

    pretty cool

  • @csvscs
    @csvscs 3 роки тому +2

    This is a really cool concept. I wonder what adding like visual distortion does to a guitar like does it actually distort it?

  • @mage_no_title
    @mage_no_title 3 роки тому

    Now I can definitely prove I can hear images

  • @amyrfrancisco7646
    @amyrfrancisco7646 3 роки тому

    a DAW you never thought you needed.

  • @tastelesstouch
    @tastelesstouch 3 роки тому

    Awesome video! You should have compared the original loop to one that was converted to an image and then directly converted back into sound so you can see how much information is lost in the conversion process every time

  • @abochi9381
    @abochi9381 2 роки тому

    my friend : what songs you listen to
    me : it’s complicated...

  • @edp_445
    @edp_445 3 роки тому

    I’ve been looking for something like this

  • @justcama
    @justcama 3 роки тому +1

    What the fuck, this is so cool!

  • @mrkosmos9421
    @mrkosmos9421 3 роки тому

    This would be a beast for Lofi hiphop

  • @JamesnLollify
    @JamesnLollify 3 роки тому

    Impressive

  • @matthias916
    @matthias916 3 роки тому

    2 Levi Niha's is a lot of Levi Niha's

  • @zeno3062
    @zeno3062 3 роки тому +4

    i wonder what a picture of you would sound like XD

  • @tim_means_heart
    @tim_means_heart 3 роки тому

    - Hey man, what's your DAW ?
    - Have you heard of MS Paint

  • @compechdev
    @compechdev 3 роки тому +1

    Cool video

  • @lonergothonline
    @lonergothonline 3 роки тому +5

    have you found out about blob opera yet? I spent a couple days going through a bunch of covers people made with the 'experiment'. its an a.i powered choir.

  • @zanidd
    @zanidd 3 роки тому

    niceee

  • @thehonestdude1067
    @thehonestdude1067 3 роки тому

    An assault both on the eyes and the ears.
    Magnificent 😂😂

  • @genericname3685
    @genericname3685 3 роки тому

    So this is what they mean by hearing images. Thank you sir

  • @RandomBirdy
    @RandomBirdy 3 роки тому

    This will be future music production

  • @hyphinx
    @hyphinx 3 роки тому

    i did this to one of my pngs and it electrified me lol

  • @MaylorTaylor
    @MaylorTaylor 3 роки тому

    Do this again, but with your knowledge from this video! This could give a unique style if mastered!

  • @TheM0nsterX
    @TheM0nsterX 3 роки тому

    kinda inovative ngl

  • @Cosmoa-Music
    @Cosmoa-Music 3 роки тому

    I literally used this to make dubstep growls 🤣 super sick wavetables

  • @JulianGaming007
    @JulianGaming007 3 роки тому

    Nice vid

  • @ravendave24
    @ravendave24 3 роки тому

    Image Synthesis. Insteresting idea

  • @pearlplayaa
    @pearlplayaa 3 роки тому

    Photoshop is my favorite music program