animare linee

[aldo12]

Un saluto a tutti.
Spero che questo sia il posto giusto per la mia domanda che è la seguente:
vorrei che una linea seguisse un tracciato tipo percorso automobilistico su una cartina e quindi piano piano unisse un punto ad un altro. Spero di essermi spiegato bene. Ho cercato nella rete ma ho trovato solo un vecchio tutorial su Photoshop 5.0, peraltro un pò macchinoso che non sono riuscito a rifare.
C'è qualcuno che mi può spiegare come fare?
Grazie Aldo

[maina]

Puoi scaricare la versione demo di Cinema 4D e seguire questo tutorial.

http://www.videomakers.net/index_print.php?option=com_content&task=view&id=372&Itemid=47&pop=1&page=1

[Padmé Amidala]

Qui ci sono istruzioni per Motion:

http://www.tuttologia.com/macp2p/showthread.php?t=36468&highlight=cartina+percorso

Inoltre puoi acquistare un plugin per iMovie HD:

http://www.geethree.com/slick/galleries/s9demopages/s9travellog.html

[aldo12]

Grazie in questo forum ci sono sempre delle risposte utili, anche se speravo in qualcosa di più semplice e magari usando come base photoshop. Intanto proverò con Motion anche se lo trovo un pò ostico.
Aldo

[Padmé Amidala]

Comunque in che formato finale ti serve questo percorso? Dove lo devi inserire?

[rob]

Se vuoi usare Photoshop prova a guardare l'aiuto in linea (http://help.adobe.com/it_IT/Photoshop/11.0/WSC9CD6949-D63F-4299-A024-A212F541F77Ea.html), magari può aiutarti.
Questo è quello di Photoshop CS4 / CS4 Extended.

[aldo12]

Ho provato con Motion come, suggerito, e forse qualcosa riesco a fare (!?), ma ancora non ne sono convinto, proverò ancora e se mi riesce ve lo mostrerò .
Il formato finale deve essere utile per inserirlo in un video.
Comunque, come dicevo precedentemente, il tutorial apparentemente più facile l'ho trovato a questo indirizzo http://www.dreamvideo.it/editing/riga01.htm, apparentemente perché la parte determinante, cioè quella della traccia con l'aerografo, non sono riuscito a farla.
Un saluto Aldo

[Padmé Amidala]

Questo l'ho fatto in due minuti e gratuitamente. Il problema è il formato: swf (io lo apro con iswiff, realplayer, opera, safari, firefox sul Mac). Chiaro poi che posso filmare lo schermo e trasformare il file swf in filmato mov.
Ovviamente il colore e la larghezza del tratto sono personalizzabili.

http://b3.s3.p.quickshareit.com/files/prova218b0.swf

Naturalmente il file swf si può inserirlo in una pagina web.

[aldo12]

Ho visto ed è quello che cerco, ma non ho capito con che programma l'hai fatto.

[Padmé Amidala]

Sì ma hai detto che poi devi inserirlo in un video.. con imovie o con cosa? Perché gli swf sono bastardi e non si convertono facilmente. Quindi potresti ritrovarti con un video swf inutilizzabile. Anche per filmare lo schermo quando scorre il video swf, a seconda della lunghezza del filmato, devi magari prendere una app a pagamento.

[aldo12]

Per il montaggio sto usando Final Cut pro, sono ancora inesperto ma i rudimenti credo di averli imparati.
Per la tua prova hai usato Flash?

[Padmé Amidala]

Non credo che i file .swf vadano bene per Final Cut. E per convertire i file .swf in altro che vada bene per Final Cut ci vuole Flash e Flash costa 800 euro. Se hai anche questo prodotto professionale, oltre a Motion, Photoshop e Final Cut, allora parti direttamente da Flash!

[aldo12]

Non ho Flash e non mi va di comprarlo, ma ho degli amici che lo usano per professione, potrei chiedere a loro.
Un saluto Aldo

[Padmé Amidala]

Allora forse puoi fare tu l'animazione e poi fartela convertire per Final Cut.
Io ho usato DrawSWF, gratuito e in java. http://drawswf.sourceforge.net/

Basta cliccare sul bottone con l'immagine, e la tua immagine (cartina) che selezioni dal tuo disco rigido si inserisce nel punto dello schermo bianco dove clicchi con il cursore (dove appare il mezzo quadrato). Poi basta scegliere il pennello (e relativo spessore e colore) e disegnare la linea sulla cartina (io ho usato il mouse, che non è molto preciso).
Il programma nella parte sinistra registra ogni azione (ogni azione poi si può cancellare o spostare, ma questo vale soprattutto per altri tipi di disegni, vedi i miei esempi qui sotto). Se riesci a disegnare la linea senza fermarti lui scriverà una sola azione, ma anche se ti fermi e riprendi non è grave, semplicemente scrive un'azione in più.
Per vedere il risultato clicchi sopra Movie - Play o qualcosa così (vado a memoria, non sono sul Mac). Poi invece di fare save (registra in formato drawSWF), scegli esporta (in swf) e scegli la velocità.
Come detto, gratuito e 2 minuti per farlo.
Poi io non ho flash e quindi ho pubblicato sul web direttamente il file swf oppure ho filmato con Screenium lo schermo mentre andava il filmato e ho ottenuto il video mov.

Qui degli esempi di azioni (non cartina). Per pubblicarli qui sul forum ho dovuto trasformarli in gif. Per la cartina che ti ho messo sopra, non volevo chiaramente perderci 2 ore per fare il mov e il gif.

http://img24.imageshack.us/img24/9880/berlusconi3.gif

Questa animazione si riferisce ad una gaffe (battuta di spirito) di Berlusconi riguardo ai terremotati dell'Abruzzo, dichiarazione passata su emittenti estere e su blog ma non su TV italiane.


http://img695.imageshack.us/img695/3038/buonnatalez.gif

[Padmé Amidala]

Tutorial DrawSWF

http://img.skitch.com/20100121-rbi5g9w4kjg6kah7q9sd49hgxx.jpg

1) Cliccare sul simbolo Inserire immagine
2) Cliccare sullo schermo bianco per stabilire il suo posizionamento (appare una guida, angolo superiore sinistro)
Appare il finder
3) Scegliere la foto (cartina)
4) Aprire
L'immagine appare con il suo angolo superiore sinistro dove vi era la guida

http://img.skitch.com/20100121-tw1cgwsgx2us63s7dsp448h6x4.jpg

5) Cliccare sul simbolo del pennello
6) Scegliere lo spessore del tratto

http://img.skitch.com/20100121-bfisdn3n37j31gsfcs3mgp6eh5.jpg

7) Cliccare sul simbolo del colore del pennello
8 ) Scegliere il colore

http://img.skitch.com/20100121-8k3usdpx55pikeehj7cbxd8cru.jpg

9) Cliccare sul simbolo del disegno libero
10) Disegnare sulla cartina con il mouse
11) Man mano appaiono le azioni (line 1, line 2,...), a seconda di quante volte ci interrompiamo

http://img.skitch.com/20100121-quxiy5xdscuic1t4bc9keb7wih.jpg

12) Al termine del disegno cliccare su Movie
13) Cliccare su Play

http://img.skitch.com/20100121-ckhy9u521qg83suy21y1d5pim3.jpg

14) Cliccare su Export

http://img.skitch.com/20100121-g76eedt5km44tr389m6ayb4jre.jpg

15) Scegliere la velocità di esecuzione dell'animazione

...e registrare sul disco rigido in SWF (sola scelta possibile).

[Riker]

:smt038 :smt038





.

[rob]

Bel tutorial Padmé!
Complimenti :smt038

[Luthien]

WOW! Grazie!

:smt038

[aldo12]

mi associo, ottimo tutorial, sarà molto prezioso grazie