~ Multicolour Graphic [Spongebob Version]

A_REPLY
Tutorial Gimp - Animazioni con GIMP
view post Posted on 25/4/2009, 12:42P_QUOTE
Avatar

My Best Icon


Group: Admin
Posts: 8956


Status: Online: ultima azione eseguita alle ore 09:07, 4 minuti fa


Teoria, ovvero come è fatta un'animazione
Le animazioni sono costituite da una serie di immagini, visualizzate in successione, in modo da avere l'impressione del movimento. Per capire meglio quello detto finora, possiamo vedere, nell'immagine seguente, tre fotogrammi di un'animazione in cui una scritta si sposta da destra a sinistra:
image
Pratica, come possiamo realizzarla con GIMP?
Creiamo adesso un'animazione, che, su sfondo blu, visualizzi la parola "GIMP" lettera dopo lettera. Apriamo Gimp, impostiamo il blu come colore di primo piano e creiamo una nuova immagine (File -> Nuovo) 100x40 scegliendo come riempimento il colore di primo piano:
Duplichiamo lo sfondo e scriviamo su di esso la parola GIMP (nel caso di gimp 1.3 verrà creato un nuovo livello, incollatelo con quello sottostante.

image


Duplichiamo il livello con la scritta GIMP 3 volte, ottenendo uno sfondo più 4 livelli uguali con la scritta GIMP. Nascondiamo il livello più alto della pila cliccando sull'occhio nella finestra di dialogo livelli e spostiamoci sul secondo. Disegnamo col pennello e il colore di primo piano sulla P, per cancellarla. Ripetiamo l'operazione vista sopra per le altre lettere.
image
A questo punto andiamo in Filtri -> Animazione -> Playback per vedere il nostro capolavoro

image


Salvataggio per il web.
Ci sono diversi formati per il salvataggio delle animazioni, quelli usabili per il web sono, però molto meno. GIMP consente di salvare nel formato GIF, accettato da tutti i browser, e, dalla versione 1.3, in MNG, attualmente supportato da pochi browser (Mozilla nelle versioni superiori alla 1.5 con versioni modificate e IE con un activeX).
image
Qui possiamo decidere se appiattire l'immagine (fondere i vari livelli in uno) per creare una semplice immagine statica o salvare i livelli separati per creare un'animazione (che è ciò che vogliamo). Se poi l'immagine non è in scala di colore ci verrà anche chiesto se vogliamo indicizzarla in scala di colore (ridurre il numero di colori a non più di 256) o in scala di grigi. Il mio consiglio è di fare questa conversione a mano e poi risalvare l'immagine (Immagine -> Modalità -> Indicizzata / Scala di grigi).
La seconda finestra è invece la seguente che ci permette di impostare alcuni parametri come il tempo di apparizione di ogni fotogramma e un commento
image
Per MNG il discorso è quasi lo stesso a parte il fatto che non è necessario indicizzare l'immagine anche se aiuta a ridurne le dimensioni. N.B. per ora Gimp non può aprire le animazioni salvate in MNG.
Ottimizzazione
Uno dei maggiori problemi delle animazioni è che pesano molto in termini di KB possiamo attenuare questo problema attraverso il filtro Ottimizzata (Filtri -> Animazione -> Ottimizzata). Questa procedura ridurra il peso in KB dell'immagine eliminando da ogni fotogramma i pixel che non mutano da quello precedente. Inoltre aggiungerà al nome del livello due parametri (combine) e (100ms): la prima indica che il fotogramma andrà sovrapposto a quello precedente e non rimpiazzato (replace), il secondo invece indica il tempo di permanenza sullo schermo del fotogramma. Questi parametri, inseriti anche col salvataggio in GIF, possono essere modificati con un doppio click sull'anteprima del livello nella finestra livelli, noi facciamolo con il primo elemento della pila (quello della scritta GIMP) e sostituiamo 100 con 2000, ovvero 2 secondi. Rivedete l'animazione, ora la scritta gimp rimane un po' sullo schermo prima che l'animazione riparta.
Perché non usare livelli trasparenti?
Qualcuno si sarà chiesto perché le lettere sono state scritte su livelli blu e non trasparenti, in quest'ultimo caso, infatti, avremmo risparmiato un bel po' di lavoro. La risposta è molto semplice, quando inseriamo del testo per ottenere una migliore resa visiva dei caratteri viene applicato l'antialiasing:
image
Quando la scritta è su un livello trasparente l'antialing è ottenuto atraverso vari livelli di trasparenza del colore principale, questi livelli di trasparenza vengono ridotti ad uno salvando in scala di colori come avvine salvando nel formato GIF



I Love soccer:
image

Caricamento...
Caricamento...
Caricamento...

Un Mito una Leggenda Vivente = Slash:
image


Icon
image image image

image

 
P_MSG P_EMAIL P_WEBSITE Top
BroogyPor
view post Posted on 26/7/2009, 00:32P_QUOTE

Utente cancellato






hmmm, great post
 
Top
1 replies since 25/4/2009, 12:42
 

load
Fast reply
 
 
 

Enable emoticons
Clickable Smilies
Show All


Nickname:      Email:



 

 
 




QuestoForumNonSeLaTira!

Affiliati!
Animal Crossing ~ DS Mania« Image Hosted by ImageShack.us ;Thé e.. pasticcini forum! Il forum ufficiale di Gastòn Soffritti Image and video hosting by TinyPic Il forum ufficiale di Matteo LeoniGrafica DivinaGraphic Town•Girls' Graphic~Image and video hosting by TinyPicScene queen official forumPokémon ForumIndependent Graphic AnimeDB Games Forum - Banner 81x31 px 15a0dy0xth03sitl2z.jpgImage and video hosting by TinyPic
 


Skin realizzata da ~Drãgonfly vietato prelevare il codice e le immagini, spacciare per propria e/o modificare i credits. Distribuitya dal Contest Mania e dall' Operation Skin.