Creare presentazioni di foto in 4K Ultra HD con musica e transizioni

La risoluzione dei video è il parametro principale per la loro qualità. Per determinarla solitamente si prende in considerazione l'altezza del player. I video 720p e 1080p indicano infatti il numero di pixel nel loro asse verticale. Con 4K si indicano di solito due risoluzioni ben distinte. La risoluzione 4096×2160 pixel (ossia la 4K propriamente detta) usata in ambito cinematografico, e la risoluzione 3840×2160 pixel (conosciuta anche come Ultra HD) utilizzata in ambito televisivo.

Un video in HD ha invece una risoluzione di 1920x1080 pixel con un aspect ratio di 16:9, che è il rapporto tra larghezza e altezza del player del video. Una tipologia di video tra le più realizzate è quella degli slideshow o presentazioni, con foto mostrate una di seguito all'altra per un certo numero di secondi che magari si susseguono con delle transizioni e alle quali è stato aggiunto un sottofondo musicale.

Abbiamo già visto parecchi programmi con cui creare degli slideshow di foto, ricordo tra gli altri Shotcut, Photoshop, Gimp e Movie Maker. Ho anche mostrato come creare un DVD con slideshow di foto.

Creare DVD di presentazioni slide di foto con menù, musica e transizioni

Nell'articolo pubblicato ieri abbiamo visto come creare un DVD di più video con menù navigabile, mediante il programma DVD Styler. Lo abbiamo creato con un menù principale e uno secondario, con cui l'utente potesse navigare tra i filmati e scegliere quello da riprodurre.

Come già accennato, con lo stesso programma si possono creare anche delle presentazioni di immagini, che possono essere organizzate in varie sezioni, e in cui l'utente possa scegliere quella da riprodurre. Anche in questo caso si possono creare due menù di navigazione o anche di più. Però illustrerò come creare un DVD con un solo menù che mostri le varie presentazioni di foto mediante delle miniature scelte appositamente.

Si possono aggiungere anche dei file audio di sottofondo a ciascuna presentazione e anche al menù. Inoltre sarà possibile scegliere l'immagine di sfondo del menù, aggiungere bottoni e altra grafica. Infine non sarà necessario creare il DVD immediatamente, ma sarà possibile generare una sua anteprima per verificare il corretto funzionamento del menù e dei pulsanti della presentazione, riproducendola con VLC Media Player.

Come aggiungere titoli e musica a foto e clip video negli slideshow

Ieri ho ricevuto un commento, sul mio Canale Youtube, in cui mi si chiedeva come aggiungere dei titoli prima delle foto, quando si crea un video di uno slideshow. Il programma che avevo recensito nel video che aveva ricevuto il commento era Shotcut, software gratuito e open source supportato da Windows, MacOSX e Linux.

Visto che è molto tempo che non me ne occupo in modo specifico, ho quindi deciso di scrivere un post proprio sulla procedura per creare slideshow di immagini e clip video. Possono essere foto e filmati catturati in una festa, in un evento come compleanni, lauree, anniversari o anche ricordi di una vacanza.

Vedremo appunto come posizionare una dopo l'altra le foto e/o i video, come precederle con dei titoli esemplificativi personalizzabili nei font e nei colori e infine come opzionalmente aggiungerci un audio di sottofondo musicale o magari un audio registrato di commenti ai contenuti dello slideshow.

La prima cosa da fare è quella di installare Shotcut nel vostro computer, se ancora non lo avete fatto. Si tratta di un programma piuttosto completo, sicuramente uno dei migliori, insieme a DaVinci Resolve, tra quelli gratuiti. A differenza di DaVinci Resolve, Shotcut ha anche una interfaccia in italiano che facilita il suo utilizzo a chi non conosce l'inglese. Si va su Click to Download per poi scegliere il file da scaricare adatto al nostro OS.

INDICE

1. Video tutorial
2. Operazioni preliminari
3. Importare i contenuti
4. Creare i titoli
5. Configurare i titoli
6. Aggiungere le transizioni
7. Aggiungere musica e/o narrazione vocale
8. Esportare lo slideshow.

Come creare uno slideshow di foto con musica e transizioni

Uno slideshow di immagini è una presentazione delle foto che si riproducono, una dopo l'altra, con l'ordine prestabilito, e con una permanenza di secondi, che può essere la stessa per tutte le immagini, oppure impostata di volta in volta per ogni singola foto.

Alla presentazione visiva classica di una sequenza di foto, si può aggiungere anche un sottofondo musicale che ne esalti l'atmosfera, oppure un file audio registrato, con il commento delle immagini che stanno scorrendo. Un'altra personalizzazione tipica degli slideshow, è quella della introduzione di transizioni, cioè del passaggio da una foto all'altra con effetti particolari, che possono essere la semplice dissolvenza incrociata o qualcosa di più sofisticato come effetti di porte scorrevoli, dissolvenze circolari, a forma di orologio, ecc.

In questo post vedremo come creare uno slideshow con il programma gratuito Shotcut, programma multipiattaforma che ho già presentato altre volte e che può essere installato dalla sua Home su Windows, MacOS e Linux. Si va su Click to Download per poi scegliere di scaricare il file di installazione per il nostro sistema operativo. Ho già pubblicato molti post sulle funzionalità di Shotcut, tra cui quella sui Fotogrammi Chiave. Quasi tutti questi articoli sono stati integrati anche con dei video che ho raccolto in una

• Playlist di video tutorial su Shotcut

Come creare gratis slideshow di foto con Gimp

Uno slideshow di immagini, o presentazione come si dice in italiano, è una riproduzione delle foto in sequenza, con ognuna di esse che rimane visibile per un determinato lasso di tempo. Sono disponibili molti tool online per creare slideshow di immagini e innumerevoli software.

In questo sito ne ho recensiti diversi tra cui Openshot, Shotcut e Movie Maker. È possibile realizzare presentazioni animate anche con programmi di grafica come Photoshop che, come certo saprete, non è un programma gratuito.

In questo articolo vedremo come creare una animazione a partire da immagini che ne diventeranno i fotogrammi con il programma gratuito Gimp. Il file risultante sarà una immagine animata in formato GIF. Nel caso in cui volessimo realizzare uno slideshow in formato video, vedremo come procedere alla conversione della GIF con un altro opportuno software gratuito.

Come creare uno slideshow di foto con Photoshop

Photoshop è il miglior programma di grafica per editare le immagini e può servire anche per creare delle presentazioni o slideshow di foto. Se si vogliono creare slideshow anche con titoli, testo e musica è meglio usare dei programmi di editing video come Openshot o Shotcut che sono pure gratuiti.

Con le versioni più recenti di Photoshop è possibile realizzare slideshow arricchiti da audio e grafica. In questo post vedremo però come creare una presentazione in modo semplice convertendo le foto in fotogrammi e impostando i secondi di permanenza di ciascuna di esse.

Prima di iniziare occorre conoscere le dimensioni delle foto e preferibilmente averle tutte della stessa larghezza e altezza. Per conoscere i dati delle dimensioni, gli utenti di Windows possono passare il mouse sopra ai file immagine per visualizzare un tooltip con questi dati.

Come creare gratis slideshow online con foto, effetti e musica

Per rendere più interessante e fruibile una raccolta di foto, si può decidere di mostrarla in quello che si chiama uno slideshow con sottofondo musicale. Ne verrà fuori un video che può essere condiviso con amici o addirittura pubblicato nel web. Ci sono diversi software gratuiti che ci permettono di creare un tale filmato.

Ho già recensito diversi programmi in grado di creare slideshow con immagini, musica e pure con effetti speciali. Ricordo quelli che ho trattato per ultimi come Openshot, Shotcut e Movie Maker. Sono tutti e tre dei video editor piuttosto completi che servono anche per altre personalizzazioni.

Con tali programmi si possono creare delle presentazioni di foto anche con musica, effetti e transizioni. Chi non ha nel computer nessun software in grado di creare uno slideshow, può rivolgersi ai molti tool online che permettono di farlo gratuitamente. In genere viene richiesta soltanto una registrazione.

Bellissimo slideshow delle immagini degli Ultimi Articoli di Blogger che si aprono a libro.

Continuo nel ripristino dei gadget che non sono più funzionanti dopo che Google ha disabilitato il supporto hosting ai file caricati su Google Drive. Il metodo che userò per far funzionare nuovamente i widget è quello di caricare i file esterni direttamente nel modello di Blogger o negli elementi pagina HTML/Javascript.

Il ripristino seguirà necessariamente la regola della segnalazione. Dopo aver pubblicato quasi 6000 articoli di cui circa 700 dedicati ai widget di Blogger non posso ovviamente rimettermi a controllare tutti i post ma lo farò nel momento in cui un lettore mi farà presente che uno di questi gadget ha smesso di funzionare. Cosa che è successa per il gadget di cui presento adesso la nuova versione funzionante.

Widget di uno slideshow di immagini per Blogger con link ai post e bottoni di navigazione.

Il ritiro del supporto di hosting da parte di Google Drive sta incidendo profondamente nei widget installati nei blog di Blogger visto che in molti di questi sono presenti file esterni caricati su Drive e segnatamente sul mio se sono stati installati da questo sito. 

Ho già illustrato come procedere per risolvere il problema da soli caricando i file .js e .css direttamente nel modello o in un elemento pagina HTML/Javascript. Mi rendo però conto che in molti casi questi passaggi non sono alla portata di tutti gli utenti ma sono accessibili solo ai più esperti. Nei limiti del possibile quindi quando un widget non più funzionante sia particolarmente interessante cercherò di ripubblicarlo con tali modifiche per renderlo nuovamente fruibile da tutti.

Come creare uno slideshow di Google Foto per Blogger con link a pagine web.

In precedenti articoli mi sono soffermato sulle problematiche che si sono presentate per gli utenti della piattaforma Blogger a seguito delle modifiche intercorse sulle immagini caricate su Picasa e sul servizio di Hosting di Google Drive. Scendendo nei particolari abbiamo visto come caricare nel modello o in elementi HTML/Javascript i file esterni che non è più possibile caricare su Google Drive. Successivamente ho mostrato un sistema abbastanza semplice su come ricavare il link diretto di una immagine dagli album caricati su Google Foto.

Chi possegga un blog gratuito con indirizzo nomeblog.blogspot.com può caricare i file su Google Sites per ottenerne il link diretto. In questo articolo vedremo come applicare queste nuove procedure per installare un widget con immagini che sono state precedentemente caricate su Google Foto e che abbiano un link a una pagina web che potrebbe essere un post o anche una pagina esterna. 

Come creare uno slideshow di foto e video con Movie Maker.

I vecchi album di foto sono ormai definitivamente superati. Piuttosto che mostrare a parenti e amici le immagini di una festa di compleanno o di un viaggio in una raccolta fisica è molto più pratico e efficiente creare una presentazione  con le foto che sono state scattate eventualmente con una musica di sottofondo e con effetti di transizione.

Verrà creato un file che potrà essere inserito in un DVD oppure inviato tramite email o condiviso con altri sistemi. Esistono diversi software di Editing Video tra cui l'ottimo Camtasia Studio che ha anche una libreria piuttosto fornita di clip, effetti multimediali, immagini, musica e altro ancora.  

Widget per Blogger dello Slideshow verticale animato con miniature degli Ultimi Articoli.

Oggi riprendo uno dei gadget più belli mai realizzati per Blogger che è quello dello slideshow verticale degli Ultimi Post o se si vuole degli Articoli Recenti. Con le impostazioni proposte completamente personalizzabili si visualizzeranno a rotazione gli ultimi 8 articoli con titoli e miniature a blocchi di 4 che si alterneranno con uno scorrimento verticale.

Le miniature saranno quelle delle prime foto pubblicate nei post. Se le immagini sono postate dopo il Read More o Intervallo non saranno però rilevate e allora si potranno inserire delle immagini di default da visualizzare qualora non fosse possibile farlo per le foto all'interno dei post.

Come installare uno slideshow in un widget o in una pagina.

Lo slideshow che vado a presentare non è specifico di Blogger, può essere installato in tutte le pagine web e visualizzato con tutti i principali browser. La velocità dello slideshow è personalizzabile e lo scorrimento si arresterà nel momento in cui ci si passi sopra con il cursore.

A ciascuna immagine è collegato un link che aprirà una pagina web qualora ci si clicchi sopra. Quando si punta con il mouse una immagine dello slideshow si visualizzerà un tooltip con il titolo del post o della pagina collegata. Si possono personalizzare anche la larghezza e l'altezza dello slideshow oltre allo sfondo dello stesso. Limitatamente alla piattaforma Blogger si può decidere di incollare il codice in un widget per visualizzare lo slideshow sopra l'area del post o in una sidebar oppure optare per mostrarlo in una pagina statica.

Slideshow di immagini con frecce di navigazione e link ai post.

Il widget che vado a presentare non ha bisogno di javascript esterni perché il file .js è già implementato nel codice. Quindi non ci saranno problemi quando tra poco più di dieci mesi Google Drive smetterà di funzionare come hosting. Questo widget potrà essere incollato in una pagina statica oppure anche in un widget HTML/Javascript a seconda delle esigenze.

La Demo ha sei immagini ma se ne possono inserire anche altre così come si possono modificare le loro dimensioni come quelle del contenitore. Se si visualizzassero le frecce direzionali una in alto e una in basso significa che la larghezza del contenitore è troppo stretta e che quindi va aumentata ma questo lo vedremo alla fine dell'articolo. La navigazione tra le immagini si può effettuare con le frecce poste in alto o cliccando sui numeri posti in basso.

Slideshow personalizzabile di immagini con link ai post.

Se nel vostro blog avete delle immagini rappresentative di articoli particolarmente interessanti potrebbe essere una buona idea mostrarle in uno slideshow nella parte alta del sito oppure nel footer. Un'altra soluzione potrebbe essere quella di pubblicarle in una pagina statica.

Se si sceglie questa ultima opzione bisogna ricordarsi di pubblicare la pagina da HTML dopo aver incollato il codice senza ritornare su Scrivi. Non si tratta di un gadget che mostra gli ultimi post pubblicati. Per questa funzionalità si può usare il gadget basato su EasySlider. La scelta del widget che vado a illustrare serve per mostrare un estratto di quelli che riteniamo essere i nostri migliori post. Inoltre il codice è installabile in tutte le pagine web che supportano il javascript e non solo nella piattaforma Blogger.

Creare uno slideshow di notizie, avvisi, post o link per Blogger.

Si sa che una delle problematiche più importanti da affrontare quando si gestisce un blog è quella della ottimizzazione dello spazio. Il layout spesso non consente di inserire troppi contenuti visto che alcuni widget come quello degli Ultimi Post e degli Ultimi Commenti e alcuni gadget dei social network sono imprescindibili.

Quando si voglia mostrare ai lettori una serie di avvisi, dei link a blog amici, una serie di eventi che il sito vuole pubblicizzare o comunque un testo che abbia un collegamento a una pagina esplicativa si può creare uno slideshow di contenuti solo testuali che potrebbe venire incontro a queste esigenze. Si tratta di un javascript quindi ricordo che nel testo non si possono inserire apostrofi e virgolette ed è inoltre sconsigliabile usare caratteri accentati o simboli strani.

Slideshow delle immagini dei Post in Primo Piano.

Quando si installa un widget che mostri alcuni articoli del nostro sito possiamo scegliere se mostrare gli Ultimi Post, magari anche con le miniature, se optare per un elenco di Articoli Casuali o se selezionare noi stessi gli articoli da mettere in evidenza per i lettori.

Per rendere il layout più accattivante si può decidere di utilizzare uno slideshow che mostri le immagini più pertinenti relative a ciascun post. In questo articolo vediamo come realizzare appunto uno slideshow con le foto di 5 immagini che abbiamo scelto di mettere in primo piano. Questa soluzione è utile se nel nostro sito ci sono degli "articoli pilastro" che riteniamo possano interessare ai navigatori. 

Il gadget utilizza la libreria JQuery che permette di avere degli spostamenti omogenei con la possibilità di modificarne anche la velocità. Lo slideshow si riprodurrà automaticamente ma il lettore potrà navigare tra i post cliccandoci sopra con il cursore 

Come creare uno slideshow su Flickr di foto di un utente, di un album o di una parola chiave.

A seguito di un commento appena ricevuto mi sono informato sulla possibilità di creare degli slideshow di foto postate su Flickr. Questo servizio di Yahoo! recentemente ha ulteriormente ampliato la sua offerta di spazio gratuito alla cifra astronomica di 1000GB e si sta confermando come uno dei siti più amati dagli appassionati di fotografia nonostante la crescita esponenziale di Instagram e Pinterest che comunque hanno un'altra tipologia di utenti.

Se avete un blog su Blogger potete creare uno slideshow di Flickr con il Photostream di un utente o di una parola chiave. Andate su Layout > Aggiungi un gadget > Base > Slideshow

 

Widget di un semplice Slideshow con link per Blogger.

Sembra che Google voglia rendere più auton0ma la sezione Foto di Google+, quindi in sostanza si ritornerebbe a Picasa Web Album. Come avevo fatto notare poco più di un anno fa in tutto questo periodo si poteva comunque continuare a usare Picasa Web Album senza redirect semplicemente mettendo tra i Preferiti o Segnalibri questo URL 

https://picasaweb.google.com/lh/myphotos?noredirect=1

che impedisce il redirect verso Google Foto e fa risparmiare tempo nel cliccare sul link per tornare indietro. Vediamo come sia possibile realizzare uno slideshow con link alle pagine proprio utilizzando Picasa Web Album. Dobbiamo innanzitutto procurarci sei foto delle stesse dimensioni. Nel mio test ho utilizzato immagini da 450x300 pixel ma è solo una proposta.

Slideshow di immagini con link a post o blog amici.

Una delle tematiche più importanti per un blogger è quella della ottimizzazione dello spazio nel layout del sito. Occorre cercare di mostrare il più possibile in uno spazio che è ben delineato. Una delle opzioni più interessanti è rappresentata dagli slideshow che permettono al lettore di visualizzare automaticamente tutta una serie di immagini che riportino a dei post, a dei blog amici ma anche ad altre cose.

È per esempio possibile creare uno slideshow di oggetti presenti su Amazon, su eBay o siti simili con collegamento alla pagina in cui si possano acquistare. Un'altra possibilità di utilizzo è data da affiliazioni pubblicitarie che abbiano delle creatività limitate ad immagini. Si può anche creare uno slideshow di ebook scritti dall'autore o che comunque si voglia pubblicizzare. Non ultimo potrebbe essere un modo per mostrare i loghi dei blog amici con i link per aprirli. In alcuni siti di impegno sociale potrebbe essere un modo per mostrare tutta una serie di campagne di sensibilizzazione.