{"id":14689,"date":"2019-06-05T08:36:55","date_gmt":"2019-06-05T06:36:55","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=14689"},"modified":"2025-04-28T16:25:59","modified_gmt":"2025-04-28T14:25:59","slug":"cinemagraph","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/","title":{"rendered":"Come creare immagini animate e ottenere un enorme successo: le cinemagraph"},"content":{"rendered":"<p>In questo articolo ci occuperemo di una particolare tendenza fotografica che, secondo le nostre stime, potrebbe ritornare in voga molto presto: si tratta delle immagini animate note anche con il termine \u201ccinemagraph\u201d. Queste immagini si caratterizzano per un effetto incredibilmente suggestivo. Con le giuste tecniche, chiunque pu\u00f2 dare vita alle proprie immagini senza spendere un\u2019esagerazione. In seguito spiegheremo anche come creare delle immagini animate e quali sono i migliori canali pubblicitari dove divulgarle.<\/p>\n<p><!--more--><\/p>\n<p>La classica GIF sta diventando fuori moda? Una cosa \u00e8 certa: alcune tendenze riemergono anche a distanza di anni. Per questo motivo abbiamo deciso di dedicare questo articolo a un altro tipo molto promettente di immagini animate. Queste immagini si erano gi\u00e0 affermate qualche anno fa e ora sembrano essere sulla buona strada per ritornare di nuovo in voga: stiamo parlando delle cinemagraph. Come le GIF, anche le cinemagraph sono immagini in cui \u00e8 presente un piccolo movimento spesso ripetuto, ma per il resto non hanno molto in comune con questi mezzi di comunicazione che stanno spopolando sui social media. Le cinemagraph sono infatti immagini di alta qualit\u00e0, capaci di suscitare un vero e proprio effetto \u201cwow\u201d. Proprio per questo motivo, le cinemagraph sono perfette per essere usate anche per finalit\u00e0 di marketing.<\/p>\n<p><strong>Contenuto:<\/strong><\/p>\n<ul>\n<li>Per il marketing: usare le immagini animate per scopi professionali\n<ul>\n<li><u><a href=\"#1\">Siti Web e blog<\/a><\/u><\/li>\n<li><u><a href=\"#2\">Social media content marketing, display marketing o canvas marketing<\/a><\/u><\/li>\n<li><u><a href=\"#3\">Newsletter<\/a><\/u><\/li>\n<\/ul>\n<\/li>\n<li>Create your own moving pictures: Tool check\n<ul>\n<li><a href=\"#plotagraph\">Plotagraph<\/a><\/li>\n<li><a href=\"#flixel\">Flixel<\/a><\/li>\n<li><a href=\"#photoshop\">Adobe Photoshop<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"custom-background-grey\">\n<p><strong>Cinemagraph vs. GIF<\/strong><br \/>\nNelle cinemagraph si muovono solo alcune parti dell\u2019immagine, mentre il resto rimane fisso. Le foto sembrano quindi davvero delle \u201cimmagini animate\u201d e non dei video. Rispetto alle GIF, le cinemagraph contengono molti pi\u00f9 colori e l\u2019effetto che ne deriva \u00e8 pertanto qualitativamente migliore.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Che cosa colpisce di pi\u00f9 delle immagini animate? Il fatto che guardando ad esempio la foto di una donna che prende il sole in piscina, improvvisamente succede qualcosa di particolare.<\/p>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/i9jeipyw7955dpjvbnbp?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div><span style=\"font-size: 8pt;\"><em>Fonte: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><\/div>\n<div>\n<p>Anche capovolgendo la situazione si possono creare effetti interessanti. Buona parte dell\u2019immagine si muove come se fosse un video, finch\u00e9 non ci si accorge che alcune parti rimangono ferme e che quello che si sta guardando \u00e8 in realt\u00e0 una foto animata anzich\u00e9 un video a tutti gli effetti.<\/p>\n<\/div>\n<div><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/6bfwuaefmottf8midnrm?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div><span style=\"font-size: 8pt;\"><em>Fonte: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/iayq1tlbf008ev7bltyc?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><span style=\"font-size: 8pt;\"><em>Fonte: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div>\n<p>Le immagini animate come le cinemagraph non sono una nuova moda del momento, ma sono state infatti create nel 2011 per pubblicizzare noti marchi, tra cui anche le foto delle menti creative di\u00a0<u><a href=\"http:\/\/cinemagraphs.com\/\">Jamie Beck e Kevin Burg<\/a><\/u>,\u00a0per la Fashion Week di New York di allora. Le cinemagraph, inoltre, sono in grado di dare vita a siti Web o pubblicit\u00e0 in rete in maniera pi\u00f9 accattivante senza dover realizzare video costosi.<\/p>\n<\/div>\n<h2>Usare le immagini animate per scopi professionali<\/h2>\n<p>La procedura per creare le immagini animate e gli aspetti tecnici che la accompagnano verranno illustrati nella presentazione degli strumenti riportata pi\u00f9 avanti. In questo capitolo possiamo tuttavia gi\u00e0 anticipare un punto fondamentale: realizzare immagini animate \u00e8 molto pi\u00f9 conveniente che registrare un video promozionale. Anche le immagini animate devono per\u00f2 avere un elemento capace di suscitare l\u2019attenzione e l\u2019interesse dell\u2019osservatore. Inoltre, la dimensione dei file delle immagini \u00e8 notevolmente pi\u00f9 piccola rispetto a quella di un video promozionale, permettendo una pi\u00f9 rapida visualizzazione automatica su molti siti Web o blog. Si tratta di un aspetto importante, perch\u00e9 le cinemagraph \u201cfunzionano\u201d meglio se vengono riprodotte subito e a ripetizione.<\/p>\n<div class=\"custom-background custom-background-donts\">\n<p><strong>Importante:<\/strong>\u00a0nonostante si parli di<strong>\u00a0immagini<\/strong>\u00a0animate, in realt\u00e0 si tratterebbe per lo pi\u00f9 di\u00a0<strong>file video<\/strong>. Affinch\u00e9 l\u2019immagine animata venga riprodotta in loop, il file video dovr\u00e0 essere convertito in formato GIF, poich\u00e9 solo quest\u2019ultimo consente di riprodurre il video a ciclo continuo in maniera automatica.<br \/>\nAttenzione! Un file MP4 \u00e8 in grado di riprodurre una serie infinita di colori, mentre un file GIF solo 256. Ci\u00f2 si traduce in una perdita di qualit\u00e0 spesso abbastanza evidente. Nell\u2019inserire l\u2019immagine animata nel proprio sito Web, blog o simili, cercare quindi di evitare di convertire il file in formato GIF e di integrare piuttosto la funzione loop mediante il codice di inserimento.<\/p>\n<figure id=\"attachment_50722\" aria-describedby=\"caption-attachment-50722\" style=\"width: 270px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50722\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-300x260.png\" alt=\"Un oceano calmo con dolci increspature si estende fino all&#039;orizzonte sotto un cielo azzurro e terso, come un cinemagrafo vivente. L&#039;acqua riflette i colori tenui della luce del primo mattino o del tardo pomeriggio, creando una scena serena e tranquilla.\" width=\"270\" height=\"234\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-300x260.png 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-534x462.png 534w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-696x602.png 696w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-485x420.png 485w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/mp4-file.png 722w\" sizes=\"(max-width: 270px) 100vw, 270px\" \/><\/a><figcaption id=\"caption-attachment-50722\" class=\"wp-caption-text\">Qualit\u00e0 di un file MP4 vs<\/figcaption><\/figure>\n<figure id=\"attachment_50721\" aria-describedby=\"caption-attachment-50721\" style=\"width: 235px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/gif-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50721\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/gif-file-300x300.png\" alt=\"Una mongolfiera sale in un cielo azzurro e terso sopra un mare calmo, circondata da una debole foschia. Come un cinemagrafo vivente, l&#039;acqua riflette la morbida luce del sole, creando un&#039;atmosfera serena e pacifica.\" width=\"235\" height=\"235\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/gif-file-300x300.png 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/gif-file-150x150.png 150w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/gif-file-420x420.png 420w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/gif-file.png 460w\" sizes=\"(max-width: 235px) 100vw, 235px\" \/><\/a><figcaption id=\"caption-attachment-50721\" class=\"wp-caption-text\">file convertito in GIF<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<h3 id=\"1\">Siti Web e blog<\/h3>\n<p>Nella testata di un sito Web le immagini animate sono un\u2019ottima soluzione per catturare subito l\u2019attenzione del visitatore in maniera discreta. Anche i prodotti possono essere presentati in modo molto pi\u00f9 accattivante usando le cinemagraph, ovviamente a seconda del settore e del tipo di prodotto in questione. Questo vantaggio pu\u00f2 essere facilmente sfruttato anche nei blog, tenendo comunque sempre presente un aspetto importante: \u201cless is more\u201d. Quando in una pagina tutto comincia a muoversi a ripetizione e ogni barra laterale \u00e8 tempestata da fastidiosi annunci pubblicitari, non si ha certamente l\u2019effetto \u201cwow\u201d desiderato.<\/p>\n<p><strong>Esempi di presentazioni di prodotti:<\/strong><\/p>\n<div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 80.00%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/58wkj6qoxfdlu5u080f1?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Fonte: flixel.com\/cinemagraphs\/advertising &#8211; CinePix<\/span><\/em><\/p>\n<div class=\"flx-embed\">\n<div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 52.76%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/n7u0t3tl0exu4ynqq8u6?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Fonte: flixel.com\/cinemagraphs\/advertising &#8211;\u00a0<\/span><span style=\"font-size: 8pt;\">AndrewPavlidis<\/span><\/em><\/p>\n<\/div>\n<div style=\"position: relative; height: 0; padding-bottom: 80.00%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/42q0i5raed0h1yauych0?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Fonte: flixel.com\/cinemagraphs\/advertising &#8211;\u00a0<\/span><span style=\"font-size: 8pt;\">CinePix<\/span><\/em><\/p>\n<\/div>\n<p><strong>Tecnica di inserimento:<\/strong>\u00a0l\u2019immagine animata pu\u00f2 essere integrata tramite l\u2019elemento video HTML. All\u2019interno del codice devono figurare gli attributi \u201cautoplay\u201d e \u201cloop\u201d e deve essere verificata la compatibilit\u00e0 con i diversi browser. Anche WordPress permette l\u2019inserimento di un\u2019immagine animata senza problemi. La soluzione pi\u00f9 semplice consiste nel caricare l\u2019immagine animata su YouTube o altre piattaforme come\u00a0<u><a href=\"https:\/\/flixel.com\/cinemagraphs\/fresh\/\">flixel.com<\/a><\/u>\u00a0(un sito specializzato nella produzione e diffusione di cinemagraph) e poi inserirla sulla propria pagina Web. Tra le piattaforme menzionate, Flixel offre ad esempio codici embedded preconfigurati da copiare e incollare che consentono di riprodurre il video in maniera automatica e a ripetizione.<\/p>\n<p>Esempio di codice per l\u2019inserimento di un\u2019immagine animata come elemento HTML:<\/p>\n<pre>&lt;video width=\"320\" height=\"240\" autoplay loop&gt;\r\n&lt;source src=\"movie.mp4\" type=\"video\/mp4\"&gt;\r\n&lt;source src=\"movie.ogg\" type=\"video\/ogg\"&gt;\r\nYour browser does not support the video tag.\r\n&lt;\/video&gt;<\/pre>\n<div>\n<p>Esempio di codice per l\u2019inserimento di un\u2019immagine animata dalla media gallery (di WordPress):<\/p>\n<pre>[ video width=\"1200\" height=\"800\" \r\nmp4=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2018\/09\/Test_Wasser\r\n-1200px-25fps-2.mp4\" loop=\"on\" autoplay=\"on\" ] [ \/video ]<\/pre>\n<p><em><span style=\"font-size: 8pt;\">(Nota: prima di utilizzare questo codice, cancellare gli spazi inseriti prima e dopo le parentesi.)<\/span><\/em><\/p>\n<p>Esempio di codice per l\u2019inserimento di un\u2019immagine animata su YouTube:<\/p>\n<pre>&lt;iframe class=\"embed-responsive-item\"id=\"ytplayer\" type=\"text\/html\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/DWamwL9e3EY?&amp;autoplay=1&amp;loop=1&amp;rel=0&amp;showinfo=0&amp;color=white&amp;iv_load_policy=3&amp;playlist=DWamwL9e3EY\" frameborder=\"0\" allowfullscreen&gt;&lt;\/iframe&gt;<\/pre>\n<\/div>\n<p>Esempio di codice per l\u2019inserimento di un\u2019immagine animata su Flixel:<\/p>\n<pre>&lt;div class=\"flx-embed\"&gt;&lt;div style=\"position:relative; height:0; padding-bottom:56.25%; width:100%\"&gt;&lt;iframe style=\"position:absolute; top:0; left:0; width:100%; height:100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/tpaqkloxud1mvjq08bfh?hd=false\" frameborder=\"0\" allowfullscreen allow='autoplay'&gt;&lt;\/iframe&gt;&lt;\/div&gt;&lt;\/div&gt;<\/pre>\n<h3 id=\"2\">Social media content marketing, display marketing o canvas marketing<\/h3>\n<p>Tutto ci\u00f2 che si muove risulta interessante. Questo vale anche per i post pubblicati sui social media. Le immagini animate sono adatte sia per il display e il canvas marketing su Facebook o Instagram che per condividere contenuti interessanti della propria strategia di content marketing. Il vantaggio nell\u2019usare questo tipo di immagini rispetto ai video \u00e8 il seguente: le cinemagraph vengono percepite in maniera pi\u00f9 semplice di un video, in quanto l\u2019occhio deve seguire un numero inferiore di elementi che si muovono in contemporanea. Da un lato, ci\u00f2 risulta meno stressante per gli occhi, mentre dall\u2019altro rende l\u2019immagine molto interessante. I contenuti nei social network devono inoltre intrattenere e divertire \u2013 e che nessuno ci venga a dire di aver letto fino a qui perch\u00e9 non trovava le immagini animate suggestive!<\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BbSTEDUgUeK\/?utm_source=ig_embed&amp;utm_medium=loading\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BbSTEDUgUeK\/?utm_source=ig_embed&amp;utm_medium=loading\" target=\"_blank\" rel=\"noopener\">A post shared by Coca-Cola (@cocacolaeu)<\/a> on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2017-11-09T19:16:59+00:00\">Nov 9, 2017 at 11:16am PST<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<p><strong>Tecnica di inserimento:\u00a0<\/strong>grazie alla funzione di riproduzione automatica di Facebook, Instagram e altri social media, i video o in questo caso le immagini animate vengono avviati automaticamente senza dover cliccare direttamente sulla foto. Anche le foto del profilo o gli annunci pubblicitari su Facebook possono essere impostati con le immagini animate. Le cinemagraph possono essere tranquillamente riprodotte anche sui dispositivi mobili di ultima generazione. Affinch\u00e9 anche il movimento del soggetto risulti evidente, occorre tuttavia assicurarsi che l\u2019immagine venga riprodotta in loop. Se l\u2019immagine animata dura solo tre secondi, l\u2019osservatore non riuscir\u00e0 infatti a cogliere l\u2019effetto.<\/p>\n<h3 id=\"3\">Newsletter<\/h3>\n<p>Anche in questo ambito le immagini animate sono di grande impatto visivo. Per l\u2019avvio della terza stagione di \u201cHouse of Cards\u201d, il colosso delle serie TV Netflix ha inserito un\u2019immagine animata nella relativa newsletter. In questo modo \u00e8 molto pi\u00f9 probabile che i lettori si ricordino dell\u2019inizio della stagione e che molti di loro clicchino sul trailer.<\/p>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 114.94%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/f8yz1tdwi0jtppyq7oio?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><span style=\"font-size: 8pt;\"><em>Fonte: blog.flixel.com<\/em><\/span><\/p>\n<p><strong>Tecnica di inserimento:<\/strong>\u00a0per inserire un\u2019immagine animata in una newsletter, in casi eccezionali (anche quando andrebbe effettivamente evitato) pu\u00f2 essere d\u2019aiuto convertirla in formato GIF in modo da contenere le dimensioni del file. Il formato GIF pu\u00f2 essere normalmente integrato mediante il codice di inserimento delle immagini e la dimensione del file permetterebbe di evitare che i contenuti della newsletter vengano caricati lentamente. Tuttavia, occorre assicurarsi che non vi sia un\u2019eccessiva perdita di qualit\u00e0 e che l\u2019immagine animata appaia comunque con una qualit\u00e0 elevata.<\/p>\n<p>Esempio di codice per l\u2019inserimento di un\u2019immagine animata nella newsletter (convertita in formato GIF):<\/p>\n<div class=\"custom-background-grey\">\n<p>&lt;img src=\u201cXXXXX.gif\u201c width=\u201c600\u201c height=\u201c340\u201c alt=\u201cxx\u201c border=\u201c0\u201c hspace=\u201c0\u201c vspace=\u201c0\u201c&gt;<\/p>\n<\/div>\n<p>Se l\u2019immagine viene inserita in formato video con molti pi\u00f9 colori e, di conseguenza, con una dimensione maggiore del file, sar\u00e0 necessario verificare prima di tutto che l\u2019immagine animata non comprometta la performance dei contenuti all\u2019apertura della newsletter, sia nella versione desktop che in quella per dispositivi mobili.<\/p>\n<h2>Come creare immagini animate fai da te: elenco degli strumenti<\/h2>\n<p>Per dare vita a un\u2019immagine, occorre avere un buon occhio e, a seconda dello strumento utilizzato, una connessione internet costante. Alcuni strumenti, infatti, offrono addirittura la possibilit\u00e0 di modificare le immagini online. Sempre in base allo strumento che si utilizza, il materiale di partenza pu\u00f2 essere una foto oppure un video.<\/p>\n<h3 id=\"plotagraph\">Plotagraph<\/h3>\n<p>A differenza degli altri strumenti a disposizione, questo provider consente di creare un\u2019immagine animata partendo da un file di immagini. In questa piattaforma \u00e8 possibile modificare le immagini anche online. Su Plotagraph, o per essere pi\u00f9 precisi Plotaverse, \u00e8 possibile registrarsi gratuitamente per farsi un&#8217;idea di questo strumento. La fase di modifica avviene in modo molto rapido, o per lo meno non occorre effettuare svariate operazioni preliminari. Si deve soltanto scattare o scegliere una foto adatta e caricarla nello strumento in questione. Una volta aperto l\u2019editor, si potr\u00e0 stabilire quali parti dell\u2019immagine dovranno rimanere statiche con l\u2019aiuto di un apposito pennello.<\/p>\n<figure id=\"attachment_50723\" aria-describedby=\"caption-attachment-50723\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50723 size-large\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-1024x498.png\" alt=\"Un cielo drammatico con nuvole scure incombe su un vecchio fienile di legno in un campo erboso. La scena, che ricorda un cinemagraph, \u00e8 tinta di rosso, il che le conferisce un&#039;atmosfera inquietante e surreale. L&#039;interfaccia del software Plotagraph circonda l&#039;immagine.\" width=\"696\" height=\"338\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-1024x498.png 1024w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-300x146.png 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-768x373.png 768w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-696x338.png 696w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-1068x519.png 1068w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-864x420.png 864w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1.png 1886w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-50723\" class=\"wp-caption-text\">Screenshot della maschera di Plotagraph<\/figcaption><\/figure>\n<p>Mediante le frecce (arancioni e blu) sar\u00e0 invece possibile impostare la direzione dei pixel nel movimento successivo. I cosiddetti \u201cstabilizzatori\u201d aiuteranno a definire con maggiore precisione l\u2019animazione all\u2019interno dell\u2019immagine. Nel nostro esempio, gli stabilizzatori sono stati volutamente inseriti nel cielo per ottenere un movimento pi\u00f9 differenziato delle nuvole.<\/p>\n<figure id=\"attachment_50724\" aria-describedby=\"caption-attachment-50724\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50724 size-large\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-1024x498.png\" alt=\"Un rustico fienile in legno si erge in un campo aperto sotto un cielo drammatico e nuvoloso. Modificato come cinemagraph in un software di animazione, frecce direzionali colorate si sovrappongono al cielo, aggiungendo movimento dinamico alla scena tranquilla.\" width=\"696\" height=\"338\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-1024x498.png 1024w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-300x146.png 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-768x373.png 768w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-696x338.png 696w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-1068x519.png 1068w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-864x420.png 864w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2.png 1886w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-50724\" class=\"wp-caption-text\">Screenshot della successiva modifica in Plotagraph<\/figcaption><\/figure>\n<p>Il movimento dei pixel dell\u2019immagine viene calcolato automaticamente dallo strumento. Tuttavia, \u00e8 possibile intervenire sulla durata del movimento calcolato in automatico. Quanto pi\u00f9 breve sar\u00e0 l\u2019impostazione della durata dell\u2019immagine animata, tanto pi\u00f9 velocemente si muoveranno i punti predefiniti. Al termine dell&#8217;operazione il progetto pu\u00f2 essere finalmente esportato. Scegliendo la versione Pro gratuita, si ricever\u00e0 un file MP4 contenente una filigrana. Nella versione a pagamento sono invece disponibili i formati MOV, JPEG seg, PNG seq, animated PNG e GIF.<\/p>\n<div style=\"width: 696px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-14689-1\" width=\"696\" height=\"463\" loop=\"1\" autoplay=\"1\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/house-1200px-30fps.mp4?_=1\" \/><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/house-1200px-30fps.mp4\">https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/house-1200px-30fps.mp4<\/a><\/video><\/div>\n<p>Uno dei vantaggi di questo strumento consiste nel poter verificare in qualsiasi momento lo stato della modifica premendo il tasto play in basso al centro, poich\u00e9 l\u2019immagine viene riprodotta a ripetizione cliccando sul pulsante. In questo modo si possono cogliere subito eventuali incongruenze e movimenti innaturali.<\/p>\n<p><strong>In breve:<\/strong>\u00a0La versione online dell\u2019applicazione risulta essere molto performante anche sugli smartphone. Se si sceglie invece di acquistare la versione Pro, \u00e8 opportuno scaricare anche la versione desktop dell\u2019applicazione. Tuttavia, questo strumento non \u00e8 in grado di dare vita a tutte le immagini in modo naturale, in quanto non \u00e8 possibile intervenire sul movimento esatto dei singoli punti dell\u2019immagine.<\/p>\n<p>Se si devono animare elementi come i raggi del sole in primo piano mentre lo sfondo con le montagne deve rimanere fermo, lo strumento inizier\u00e0 a mostrare i propri limiti. Se invece si riesce a suddividere chiaramente il movimento del primo piano e dello sfondo dell\u2019immagine (come ad esempio il mare e il cielo), Plotagraph permetter\u00e0 di creare immagini animate con estrema rapidit\u00e0 usando solamente una foto come materiale di partenza. Questo strumento \u00e8 particolarmente indicato per gli elementi fluidi come le nuvole, il mare o per semplici elementi grafici<\/p>\n<h3 id=\"flixel\">Flixel<\/h3>\n<p>Il programma\u00a0<u><a href=\"https:\/\/flixel.com\/\">Cinemagraph Pro di Flixel<\/a><\/u>\u00a0\u00e8 specificamente progettato per la creazione delle cinemagraph. Anche qui si ha la possibilit\u00e0 di testare gratuitamente lo strumento prima di acquistarlo. La differenza pi\u00f9 grande e significativa rispetto a Plotagraph risiede nel fatto che Flixel lavora con materiale video. Ci\u00f2 significa che i movimenti dell\u2019immagine appariranno molto pi\u00f9 naturali, poich\u00e9 si tratta di movimenti veri e propri visibili all\u2019occhio umano. Prima di arrivare a questo punto, tuttavia, si dovr\u00e0 innanzitutto registrare il video rispettando determinate condizioni.<\/p>\n<p>Per creare un\u2019immagine animata, \u00e8 necessario girare un video con un apposito cavalletto. I bordi del video non dovranno infatti subire alcuna modifica, ma andranno modificati solo i modelli o il soggetto dell\u2019immagine. Quando si tratta di decidere a quale elemento dell\u2019immagine si dovr\u00e0 attribuire il movimento, non esistono limiti alla creativit\u00e0. Prima di girare il video, per\u00f2, sarebbe opportuno avere gi\u00e0 presente l\u2019effetto che si desidera dare alla propria cinemagraph. Di conseguenza si dovranno dare istruzioni ai modelli o posizionare la telecamera in posti specifici.<\/p>\n<p>Nel tutorial di base di Flixel, la scena che dovr\u00e0 prendere vita ha per protagoniste due persone sedute davanti a un tavolino: in questa scena, l\u2019uomo a sinistra sorseggia dalla tazza, mentre la donna a destra versa del t\u00e8.<\/p>\n<figure id=\"attachment_50727\" aria-describedby=\"caption-attachment-50727\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50727 size-large\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-1024x576.png\" alt=\"Un uomo e una donna sono seduti su poltrone attorno a un piccolo tavolo rotondo, catturati in un momento di cinemagrafia. La donna versa elegantemente il t\u00e8 da una teiera di vetro, mentre l&#039;uomo ne assapora un sorso. Dietro di loro, un camino bianco adornato da candele rosse aggiunge calore alla scena accogliente.\" width=\"696\" height=\"392\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-1024x576.png 1024w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-300x169.png 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-768x432.png 768w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-696x392.png 696w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-1068x601.png 1068w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-747x420.png 747w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1.png 1920w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-50727\" class=\"wp-caption-text\">Selezione di una parte di video in Cinemagraph Pro<\/figcaption><\/figure>\n<p>Caricando il video registrato su Cinemagraph Pro, si dovr\u00e0 scegliere innanzitutto una breve parte del video e definire un\u2019immagine statica all\u2019interno di quest\u2019ultima. Quest&#8217;immagine statica sar\u00e0 il materiale di partenza per la cinemagraph.<\/p>\n<p>Successivamente, all\u2019immagine dovr\u00e0 essere applicata una maschera. Tale operazione consiste nell\u2019evidenziare con l\u2019aiuto di un pennello tutte le aree dell\u2019immagine statica selezionata che dovranno muoversi.<\/p>\n<figure id=\"attachment_50729\" aria-describedby=\"caption-attachment-50729\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50729 size-large\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-1024x555.png\" alt=\"Un uomo e una donna sono seduti uno di fronte all&#039;altra vicino a un camino in un&#039;incantevole cinemagrafia. L&#039;uomo sorseggia dalla sua tazza mentre la donna versa il t\u00e8, con degli spuntini che adornano il tavolo. In questa scena di software di fotoritocco, un&#039;area di selezione evidenzia sottilmente la sua schiena.\" width=\"696\" height=\"377\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-1024x555.png 1024w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-300x163.png 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-768x416.png 768w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-696x377.png 696w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-1068x579.png 1068w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-775x420.png 775w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2.png 1920w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-50729\" class=\"wp-caption-text\">Applicazione della maschera alle aree che poi dovranno muoversi<\/figcaption><\/figure>\n<p>Grazie alla maschera appena creata, ora la parte del video prestabilita risulter\u00e0 evidenziata nei punti dove si \u00e8 passati sopra con il pennello. Nel resto dell\u2019immagine si vedr\u00e0 l\u2019immagine statica selezionata.<\/p>\n<p>Affinch\u00e9 il movimento appaia fluido, si consiglia di selezionare accuratamente la parte del video che si desidera animare. Cliccando sulle opzioni \u201cBounce\u201d o \u201cRepeat\u201d, il video in background pu\u00f2 essere mandato avanti, indietro e di nuovo avanti oppure essere riprodotto sempre in primo piano. \u00c8 inoltre possibile prestabilire anche la durata della ripetizione.<\/p>\n<p><strong>In breve:<\/strong>\u00a0Flixel rappresenta il connubio perfetto tra materiale video, parte del video selezionata e relativa immagine statica. Il programma \u00e8 strutturato in maniera molto chiara ed \u00e8 dotato di tutti gli strumenti necessari per effettuare le varie modifiche. Le opzioni di esportazione, in particolare, permettono di predisporre la cinemagraph all\u2019uso nei social media o persino su Facebook Ads. Cinemagraph Pro consente di realizzare immagini animate davvero realistiche, senza essere sopraffatti dalle numerosissime funzioni presenti nella finestra di modifica. Se si desidera usare le immagini animate a livello professionale, questo strumento \u00e8, a nostro parere, una soluzione molto vantaggiosa.<\/p>\n<h3 id=\"photoshop\">Adobe Photoshop<\/h3>\n<p>Se si \u00e8 gi\u00e0 in possesso della Creative Suite, non \u00e8 necessario acquistare un programma aggiuntivo per creare immagini animate. Queste ultime possono infatti essere realizzate anche con Photoshop C6 o una versione pi\u00f9 recente. Non essendo un programma effettivamente progettato per modificare video, l\u2019uso di Photoshop finalizzato a questo scopo richiede parzialmente l\u2019utilizzo di alcuni stratagemmi.<\/p>\n<p>Da Photoshop C6, tuttavia, il programma consente di aprire anche i contenuti video mostrando una barra della durata nella parte inferiore della schermata. Il media designer DomQuichotte, noto per i suoi tutorial su fx-ray.com, illustra in maniera molto chiara in un apposito\u00a0<u><a href=\"https:\/\/blogs.adobe.com\/creative\/de\/bewegte-bilder-so-entstehen-cinemagraphs\/\">tutorial per Adobe<\/a><\/u>\u00a0come creare in pochi semplici passaggi un\u2019immagine animata con Photoshop. In sintesi si tratta di girare un video adatto da cui poi scegliere una breve parte da animare (come per il programma Cinemagraph Pro di Flixel). Una volta selezionata la parte di video desiderata, baster\u00e0 ricavarne un\u2019immagine statica. La parola magica diventa a questo punto \u201cmaschere di livello\u201d. Con l\u2019aiuto delle maschere di livello, sar\u00e0 infatti possibile stabilire i punti dell\u2019immagine statica in cui si dovr\u00e0 vedere il video sottostante. Sovrapponendo i livelli ai file video, si otterr\u00e0 lo stesso risultato di quando si usano i livelli dell\u2019immagine. \u00c8 quindi fondamentale riuscire sempre a vedere l\u2019immagine e il video sottostante solo nei punti selezionati.<\/p>\n<figure id=\"attachment_50725\" aria-describedby=\"caption-attachment-50725\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-50725 size-large\" src=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-1024x543.jpg\" alt=\"Un&#039;interfaccia digitale su uno schermo mostra un accattivante cinemagraph in Adobe Photoshop, raffigurante una persona in piedi in un campo erboso vicino all&#039;oceano. Un presentatore con un berretto parla in un microfono l\u00ec vicino, aggiungendo un commento dinamico per completare l&#039;ipnotizzante motion art.\" width=\"696\" height=\"369\" srcset=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-1024x543.jpg 1024w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-300x159.jpg 300w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-768x407.jpg 768w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-696x369.jpg 696w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-1068x566.jpg 1068w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-792x420.jpg 792w, https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial.jpg 1273w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-50725\" class=\"wp-caption-text\">Screenshot tratto dal tutorial di\u00a0DomQuichotte, fonte: blogs.adobe.com<\/figcaption><\/figure>\n<p>Il vantaggio di effettuare la modifica con Photoshop \u00e8 il seguente: convertendo l\u2019immagine statica selezionata in un oggetto avanzato, si potr\u00e0 usufruire anche di tutte le altre funzioni per modificare le immagini. Che si tratti di filtri RAW o di altre applicazioni, l\u2019immagine animata potr\u00e0 essere modificata seguendo le stesse operazioni che si eseguirebbero per modificare le immagini di un prodotto o di un servizio fotografico.<\/p>\n<div class=\"custom-background-grey\">\n<p>L\u2019aspetto interessante \u00e8 che Photoshop non solo permette di creare un\u2019immagine animata a partire da un video, ma consente anche, mediante la barra della durata, di modificare una semplice foto in maniera tale che dopo si muova. Tuttavia, questo metodo risulta essere poco flessibile, poich\u00e9 il movimento viene simulato applicando maschere e trasformazioni (ad esempio l\u2019ingrandimento). Come per\u00a0<u><a href=\"https:\/\/www.diedruckerei.de\/magazin\/bewegte-bilder-cinemagraphs\/#https:\/\/www.diedruckerei.de\/magazin\/bewegte-bilder-cinemagraphs\/\">Plotagraph<\/a><\/u>, anche qui sono pi\u00f9 adatti i soggetti fluidi quali ad esempio le nuvole o l\u2019acqua.<\/p>\n<\/div>\n<p><strong>In breve:<\/strong>\u00a0Per coloro che sono abili nell\u2019uso di Photoshop oppure, ancora meglio, che hanno gi\u00e0 dimestichezza con la barra della durata del programma, questa diversa funzione di modifica sar\u00e0 un gioco da ragazzi. Come descritto sopra, oltre a creare l\u2019immagine animata, si possono applicare anche tutti gli altri strumenti di fotoritocco e filtri necessari per modificare l\u2019immagine. Non occorrer\u00e0 quindi acquistare nessun nuovo programma, ma baster\u00e0 semplicemente adattare le funzioni dello strumento che gi\u00e0 si possiede.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questo articolo ci occuperemo di una particolare tendenza fotografica che, secondo le nostre stime, potrebbe ritornare in voga molto presto: si tratta delle immagini animate note anche con il termine \u201ccinemagraph\u201d.<\/p>\n","protected":false},"author":24,"featured_media":50726,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,6],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come creare immagini animate e ottenere un successo: le cinemagraph.<\/title>\n<meta name=\"description\" content=\"Le immagini animate come le cinemagraph sono una tendenza fotografica che potrebbe ritornare in voga molto presto, e a cui occorre prestare attenzione durante la fase di creazione e in caso di utilizzo per finalit\u00e0 di marketing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come creare immagini animate e ottenere un enorme successo: le cinemagraph\" \/>\n<meta property=\"og:description\" content=\"Le immagini animate come le cinemagraph sono una tendenza fotografica che potrebbe ritornare in voga molto presto, e a cui occorre prestare attenzione durante la fase di creazione e in caso di utilizzo per finalit\u00e0 di marketing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.it Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-05T06:36:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T14:25:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1068\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ramona\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Come creare immagini animate e ottenere un enorme successo: le cinemagraph\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ramona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/\",\"url\":\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/\",\"name\":\"Come creare immagini animate e ottenere un successo: le cinemagraph.\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg\",\"datePublished\":\"2019-06-05T06:36:55+00:00\",\"dateModified\":\"2025-04-28T14:25:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\"},\"description\":\"Le immagini animate come le cinemagraph sono una tendenza fotografica che potrebbe ritornare in voga molto presto, e a cui occorre prestare attenzione durante la fase di creazione e in caso di utilizzo per finalit\u00e0 di marketing.\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg\",\"width\":1068,\"height\":580,\"caption\":\"Le cinemagraph\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.it\/blog\/\",\"name\":\"onlineprinters.it Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.it\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\",\"name\":\"Ramona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.onlineprinters.it\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2018\/10\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2018\/10\/avatar.png\",\"caption\":\"Ramona\"},\"description\":\"H\u00e4tte, h\u00e4tte, Fahrradkette \u2013 ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuh\u00e4ngen. Jeden Tag \u00f6ffnen sich neue T\u00fcren und in unserer schnelllebigen Zeit der selbstf\u00fcllenden K\u00fchlschr\u00e4nke, Next-day-deliverys und twitternden Pr\u00e4sidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln m\u00f6chte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie m\u00f6glich an die Leser weitergeben.\",\"url\":\"https:\/\/www.onlineprinters.it\/blog\/author\/ramona\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come creare immagini animate e ottenere un successo: le cinemagraph.","description":"Le immagini animate come le cinemagraph sono una tendenza fotografica che potrebbe ritornare in voga molto presto, e a cui occorre prestare attenzione durante la fase di creazione e in caso di utilizzo per finalit\u00e0 di marketing.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/","og_locale":"it_IT","og_type":"article","og_title":"Come creare immagini animate e ottenere un enorme successo: le cinemagraph","og_description":"Le immagini animate come le cinemagraph sono una tendenza fotografica che potrebbe ritornare in voga molto presto, e a cui occorre prestare attenzione durante la fase di creazione e in caso di utilizzo per finalit\u00e0 di marketing.","og_url":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/","og_site_name":"onlineprinters.it Blog","article_published_time":"2019-06-05T06:36:55+00:00","article_modified_time":"2025-04-28T14:25:59+00:00","og_image":[{"width":1068,"height":580,"url":"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg","type":"image\/jpeg"}],"author":"Ramona","twitter_card":"summary_large_image","twitter_title":"Come creare immagini animate e ottenere un enorme successo: le cinemagraph","twitter_misc":{"Scritto da":"Ramona","Tempo di lettura stimato":"16 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/","url":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/","name":"Come creare immagini animate e ottenere un successo: le cinemagraph.","isPartOf":{"@id":"https:\/\/www.onlineprinters.it\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg","datePublished":"2019-06-05T06:36:55+00:00","dateModified":"2025-04-28T14:25:59+00:00","author":{"@id":"https:\/\/www.onlineprinters.it\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9"},"description":"Le immagini animate come le cinemagraph sono una tendenza fotografica che potrebbe ritornare in voga molto presto, e a cui occorre prestare attenzione durante la fase di creazione e in caso di utilizzo per finalit\u00e0 di marketing.","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.onlineprinters.it\/blog\/cinemagraph\/#primaryimage","url":"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg","contentUrl":"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2019\/02\/cinemagraph.jpg","width":1068,"height":580,"caption":"Le cinemagraph"},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.it\/blog\/#website","url":"https:\/\/www.onlineprinters.it\/blog\/","name":"onlineprinters.it Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.it\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.it\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9","name":"Ramona","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.onlineprinters.it\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2018\/10\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.it\/blog\/wp-content\/uploads\/2018\/10\/avatar.png","caption":"Ramona"},"description":"H\u00e4tte, h\u00e4tte, Fahrradkette \u2013 ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuh\u00e4ngen. Jeden Tag \u00f6ffnen sich neue T\u00fcren und in unserer schnelllebigen Zeit der selbstf\u00fcllenden K\u00fchlschr\u00e4nke, Next-day-deliverys und twitternden Pr\u00e4sidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln m\u00f6chte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie m\u00f6glich an die Leser weitergeben.","url":"https:\/\/www.onlineprinters.it\/blog\/author\/ramona\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/posts\/14689"}],"collection":[{"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/comments?post=14689"}],"version-history":[{"count":9,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions"}],"predecessor-version":[{"id":52405,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions\/52405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/media\/50726"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/media?parent=14689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/categories?post=14689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.it\/blog\/wp-json\/wp\/v2\/tags?post=14689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}