Volete imparare a creare e aggiungere Cinemagraphs ai vostri post su WordPress? I Cinemagraph sono immagini in cui una parte o un’area si muove mentre il resto dell’immagine rimane fermo. Queste immagini sono molto coinvolgenti e aggiungono un elemento di narrazione ai vostri articoli. In questo articolo vi mostreremo come creare e aggiungere facilmente i cinemagraph in WordPress.
Cosa sono i Cinemagraphs?
Le cinemagraphs sono tipicamente immagini GIF in cui una piccola parte dell’immagine si muove mentre il resto rimane fermo. Hanno un aspetto molto cinematografico, da cui il nome cinemagraphs.
Aggiungono un elemento di narrazione alle immagini che le rende più coinvolgenti. Sono particolarmente utili quando accompagnano contenuti longform, episodi di podcast o storie audio.
Creare cinemagraphs è un po’ diverso dalle normali GIF. Tuttavia, se si dispone degli strumenti giusti, con poco sforzo e un po’ di pratica si potranno creare splendide cinemagraph dai propri video.
Detto questo, vediamo come creare e aggiungere facilmente cinemagraphs in WordPress.
Creare cinemagraphs dai video
Per iniziare, sono necessari i seguenti elementi:
- Un piccolo video clip che si desidera convertire in un cinemagraph.
- Adobe Photoshop
- Tempo, pazienza e creatività
Iniziamo.
Per prima cosa è necessario preparare il video. È possibile utilizzare uno strumento di editing video come iMovie per tagliare il video fino a ottenere il minimo indispensabile per il cinemagraph.
Successivamente, è necessario aprire Photoshop e importare il video nei livelli facendo clic sul menu File ” Importa ” Fotogrammi video nei livelli.
Selezionare il video e fare clic sul pulsante OK per continuare. A seconda delle dimensioni del video, l’importazione completa potrebbe richiedere un po’ di tempo.
Una volta importato il video, i fotogrammi video vengono visualizzati come livelli nel pannello dei livelli.
Ora è necessario selezionare tutti i livelli, tranne il primo (livello 1).
Andare su Livello ” Nuovo ” Gruppo dal menu Livelli o premere Command + G (CTRL+G su Windows) per aggiungere i livelli a un gruppo.
Successivamente, è necessario selezionare il gruppo e andare su Livello ” Maschera di livello ” Rivela tutto per aggiungere una maschera al gruppo.
Dopo aver aggiunto la maschera, premere i tasti Command + I (Ctrl + I su Windows) per invertire il colore della maschera.
Ora impostate il colore di primo piano su bianco e fate clic sullo strumento pennello. È necessario utilizzare lo strumento pennello per evidenziare l’area che si desidera mostrare nel ciclo.
Successivamente, andare su Finestra ” Timeline per aprire tutti i livelli in un formato di animazione.
Si noterà che tutti i fotogrammi appaiono trasparenti nella timeline, tranne il primo.
Per modificarlo, selezionare il primo livello (livello 1) nel pannello dei livelli e fare clic sull’icona Annulla visibilità livello, quindi premere il pulsante Abbina.
Successivamente, fare clic sull’icona a levetta della Timeline e selezionare tutti i fotogrammi. Quindi fare nuovamente clic sull’icona a levetta per scegliere Copia fotogrammi.
Dopo aver copiato i fotogrammi, fare clic sul pulsante a levetta e selezionare l’opzione ‘Incolla fotogrammi’.
Verrà chiesto di scegliere un metodo di incollaggio. Selezionare ‘Incolla dopo la selezione’ e premere il pulsante OK.
Successivamente, è necessario fare nuovamente clic sull’icona della linea temporale e selezionare l’opzione ‘Inverti fotogrammi’.
L’animazione cinemagraph è quasi pronta.
Per salvarla sul vostro computer, andate su File ” Salva per il Web “. Si aprirà una finestra a comparsa in cui si dovrà selezionare il formato GIF e fare clic sul pulsante Salva.
Il Cinematografo è pronto.
Potete aggiungerlo al vostro sito come fareste con qualsiasi altra GIF in WordPress. Basta modificare il post o la pagina in cui si desidera aggiungere il cinemagraph e fare clic sul pulsante Aggiungi media.
Si aprirà il popup del caricatore di file multimediali; fate clic sul pulsante seleziona file per caricare il file GIF dal vostro computer.
Una volta caricato, fare clic sul pulsante “Inserisci nel post” per continuare.
A questo punto l’immagine verrà visualizzata nell’editor del post di WordPress.
Non dimenticate di salvare o aggiornare il post. Ora è possibile fare clic sul pulsante di anteprima per vedere il cinemagraph in azione. Ecco il cinemagraph creato durante questa esercitazione.
Speriamo che questo articolo vi abbia aiutato a imparare come creare e aggiungere cinemagraph in WordPress. Potreste anche voler consultare il nostro elenco di siti web che offrono immagini royalty free per gli utenti di WordPress.
Se vi è piaciuto questo articolo, iscrivetevi al nostro canale YouTube per i video tutorial su WordPress. Potete trovarci anche su Twitter e Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Gary Stenzel
I have been making cinemagraphs with a free editor from Microsoft called “Cliplets”. It works really good and is easy to use.
It’s a whole lot less complicated than using Photoshop.
You should give it a try.