Let start with the main shape. For this tutorial I'm going to be keeping it fairly simple, based on a mini disc remote. Here's how I like to create the shape.
Select a light gray as your foreground: #E5E5E5.
grab the rounded rectangle tool.
Match your options like mine:
rounded rectangle, radius 50, colour grey.
Now create a new layer and simply draw out a large pill shaped bar. About the size of mine below.

Ok, now if you ask me, its a bit plain, so why not manipulate it. This is why we use the vector shape tools, since then we are able to edit our shapes.
To manipulate the shape, select the direct selection tool.
Click the center of your shape to highlight the path. Now click along the path so that all the anchor points can be seen.
Still with the direct selection tool active, click the anchor point in the top right so it becomes black. Now on the keyboard nudge the point up 5 times (5 pixels).
Now do the same with the bottom right anchor point.
At the moment it looks like an un-even pill shape. Next grab the ADD ANCHOR POINT tool found by right clicking on the pen tool in the toolbar.
Click along the path to add two new anchor points.
Now using the Direct selection tool again, select the top anchor point you just added by clicking on it and press down on the keyboard 4 times to nudge it down 4 pixels. Do the same with the bottom anchor point you just created except nudge it 4px's up instead of down.
Press CTRL + H to hide the path and look at your smooth shape.
Now we are done creating our main shape, but since we did it as a path we can easily modify it later if we need to which is always a good bonus.
TIP: try to create as much of your interface using paths/shape tools, since they are vector and will always be better quality and you'll always be able to edit them.