Disegnarlo è abbastanza facile, con lo strumento Shape(Forma), selezioni il rettangolo e decidi la morbidezza degli angoli, poi puoi fare in due modi:

ne disegni uno e lo replichi n volte disponendolo in fila, dopodichè unisci tutti i livelli e disponi il livello dell'immagine sopra il livello appena creato dalla fusione degli elementi, tenendo premuto alt comparirà una figura tra i due livelli al passaggio del mouse che ti permetterà di inserire l'immagine all'interno della forma creata.

l'altro modo è quello di creare le varie forme già in un solo livello, tenendo premuto shift mentre disegni ma in questo modo sarebbe molto più difficile realizzarle identiche e alla stessa distanza, dovresti prepararti prima una griglia.

edit-ot: poi mi spieghi come si fa un menu del genere in javascript? io avevo pensato una volta a farlo in css3 ma praticamente funziona solo su safari.. non dovresti comunque ritagliare tutti i quadrettoni uno alla volta?