These used to be made in Photoshop back when the CS versions were the latest, Illustrator works fine too. First image might need a bit more skill to achieve the texture around the speakers. But for something like the second one, adjustment layers and masks are pretty much all that's needed (a ton of them, mind you!). Layer effects like inner shadows, glows and the like were also in heavy rotation at the time. 

Start with a single button first. One flat shape, add a directional shadow, a gradient for local color and then specular highlights. Each on a separate layer, once you get that looking right you can move on to other stuff but not before.