{"id":16452,"date":"2021-10-22T00:07:03","date_gmt":"2021-10-21T22:07:03","guid":{"rendered":"http:\/\/www.didatticarte.it\/Blog\/?p=16452"},"modified":"2021-10-28T15:31:34","modified_gmt":"2021-10-28T13:31:34","slug":"giocare-con-larte-animando-le-gif","status":"publish","type":"post","link":"https:\/\/www.didatticarte.it\/Blog\/?p=16452","title":{"rendered":"Giocare con l&#8217;arte animando le gif"},"content":{"rendered":"<p><span style=\"color: #000000;\">Odio le gif. Mi disturba la loro ciclicit\u00e0 febbrile, l&#8217;enfasi comunicativa e la grafica generalmente volgare. Ci\u00f2 non toglie che anche le gif possano diventare uno strumento didattico per scoprire l&#8217;arte, magari divertendosi&#8230; No, non parlo di quelle gi\u00e0 pronte, con la Gioconda che fa le boccacce o van Gogh che perde un orecchio.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19591\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/mona-lisa-make-face.gif\" alt=\"\" width=\"498\" height=\"483\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19594\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/my-ears-make-it-stop.gif\" alt=\"\" width=\"498\" height=\"371\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Queste sono robette goliardiche, che non aggiungono nulla alla nostra conoscenza dell&#8217;arte. Pi\u00f9 utile pu\u00f2 essere creare da s\u00e9 le proprie gif per raccontare qualcosa di nuovo e di interessante. Che cosa? Beh, ad esempio una delle serie di Monet, sovrapponendo in sequenza i quadri, per vedere le continue variazioni di colore e composizione. Ad esempio questa.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19596\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/tumblr_nn12n7B7Az1r704g9o1_500.gif\" alt=\"\" width=\"500\" height=\"278\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Io ho provato con due opere sole, passando dall&#8217;una all&#8217;altra con un morphing pi\u00f9 lento.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19597\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/Monet-parlamento.gif\" alt=\"\" width=\"640\" height=\"480\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Fa parte di questa modalit\u00e0 anche la serie dei tori di Picasso.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19603\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/tumblr_mmg0nn6lTB1r03m0qo1_r5_400.gif\" alt=\"\" width=\"400\" height=\"299\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Le variazioni cromatiche tornano con questa gif dedicata a Marilyn Monroe di Warhol. L&#8217;effetto sembra aumentare la carica pop della serie.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19606\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/tumblr_l84xvq6JoF1qc1lnko1_500.gif\" alt=\"\" width=\"500\" height=\"502\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">La gif pu\u00f2 servire anche per sovrapporre all&#8217;opera il suo schema compositivo (o presunto tale) come in questo esempio sul Tondo Doni di Michelangelo.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19600\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/QX15.gif\" alt=\"\" width=\"347\" height=\"360\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Con una gif simile a un minivideo si pu\u00f2 scomporre un&#8217;opera e rimontarla, come avviene in questo Kandinsky.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19601\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/tumblr_oi9xoz8sxW1u5nu6fo1_640.gif\" alt=\"\" width=\"640\" height=\"480\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Con una gif si possono montare in sequenza le foto di una scultura scattate da pi\u00f9 punti di vista per simulare il giro completo attorno a un&#8217;opera. In questo esempio la ballerina di Degas.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19605\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy-2.gif\" alt=\"\" width=\"275\" height=\"401\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">La gif pu\u00f2 servire a presentare pi\u00f9 opere dello stesso autore ed evidenziare i differenti linguaggi utilizzati, come in questa sequenza di Pollock.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19607\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3cd25007832b98f883da47f0627bfd7b.gif\" alt=\"\" width=\"500\" height=\"500\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Al limite si pu\u00f2 pensare anche di percorrere un tema come quello del volto femminile (ma possibilmente in ordine cronologico&#8230;) come avviene in questa gif.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19608\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy-3.gif\" alt=\"\" width=\"410\" height=\"480\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Con la gif si possono sovrapporre le opere d&#8217;arte e la loro ricostruzione tridimensionale, o anche la foto del luogo reale rappresentato. Questo esempio riguarda la stanza ad Arles di van Gogh.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19609\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/d7hftxdivxxvm.cloudfront.net_.gif\" alt=\"\" width=\"600\" height=\"470\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">La sovrapposizione si pu\u00f2 realizzare anche tra il dipinto e il suo tableau vivant. Questo \u00e8 Picasso.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19610\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/150250-ricreazioni-darte-covid-contenimento-getty-sfida-pablo-picasso-artisti-pittori-morphing-sembra.gif\" alt=\"\" width=\"283\" height=\"416\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Infine, una gif pu\u00f2 raccontare splendidamente un&#8217;opera ciclica come le Metamorfosi di <strong>Escher<\/strong>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19671\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/bfd3bc2f632368ee31e0ca9bd7df40fd.gif\" alt=\"\" width=\"500\" height=\"365\" \/><\/p>\n<p><span style=\"color: #000000;\">Ma vediamo come realizzare tecnicamente una gif. Proviamo con <\/span><strong><a href=\"https:\/\/giphy.com\/create\/gifmaker\" target=\"_blank\" rel=\"noopener\">Giphy<\/a><\/strong><span style=\"color: #000000;\">, un archivio di migliaia di gif (anche molto sceme) ma soprattutto un&#8217;applicazione online per costruirle. Per iniziare occorre creare un account. Andando su &#8216;Create&#8217; compare questa finestra dentro cui \u00e8 possibile caricare le immagini per realizzare la gif.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19613\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy.jpg\" alt=\"\" width=\"800\" height=\"566\" srcset=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy.jpg 800w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy-300x212.jpg 300w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy-768x543.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Scegliamo &#8216;Choose File&#8217; dal primo riquadro a sinistra e selezioniamo un&#8217;immagine dal nostro hard disk. Io provo con un dipinto del vedutista \u00a0Francesco Guardi. Comparir\u00e0 questa finestra.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19614\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy2.jpg\" alt=\"\" width=\"800\" height=\"677\" srcset=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy2.jpg 800w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy2-300x254.jpg 300w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy2-768x650.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">A questo punto possiamo aggiungere altre immagini dalla funzione &#8216;Add more images&#8217; sotto la foto. Ne scelgo solo un&#8217;altra per fare un esempio facile. Si tratta di una foto della piazza pi\u00f9 o meno dalla stessa angolazione. Per caricarla devo scegliere, dalla finestra seguente, la voce &#8216;Browse Files&#8217;.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19615\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy3.jpg\" alt=\"\" width=\"800\" height=\"426\" srcset=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy3.jpg 800w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy3-300x160.jpg 300w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy3-768x409.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">In questa fase posso stabilire il tempo con cui voglio mantenere ogni immagine. Imposto un secondo e procedo. Nella nuova finestra posso mettere i tag con cui la gif verr\u00e0 caricata sulla <\/span><strong><a href=\"https:\/\/giphy.com\/gifs\/venezia-piazza-san-marco-vedutismo-xzvcYMlrBHrbHfI5hw\" target=\"_blank\" rel=\"noopener\">piattaforma<\/a><\/strong><span style=\"color: #000000;\">, oltre a decidere se renderla pubblica o meno.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19616\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy4.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy4.jpg 800w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy4-300x169.jpg 300w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy4-768x432.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Una volta completata l&#8217;operazione posso scaricare la gif e usarla anche altrove. Eccola qui, caricata su questo blog. \u00c8 una cosa veloce e grossolana, fatta giusto come dimostrazione.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19617\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy-4.gif\" alt=\"\" width=\"478\" height=\"304\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Per\u00f2 gi\u00e0 ci aiuta a scoprire delle cose: il campanile di Guardi \u00e8 pi\u00f9 snello di quello reale (anche se quello attuale \u00e8 una copia), il palazzo delle Procuratie vecchie \u00e8 decisamente pi\u00f9 basso delle Procuratie Nuove e il punto di vista \u00e8 un po&#8217; pi\u00f9 alto di quello di un osservatore reale.<\/span><\/p>\n<p><span style=\"color: #000000;\">In base alle immagini che si sceglie di caricare si possono ottenere effetti molto diversi. Qui mi sono divertita con la manona di Costantino, ai Musei Capitolini. Ho caricato due file con due diverse inclinazioni della mano. In questo modo sembra che il grosso indice stia dicendo di no.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19618\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/giphy-5.gif\" alt=\"\" width=\"480\" height=\"480\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Tuttavia i movimenti a scatti o il passaggio repentino tra immagini non sono il massimo. Per questo possiamo usare <\/span><strong><a href=\"https:\/\/3dthis.com\/morph.htm\" target=\"_blank\" rel=\"noopener\">3dthis<\/a><\/strong><span style=\"color: #000000;\">, un altro sito per creare gif che consente di fare il morphing tra le due figure cos\u00ec da rendere pi\u00f9 fluido il passaggio.\u00a0Per cominciare si caricano entrambe le immagini nelle due finestre.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19621\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis1.jpg\" alt=\"\" width=\"800\" height=\"877\" srcset=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis1.jpg 800w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis1-274x300.jpg 274w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis1-768x842.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Muovendo con il cursore l&#8217;immagine di destra si pu\u00f2 migliorare la sovrapposizione osservando l&#8217;immagine al centro in basso. Quando gli elementi coincidono si clicca il tasto Done in alto.<\/span><br \/>\n<span style=\"color: #000000;\">A questo punto si procede con il morphing vero e proprio indicando nella foto a destra i punti corrispondenti di quella a sinistra. Si user\u00e0 quella bacchetta verde al centro. Il risultato \u00e8 un reticolo di punti.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19622\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis2.jpg\" alt=\"\" width=\"800\" height=\"381\" srcset=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis2.jpg 800w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis2-300x143.jpg 300w, https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/3dthis2-768x366.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Fatto questo si procede con altri settaggi fino a produrre la gif.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19620\" src=\"https:\/\/www.didatticarte.it\/Blog\/wp-content\/uploads\/2021\/10\/NzY5NDgw.gif\" alt=\"\" width=\"360\" height=\"270\" \/><\/span><br \/>\n<span style=\"color: #000000;\">Con questa applicazione il passaggio si pu\u00f2 fare solo tra due immagini, mentre con Giphy se ne possono mettere anche di pi\u00f9.<\/span><\/p>\n<p><span style=\"color: #000000;\">Tuttavia la questione, pi\u00f9 che tecnica, \u00e8 sempre didattica. Perch\u00e9 dovremmo creare delle gif a scuola? A cosa pu\u00f2 servire? Qualche risposta ho provato a darvela, ma adesso continuate voi. Io chiudo perch\u00e9 tutte queste cose che si muovono da sole stanno iniziando a darmi sui nervi!<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Odio le gif. Mi disturba la loro ciclicit\u00e0 febbrile, l&#8217;enfasi comunicativa e la grafica generalmente volgare. Ci\u00f2 non toglie che anche le gif possano&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":19624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[519,521,4],"tags":[19,125,1860,1861],"class_list":["post-16452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-attiv","category-creat","category-didattica-arte","tag-animazione","tag-digitale","tag-gif","tag-social"],"_links":{"self":[{"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/posts\/16452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16452"}],"version-history":[{"count":21,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/posts\/16452\/revisions"}],"predecessor-version":[{"id":19673,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/posts\/16452\/revisions\/19673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=\/wp\/v2\/media\/19624"}],"wp:attachment":[{"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.didatticarte.it\/Blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}