Os pongo la imagen de ejemplo, que es de una web de hace unos añitos que tenia por mi PC (es diseño de otra persona):

Os he marcado especialmente lo que quiero saber hacer, es como "definir el espacio del diseño web" pero quedando bien realmente, he probado hacer cosas parecidas con photoshop pero no sé si de verdad deberia usar esa herramienta para hacerlo.
He marcado con 1, 2 y 3 para que sepais a que me refiero, el 1 y el 2 viene a ser lo mismo, pero el 3 es como una sombra dentro del menu no?
Yo hacer una linea recta con photoshop poner una sombra y tal se hacerlo pero cuando toca hacer una curva no se que herramienta usar y que no quede pixelado...
A ver si podeis echarme una mano que ando algo perdido y me encaminais un poco.
Gracias
edit: no sé que ha pasado al titulo del tema pero no puedo editarlo :P