Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare e aggiungere filmati in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

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.

Creating cinemagraphs for your WordPress site

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.

Cinemagraph preview

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:

  1. Un piccolo video clip che si desidera convertire in un cinemagraph.
  2. Adobe Photoshop
  3. 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.

Import your video into layers

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.

Video to layers import

Una volta importato il video, i fotogrammi video vengono visualizzati come livelli nel pannello dei livelli.

Layers imported from video

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.

Grouped layers

Successivamente, è necessario selezionare il gruppo e andare su Livello ” Maschera di livello ” Rivela tutto per aggiungere una maschera al gruppo.

Reveal all

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.

Brush the moving parts to highlight them

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.

Timeline

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.

Unify visibility

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.

Copy frames

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.

Paste after selection

Successivamente, è necessario fare nuovamente clic sull’icona della linea temporale e selezionare l’opzione ‘Inverti fotogrammi’.

Reverse frames

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.

Save as GIF

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.

Upload your cinemagraph GIF in WordPress

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.

Cinemagraph example

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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

2 commentiLascia una risposta

  1. Syed Balkhi says

    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!

  2. Gary Stenzel says

    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.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.