Più o meno credo che Photoshop si comporti in questo modo: muove in senso orizzontale e/o verticale i pixel costituenti l'immagine utilizzando come traccia altre immagini, fondamentalmente in bianco e nero, chiamate genericamente mappe di spostamento.
Se pensiamo al movimento dell'acqua di un fiume o del mare, dobbiamo concludere che si sviluppa come gli scalini di una scala mobile vista dall'arrivo: si avvicina costantemente allo spettatore.
Da questa considerazione nasce la costruzione di una serie di mappe che forzino Photoshop ad una distorsione successiva in movimento dall'alto verso il basso, considerando il basso come un punto di arrivo.

Creo un'immagine di 600 x 300 pixel, fondo bianco.


Creo un livello sul quale traccio un rettangolo di 5 pixel di altezza, che riempio di nero.
Sfoco il livello con un raggio di 1,3%

Collego fra di loro i 30 livelli e li distribuisco in modo equidistante sull'immagine:

Livelli > distribuisci collegati > centri verticali.

Ed ottengdo qualcosa che somiglia ad una serranda, ad una saracinesca.

Unisco fra di loro i livelli collegati, rinomino il livello così ottenuto come livello 01

Duplico livello 01 e lo sposto verso l'alto di una ventina di pixel, ma stando attento a far coincidere fra di loro le linee visibili sullo schermo: mi serve un po' di roba in alto che esca dallo schermo per non avere buchi di immagine in alto quando farò scorrere tutto verso il basso.

Collego i due livelli fra di loro, li unisco in un unico livello che chiamo ancora 01.

Duplico livello 01 e lo rinomino 02
Lo sposto verso il basso di un pixel (per farlo non uso il mouse ma la freccina rivolta verso il basso, posta a destra del tastierino numerico)

Duplico livello 02 e lo rinomino 03
Lo sposto verso il basso di un pixel (per farlo non uso il mouse ma la freccina rivolta verso il basso, posta a destra del tastierino numerico)

Proseguo duplicando e spostando fino ad arrivare alla coincidenza dell'ultimo livello con il livello 01

A me ne sono serviti 10 in tutto, e per capire che cosa capiterà all'acqua quando utilizzeremo questi livelli come mappe di spostamento, ho prodotto un gif dimostrativo (s'è trattato di rendere visibile un livello alla volta, roba da niente):

Salvo le mappe di spostamento in questo modo:
Rendo visibile, uno alla volta, i livelli, fondo incluso, e li salvo (magari fatevi una cartella apposita, che così poi non saprete più dove l'avete messa e neppure come l'avete chiamata, e vi tocca tornare qui sul sito a rifare tutto, che così non mi sento solo) chiamandoli progressivamente:

Linea-01.psd
Linea-02.psd
etc.

Il nome non è vincolante, io sono privo di fantasy e chiamo le linee linee, i rettangoli rettangoli, le sfere bolas .. ops. Refuso, scusate.

Ho preferito salvare i psd con tutti i livelli invece di rifarli con un solo livello alla volta.
Il peso non è eccessivo e Photoshop, al momento di usare i psd come mappa, terrà conto solo dei livelli visibili, ignorando gli altri.
Comodo no?

Praticamente è tutto per le mappe, ora si tratta di trovare un'immagine sulla quale applicarle.

Più sotto, in fondo alla pagina (ma anche all'inizio) potete scaricare il PSD contenente le mappe ed anche le altre immagini utili alla bisogna.

Io mi fermerei per un caffè, due passi, il giornale ... no, il giornale solo brutte notizie, meglio il tiggìuan che dice solo quelle belle, anche se piove.

L'immagine l'ho trovata sul ueb, ma nel dubbio se fosse possibile (se stesse possibile) usarla, ne ho subito modificato l'aspetto, trattandola con un filtro artistico a caso.
Poichè gli effetti di un filtro sono spesso legati alla grandezza dell'immagine sul quale viene applicato, mi limito, laddove voleste usare altra immagine, magari legata alla vostra città, ai vostri ricordi o ad altre piacevolezze, mi limito, dicevo, a darvi le coordinate per l'uso del filtro su di una immagine di 1400x865 pixel.

Filtro > Artistico > Effetto aquarello
con i valori indicati nell'immagine qui sotto.

Voi, se preferite, usatela pulita come la trovate, oppurefate un salto vicino ad un fiume a caso, scattate e siete forniti di panorama fluviale tutto vostro. Io ho anche provato, ma non riuscivo a trovare caso, manco con gugolmap. Sarà un caso?

Ora si tratta di isolare le parti che vogliamo animare.
In primis il po, quel po' di po che si vede, che se scrivevo quel popo' di po sarebbe parso (starebbe parso) linguaggio non consono ad una pagina sul ueb.

Ergo diamoci di scontorno.

Delimito l'area da animare, senza curare troppo la precisione del contorno

Copio ed incollo (CTRL+C - CRTL+V)
Ed ottengo un bel Po scontornato.
Creo un set di livelli (non chiedetemi perchè, io non rinuncio mai ad un set se poco poco - anzi popo' - mi capita) e ci sistemo il livello con il po, rinominandolo po01.

Seleziono, via via, gli altri 9 livelli di po ed applico a ciascuno la mappa di spostamento relativa (po02 con linee-02, etc).
Al termine posso già vedere l'animazione del fiume.

Su ImageReady creo 10 fotogrammi in ognuno dei quali rendo visibile (oltre al fondo) un livello di po.

Se avete poca dimestichezza con ImageReady potete consultare o tutte le pagine di questo posto, oppure leggere soltanto una pagina nella quale a grandi linee trovate le indicazioni di base: A-BAS-000B.htm

Prima di chiudere faccio un po' di salvataggi di immagini che poi mi serviranno al momento d'usare SwishMax.

Salvo (file > salva per web) come png24, trasparente, i dieci livelli di fiume.
Li chiamo 01.png, 02.png, etc etc.

E con questo siamo alla fine della prima parte. Nella seconda parte si animano le foglie, ma non sono granchè, non ne avevo molta voglia, quindi se non vi interessa e magari preferite passare ai gabbiani, andate direttamente sulla terza parte.