Come creare e aggiungere Cinemagraphs in WordPress

Vuoi imparare come creare e aggiungere Cinemagraphs nei tuoi post su WordPress? I cinemagraph sono immagini con una parte o area in movimento mentre il resto dell'immagine rimane immobile. Queste immagini sono molto coinvolgenti e aggiungono un elemento di storytelling ai tuoi articoli. In questo articolo, ti mostreremo come creare e aggiungere facilmente cinemagraphs in WordPress.

Cosa sono i Cinemagraph?

I cinemagraph sono in genere immagini GIF in cui una piccola parte dell'immagine si muove mentre il resto rimane fermo. Sembrano molto cinematici da qui il nome di cinemagraphs.

Aggiungono un elemento di narrazione alle immagini che li rende più accattivanti. Sono particolarmente utili quando si accompagnano contenuti di lunga durata, episodi di podcast o una storia audio.

La creazione di cinemagraph è leggermente diversa dalle normali GIF. Tuttavia, se hai gli strumenti giusti, quindi con poco sforzo e un po 'di pratica sarai in grado di creare fantastici cinemagraphs dai tuoi video.

Detto questo, diamo un'occhiata a come creare e aggiungere facilmente cinemagraphs in WordPress.

Creazione di Cinemagraph da Video

Per iniziare, avrai bisogno dei seguenti elementi:

1. Un piccolo video clip che si desidera convertire in un cinemagraph
2. Adobe Photoshop
3. Il tuo tempo, pazienza e creatività

Iniziamo.

Per prima cosa devi preparare il video. Puoi utilizzare uno strumento di editing video come iMovie per tagliare il video alla sola clip minima di cui hai bisogno per il cinemagraph.

Successivamente, è necessario aprire Photoshop e importare il video in livelli facendo clic su File »Importa» Cornici video su livelli menu.

Seleziona il tuo video e poi clicca sul pulsante OK per continuare. A seconda delle dimensioni del tuo video, potrebbe essere necessario un po 'di tempo per essere completamente importato.

Una volta importato il tuo video, vedrai i fotogrammi video come livelli sotto il pannello dei livelli.

Ora devi selezionare tutti i livelli tranne il primo livello (Livello 1).

Vai a Livello »Nuovo» Raggruppa da livelli menu o premere Comando + G (CTRL + G su Windows) per aggiungere livelli in un gruppo.

Successivamente, è necessario selezionare il gruppo e andare a Layer "Layer Mask" Mostra tutto per aggiungere una maschera al gruppo.

Dopo aver aggiunto la maschera, premi i tasti Comando + I (Ctrl + I su Windows) per invertire il colore della maschera.

Ora imposta il colore di primo piano su bianco, quindi fai clic sullo strumento pennello. È necessario utilizzare lo strumento pennello per evidenziare l'area che si desidera mostrare nel ciclo.

Dopo, vai a Finestra "Cronologia per aprire tutti i tuoi strati in un formato di animazione.

Noterai che tutti i fotogrammi appaiono trasparenti nella timeline ad eccezione del primo fotogramma.

Per cambiarlo, seleziona il primo livello (Livello 1) nel pannello dei livelli e fai clic sull'icona di visibilità dei livelli di Unfiy e poi premi il pulsante Abbina.

Quindi, fare clic sull'icona di commutazione della linea temporale e selezionare tutti i frame. Quindi fai nuovamente clic sul pulsante di attivazione per scegliere Copia fotogrammi.

Dopo aver copiato i fotogrammi, fai clic sul pulsante di attivazione e seleziona l'opzione "Incolla fotogrammi".

Ti verrà chiesto di scegliere un metodo di incolla. Seleziona "Incolla dopo la selezione" e premi il pulsante OK.

Successivamente, è necessario fare nuovamente clic sull'icona di attivazione della Timeline e selezionare l'opzione 'Reverse Frames'.

La tua animazione cinemagraph è quasi pronta.

Per salvarlo sul tuo computer, vai a File »Salva per Web opzione. Verrà visualizzato un popup in cui è necessario selezionare il formato GIF e fare clic sul pulsante Salva.

Questo è tutto il tuo Cinematografo è pronto.

Puoi aggiungerlo al tuo sito come se aggiungessi 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.

Questo farà apparire il popup uploader multimediale, fare clic sul pulsante Seleziona file per caricare il file GIF dal tuo computer.

Una volta caricato, fai clic sul pulsante "Inserisci nel post" per continuare.

Ora vedrai l'immagine nel tuo editor di post di WordPress.

Non dimenticare di salvare o aggiornare il post. Ora puoi fare clic sul pulsante di anteprima per vedere il cinemagraph in azione. Ecco il cinemagraph che abbiamo creato durante questo tutorial.

Speriamo che questo articolo ti abbia aiutato a imparare come creare e aggiungere cinemagraphs in WordPress. Si consiglia inoltre di vedere il nostro elenco di siti Web che offrono immagini gratuite royalty gratis per gli utenti di WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.