Creare un Banner in Html5. Google Web Desgner e altri metodi

Creare un Banner in Html5 può sembrare complicato, ma...

In realtà ci sono diversi modi per farlo. Ci sono diversi modi per creare animazioni HTML.
Il trucco è sceglierne uno; almeno uno, per iniziare.
Per realizzare un banner con animazione in HTML5 possiamo usare Google Web Designer, oppure altri metodi.

HTML5 permette di creare animazioni complesse e facilmente fruibili da più dispositivi.
A differenza delle GIF animate, ad esempio, che non permettono movimenti fluidi ed animazioni complesse.
E a differenza di Flash, che ha problemi di compatibilità con diversi dispositivi e/o necessità di plug in aggiuntivi aggiornati, per la lettura del suo contenuto.

Banner animato HTML5 con Google Web Designer

Google Web Designer può essere utilizzato per creare un banner animato.

Scaricando il software, è possibile usare una timeline, proprio come per il montaggio video o la creazioni di animazioni Flash.
Il risultato sono banner animati, o immagini animate.

Altri metodi

Ad esempio... un Banner animato HTML5 con Canvas e Javascript

Create your animated GIF: immagini GIF animate free

GIF animate

Cosa sono le GIF animate e come crearle

Le GIF animate, sono immagini. Anche se sono animate, sono solo immagini.

I video, per essere riprodotti hanno bisogno di software con codec che li codifichino.
Le animazioni Flash, tanto amate anni fa, ora hanno problemi ad essere riprodotte su certe piattaforme. Va da se che non  detto che il dispositivo dal quale vogliamo vedere l'animazione possa riprodurla.

L'HTML5 dà la possibilità di creare bellissime animazioni. Ricorda, per certi versi, l'utilizzo che si faceva di Flash. Con la differenza che è semplice da visualizzare su tutti i dispositivi. È molto più compatibile.

Però, per i meno esperti, un'animazione molto semplice può essere creata molto più velocemente tramite un software (anche free) di GIF animate.

Scopri di più sulle GIF e sui formati immagine

Quando scegliere la GIF animata, rispetto agli altri metodi?

Se l'animazione non deve essere fluida, ma serve sovrapporre delle immagini in modo cadenzato, per creare un qualsiasi effetto di contrapposizione, di movimento o anche - semplicemente - per attirare l'attenzione... la GIF animata è la soluzione più adatta a noi

Ecco alcuni esempi di GIF animate trovate sul web. Metto credits e link all'immagine originale.

Questa è una GIF animata

Questo è un video che contiene dei banner fatti in HTML5, e qui il sito dell'autore

Creare GIF animate free, direttamente online, senza scaricare software

Creare una GIF animata usando un template, già bellissima, in pochi click?
Non è un'impresa ardua. Anzi...

Hai mai provato http://youtube.tumblr.com/create-your-gif?

È semplice da usare e soprattutto graficamente accattivante. Per chi non si accontenta. Per chi vuole un'animazione semplice. Per chi cerca anche template per GIF animate ready-made.

Formati immagine: le GIF

Che cos'è una GIF? Un formato immagine

La GIF è un'immagine. GIF significa Graphic Interchange Format.
Una GIF è formata, al amassimo da 256 colori. Più si usano colori, più diventa pesante.

È un buon formato per immagini che hanno pochi colori da rappresentare.
Mettiamo il caso di avere un'icona monocolore, o che contiene pochi colori. Salvarla in GIF può essere addirittura essere un vantaggio. Rispetto al Jpeg, ad esempio, mantiene la trasparenza dello sfondo (se la si vuole creare).

Fonte: tuttipazziperilcoupon

Ma cosa accade se abbiamo una foto da salvare e dobbiamo decidere in che formato? Beh il formato più corretto, probabilmente, non è la GIF.
In quel caso sarà meglio scegliere formati che più si avvicinano allo spettro di colori che dobbiamo rappresentare. E anche in base alla qualità che ci occorre.
Sceglieremo, dunque, Jpeg, oppure TIFF.

Le GIF hanno poi la possibilità di venire animate: scopri cosa sono e come ottenere GIF animate.