nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
 


 
   
Testo che corre
 
 
Testo che corre in cornice
 
 
   
Cacciavite
 
 
Ping pong
 
 
   
 
Rimbalzo
 
 
Materasso
 
   
Studente
 
 

Posa...piano

 
 
   
 
Clessidra
 
 
Rotazione asse Y
 

 

Guide animazione 2D
Animazioni di testi.


Animare un testo è una delle basi dei banner, che sono quei rettangoli in movimento - per lo più gif animate - che trovate in tutto il web e che rappresentano i consigli
per i clic, la pubblicità.

Un buon banner non lo si vede dal mattino, lo si deve vedere, e non dovrebbe dire tutto, ma solo quello che serve per invogliare a cliccarci sopra.

Io sono sempre più convinto che troppa roba finisca col farne scadere il pregio (mica per caso i preziosi sono preziosi, che se fossero così tanti sarebbero patate, no?).


Il vecchio Punt&Mes del mitico Testa è un esempio che chiarisce tutto.
Ci poteva scrivere un sacco di roba su quel vermouth, che era amarognolo, che aveva un punto d'amaro e mezzo punto di dolce, che dava dei punti a tutti, che ... macchè.

Solo una palla sopra e mezza palla sotto.
Con il logo.
Un punto e mezzo.
Più sintetico difficile.




(Che avesse un punto di amaro e mezzo di dolce l'ha poi scritto, ma piccolo, in basso)

Bon, ora vediamo se abbiamo carattere.

Dietro ad ogni icona, a volte, ci sono più versioni delle animazioni possibili con la stessa base di testo (la base è il file PSD). Meglio quindi sfogliare all'interno che magari qualcosa che vi piace la trovate, e certamente vi verranno idee migliori delle mie.


Ho suddiviso i testi per argomento, per quanto possibile, diciamo tre tipologie molto sommarie:

Grafica (pura e semplice, deformazioni, rotazioni, a volte qualcosa in più)
Effetti (vari e variegati, roba da banner)
Complessi (particolari, ma tanto, tanto da essere inutilizzabili)

 

Testi di corsa
Questi sono testi che corrono. Restando fermi.

Il senso di movimento lo dà l'ingrandimento del carattere.
Ci sono 8 esempi, tutti realizzati con lo stesso PSD di base.
Se ne possono fare almeno altri 8.000, ma non ne avevo voglia.
E c'è pure una cornice corrente.

Testi parlanti
Questi sono TestiParlanti.
Nel senso che si gioca sul significato di un testo e si cerca di adattarci un'animazione.

Testi digitati
Animazione di testi con l'uso della sola (quasi sola) digitazione.
Una cosa veloce, che si fa presto ... presti...digitazione.
Questi testi parlano solo perchè non sapendo cosa scrivere per animarli, ho finito col ricorrere a cose banali.
C'è un testo che arriva dall'alto e si posa sul fondo.
E ci sono alcuni esempi di clessidra con il testo al posto della sabbia oltre a due animazioni con testi ASCII.

Testi in rotazione.
Ruotare un testo, lettera per lettera, è d'uso frequente nella creazione di banner animati.
E' un lavoro barboso, tanto più quante più sono le lettere da ruotare.
Quindi un consiglio: scrivete poco.
L'unico esempio è una rotazione sull'asse Y.
Serve per tutte le lettere, anche quelle non simmetriche.

 
  Elenco e descrizione delle guide:

Testi che corrono
Dietro a queste immagini ci sono 9 esempi di testi in corsa.
Conviene guardarci dentro, magari qualcosa di interessante lo trovate. Magari anche come spunto per la vostra fantasia.


Testo che corre intorno al bordo dell'immagine, formando una cornice.
Una corsa tutt'attorno alla cornice (fotogramma). Lunghetta da fare, l'effetto è quello che si vede qui, solo un po' ingrandito.

Cacciavite
Due versioni, una con una vite fatta di lettere e l'altra con una vite fatta da una vite.
Che si avvita.
Che altro dovrebbe fare una vite, questa è la sua vita di vite, no?

Ping Pong
Giochiamo a Ping Pong.
La pallina cambia: una volta è la lettera O, l'altra la lettera I, così si formano le due scritte.

Rimb ... alzo
In questa guida facciamo alzare il rimba ... no, facciamo rimbalzare l'alzo ... insomma, facciamo quello che si vede. Dopo aver visto 'sta roba un amico mi chiama ormai solo: rimba. Forse anche prima, non mi ricordo :)

Materasso (si potrà dire effetto materasso? Quien Sabe)
Utile fra una guida e la successiva per un riposino velox.

Studente
Testo che più che parlare, urla (solo la parte DENTE)

Posa ... piano
La scritta è: questo è un testo che si posa dolcemente sul fondo.
Ed il testo, obbediente, esegue.


Clessidra
Anche questo si posa, cambia solo la scritta e c'è una clessidra a delimitare la zona di movimento. Ci sono delle varianti all'interno della guida.

Rotazione
Rotazione lettera per lettera. Sulla verticale (Y).
Ci sono due esempi, per le lettere non simmetriche.
Una versione più complessa la si trova in Effetti. Che non è in effetti, ma proprio Effetti, neh?


 
 


 
   


Non ho Copyright © poichè non so l'inglese. Il sito è fatto da nebbiaenuvole.com Tutti i diritti sono diritti, che se fossero storti ....
Marchi registrati e segni distintivi sono di proprietà dei rispettivi titolari.
 
Creative Commons License