lunedì 21 luglio 2014

Batticuore - animazione battito cardiaco


CUORE, anzi diagramma del battito cardiaco, ovvero
batticuore.

Prima di descrivere di cosa si tratta meglio chiarire cosa significa il titolo.
Ergo, disambiguo.
Niente che abbia a che fare con la medicina, solo un giochino suggeritomi dal web.
Poi disambiguo anche il disambiguo: trattasi di spiegone, e morta là.

Dopo la bêtise (stupidata) di cui sopra passiamo alla roba seria.
Girando in giro, come mi capita di fare se mi annoio, m'è venuta voglia di guardare un po' di quei filmati micidiali che vengono venduti sul ueb, quella roba che trovate digitando "video stock" o roba simile.
Ce ne sono di bellissimi, tutti realizzati con potenti mezzi, immagino, con workstation da-fine-del-mondo.
E così m'è girato di provare a rifarne qualcuna, almeno quelle più abbordabili, ma di rifarle utilizzando gli scarsi mezzi a mia disposizione: photoshop neppure CS, Imageready e Swish max.

Questa guida tratta del primo tentativo di rielaborazione di un video di tal fatta. L'animazione del diagramma del battito cardiaco. Semplificato, ovviamente.

Ora produrre l'animazione di un diagramma che si compone sullo schermo (e magari svanisce pian piano) è una cosa banalissima, a condizione che il fondo sul quale viene disegnato ed animato il diagramma sia un fondo unito o sfumato in modo simmetrico.
E' tutta questione di preparare una tendina (un livello identico al fondo) da sopvrapporre al grafico e farla scorrere da sinistra verso destra (o viceserva) lasciando apparire pian piano il diagramma sottostante.

Volendolo poi far sparire basta fare una seconda copia del fondo, sistemarla fuori schermo a sinistra (o a destra) e farla apparire pian piano, coprendo il grafico che sta al di sotto.
Magari faccio un esempio ad inizio guida, che così si capirà meglio quel che ho tentato di spiegare.

L'affare si complica se il fondo non ha quelle caratteristiche, e tantopiù se sul fondo c'è un'altra animazione.
In questo caso la cosa più spiccia è spezzettare il diagramma in tanti segmenti, rendendoli visibili uno alla volta e, volendo, facendoli poi sparire successivamente, sempre uno alla volta.
Che è un po' quello che succede nell'immagine in cima alla pagina, con l'unica differenza che i vari segmenti appaiono e scompaiono uno dopo l'altro, mentre nel diagramma occorre che prima di scomparire restino lì un pochetto, aspettando che alcuni segmenti successivi facciano la loro comparsa.

Ed essendovi sorbiti il cappello, la premessa, l'incipit, per godervi il resto vi tocca cliccare sul collegamento (LINK) qui sotto:
 batticuore

Se poi lo volete in formato Youtube, ma non la guida, il filmato finale: Youtube - batticuore