Ciao
benvenuto nel forum.
Se dividi l'immagine in due forse ti semplifichi la vita.
Poi devi crearti altre due immagini con l'effetto che vuoi applicare quando il mouse è sopra ad esse.
Il rollover lo puoi fare con i css sfruttando il metaselettore hover.