[Tutorial] Creare immagini che si muovo - Gif con PS

Fearless

GURU
Registrato
20 Ottobre 2010
Messaggi
14.617
Località
Casavatore
Corpo macchina
Nikon D600
Sesso
Maschio
Tempo fa si era parlato in qualche topic delle immagini in movimento. Anche Nomed si era cimentato con un ritratto, ma ora non ricordo quale fosse il topic.
Il principio di questa guida dovrebbe essere lo stesso. Creare una gif animata in PS, per mostrare un eventuale Prima/Dopo, oppure per fare le famose foto che si muovono.

Procedete in questo modo:

  1. Aprire le due immagini in PS, assicuratevi prima che siano delle stesse identiche dimensioni, e che non ci siano differenze di inclinazione, distorsione ecc. Effettuate tutte le operazioni che ritenete opportune per la postproduzione, come sempre.

    Senza titolo-1.jpg
    Una volta che le immagine sono "finite" e con la risoluzione finale, procedete nel seguente modo:
  2. Selezionare la seconda immagine: Seleziona -> Tutto (Ctrl + A);
  3. Copiare il contenuto della seconda immagine: Modifica -> Copia (Ctrl + C);
  4. Selezionare la prima immagine: Modifica -> Incolla (Ctrl + V), in modo da ottenere i due livelli uno sull'altro

    Senza titolo-2.jpg
  5. Aprire la timeline di PS, Se non la visualizzate nel vostro workspace cliccare su: Finestra -> Timeline, in modo da visualizzarla in basso o dove vi pare:
    Senza titolo-3.jpg
  6. Cliccare in basso a destra sull'icona Nuvo (Duplicare fotogrammi selezionati):
    Senza titolo-4.jpg
  7. Cliccare sulla prima immagine della timeline e deselezionare il secondo livello (nell'immagine livello 1), cliccando sull'occhio che indica la visibilità del livello:
    Senza titolo-5.jpg
  8. Cliccare sulla seconda immagine della timeline e selezionare il secondo livello (nell'immagine livello 1), cliccando sull'occhio che indica la visibilità del livello:
    Senza titolo-6.jpg
  9. A questo punta cliccando sulla freccia che punta verso il basso si può accedere al menu che permette di selezionare la durata di visualizzazione del singolo fotogramma. Selezionate o inserite un valore a vostro piacimento.

    Senza titolo-7.jpg
    E provate subito a far partire l'animazione cliccando su Play. Per Terminare Stop.
  10. Ora non resta che salvare. Senza unire i livelli come si farebbe normalmente per una immagine jpeg. cliccare su: File -> Salva per il web (Alt + Maius + Ctrl + S) Apparirà la seguente finestra:


    Senza titolo-8.jpg
    Non vi spaventate, i controlli da utilizzare per portare a termine l'operazone sono pochi. Ho tracciato con un rettangolo rosso i controlli su cui prestare maggiore attenzione
    Per creare una Gif alla massima risoluzione possibile lasciare l'impostazione su Originale. Per questo caso verrebbe fuori un immagine di 1,22 MB. In ogni caso se si sono già effettuate tutte le operazioni di ridimensionato (progressivo o non: iPol85 !!), lasciate "Bicubica più morbida", se invece desiderate ridimensionare in questa fase utilizzate il pannellino "dimensione immagine" e selezionate "Bicubica più nitida";
  11. Se si vuole avere accettare una leggera perdità di qualità per rendere l'immagine più facile da caricare e scaricare cliccare su ottimizzato, nel menu in alto:
    Senza titolo-9.jpgCome potete notare la dimensione dell'immagine è scesa a 587 K circa. In pratica la metà rispetto a prima. Nel pannello di animazione assicuratevi di mettere "sempre", altrimenti l'animazione si riproduce una volta e poi si ferma. Prima di salvare potete provare a visualizzare l'anteprima nel browser del vostro pc, cliccando su "anteprima" in basso a sinistra.
  12. E adesso è fatta, potete salvare. E' importante quando salvate selezionato "solo immagine" altrimenti vi crea l'itera pagina web.

    Senza titolo-10.jpg
Ed ecco il risultato:

La foto non è niente di che, serviva a più che altro a fare il tutorial, penso che sia utile in futuro per coloro che vorranno mostrare gli effetti della pp sull'immagine.
Un tag a giorgio90 che me l'aveva chiesto e a Bigphil perchè mi sta simpatico!:D
 

enzo

GURU
Registrato
2 Gennaio 2011
Messaggi
15.337
Località
Napoli
Sesso
Maschio
Oh ma che bel lavoro !
Non so a cosa possa servire, ma bravo !
;)
 

Nomed

Autore P2L
Membro dello Staff
Registrato
25 Giugno 2011
Messaggi
4.730
Località
Sofia
Sito Web
www.carlo-orlandi.com
Corpo macchina
Canon EOS 550D
Sesso
Maschio
La possibilità di gestire animazioni con le recenti versioni di Photoshop è molto comoda in alcune situazioni, ottimo tutorial! :D
 

Fearless

GURU
Registrato
20 Ottobre 2010
Messaggi
14.617
Località
Casavatore
Corpo macchina
Nikon D600
Sesso
Maschio
:rotfl: va che sono strunz sti due eh! :rotfl:
ottimo lavoro Fearless !! :) molto utile! :) non so se mai mi servirà ma volevo saperlo fare :rotfl:

ps. perchè salva per il web e non salva normale?
La gif di per se non ha la qualità di un jpeg alla massima qualità o di un png (che è simile al formato gif) se fai con "ottimizzato" sicuramente perdi di qualità, l'ideale sarebbe lasciare su originale per avere meno perdita, ma il file viene più grandicello

Inviato dal mio Nokia 3310
 
Registrato
7 Maggio 2011
Messaggi
23.888
Località
Gattinara (VC)
Sito Web
www.StefanoMinella.com
Corpo macchina
Canon EOS 7D
Sesso
Maschio
La gif di per se non ha la qualità di un jpeg alla massima qualità o di un png (che è simile al formato gif) se fai con "ottimizzato" sicuramente perdi di qualità, l'ideale sarebbe lasciare su originale per avere meno perdita, ma il file viene più grandicello

Inviato dal mio Nokia 3310
ok e quindi non sarebbe meglio fare il salva con nome normale e non per il web?
 

Fearless

GURU
Registrato
20 Ottobre 2010
Messaggi
14.617
Località
Casavatore
Corpo macchina
Nikon D600
Sesso
Maschio
ok e quindi non sarebbe meglio fare il salva con nome normale e non per il web?
Se ti riferisci alla guida, il salva normale, non ti consente di creare la gif animata. Se ti riferisci alla postproduzione "quotidiana" faccio sempre salva normale in jpeg e qualità 12
 

Bigphil

GURU
Registrato
28 Dicembre 2011
Messaggi
3.340
Località
Napoli
Sesso
Maschio
Ma lo sai che non lo avevo mai notato sto tag...:facepalm:
bello il tutorial...ci devo provare...:D
 
Alto