Manuale Operativo: Animated GIF

GUG Soft Home
3D Gugle Home

Attenzione se non visualizzate tutte le immagini di questa pagina si deve usare la funzione "Aggiorna"
Per aggiornare la pagina fate click con il pulsante destro e poi nel menu selezionate "Aggiorna".

Cerca nella guida di 3D Gugle

Il formato GIF (GRAPHICS INTERCHANGE FORMAT) inventato da CompuServe (Columbus, Ohio) è uno dei metodi più pratici per mostrare animazioni nelle pagine web.

Il laboratorio "Animated GIF" è stato aggiunto a 3D Gugle per aumentare le possibilità operative nella creazione di animazioni ordinarie e stereoscopiche.
Questo laboratorio comunica e può operare in abbinamento con gli altri laboratori adibiti alle animazioni o film tramite lo scambio dei Frame.
Il laboratorio infatti può aprire Frame o Layer o generare sequenze di Frame da usare o modificare con altri laboratori di 3D Gugle.

Le animazioni GIF possono operare con un massimo di 256 colori e quindi prima di creare animazioni con questo formato è indispensabile convertire i colori delle sequenze d'immagini da usare.
Nei software ordinari adibiti alla creazione delle GIF animate non è disponibile l'anteprima perchè il processo di riduzione-trasformazione dei colori richiede tempo.
Poiché 3D Gugle opera nel settore della stereoscopia non era possibile non visualizzare in real-time l'effettivo aspetto delle immagini e per questa ragione si è studiato un algoritmo di conversione estremamente veloce e in grado di preservare le caratteristiche fondamentali dei colori come la luminanza e la brillantezza.

Il laboratorio contiene una serie di funzionalità con le quali è possibile gestire le trasparenze dei Layer oppure modificare o creare sub-animazioni ma per preparare le animazioni è comunque consigliato l'uso di altri laboratori di 3D Gugle come ad esempio:

Per disporre sempre dells massima qualità possibile le GIF animate sono salvate con una specifica palette di colori per ogni Frame.
Questo metodo ovviamente genera file di dimensioni maggiori di quelle delle GIF standard ma in genere la maggiore dimensione è recuperata dal potentissimo dispositivo di compressione LZW speciale di cui 3D Gugle è unico proprietario, questo compressore pur analizzando per intero la sequenza dei Frame effettua un'alta compressione bidirezionale molto velocemente.

Load Frame(s)
Con questo menu si caricano normali immagini, 3D Gugle Frame oppure GIF Animate.
Il dialogo di apertura permette di caricare molti file in una sola volta. Le regole della selezione multipla sono le stesse di Windows.
Se necessario è possibile caricare più volte lo stesso file.

Le immagini aperte sono aggiunte immediatamente sotto il Frame che in quel momento è in selezione.

Quando si carica una GIF animata la GIF è scomposta automaticamente in una serie di fotogrammi e aggiunta alla lista dei Frame, se la GIF è caricata per prima lo schermo assume le dimensioni della GIF altrimenti essa eredita le proprietà e le dimensioni del Frame selezionato.

Quando si carica un'immagine ordinaria o un Frame se aperta per prima essa si adatta alle dimensioni dello schermo altrimenti eredita le proprietà del Frame selezionato.

Prima di inserire i Frame può essere opportuno impostare le dimensioni dello schermo, i colori da usare e altri parametri che saranno illustrati in seguito.
In ogni caso qualsiasi parametro può essere modificato in ogni momento.

Load Layer(s)
Con questo menu si caricano Layer, immagini, GIF animate o 3D Gugle Frame.
Le regole sono le stesse illustrate in "Load Frame(s)".
La differenza consiste nel fatto che il colore "nero" è considerato dal 3D Gugle come colore trasparente.
Nell'esempio qui sotto, a sinistra un'immagine aperta come Layer e a destra una aperto con "Load Frame(s)".

In genere questa modalità di caricamento delle immagini si usa quando si opera con un'immagine di sfondo.
In una stessa animazione è possibile caricare contemporaneamente sia Layer sia non Layer, questa caratteristica amplia le possibilità di creare effetti grafici.
Quando si carica una GIF animata come Layer (e quando ciò è possibile) il colore di fondo del Frame è automaticamente sostituito con il colore nero.

La proprietà Layer non è ereditabile.
Per vedere un esempio di un'animazione che usa i Layer fare click qui:

New Project - Load Project - Save Project
Il menu "New Project" è utilizzato in genere per cancellare tutto o per iniziare un nuovo progetto.

"New Project" non cancella le impostazioni di "Copy" per cui la funzione "Paste" (Incolla) potrà essere ancora usata.

"Load Project" è utilizzato per caricare un progetto salvato in precedenza e "Save Project" per salvare il progetto corrente.
Quando si salva un progetto sono salvati anche tutti i file usati per cui il progetto può essere esportato e usato su un altro computer senza formalità.

Save animated GIF
Il menu comprime e salva come animazione GIF i Frame inseriti.
Dopo aver scritto su file il disco il software esegue automaticamente la verifica dell'animazione e se l'esito è positivo appare il messaggio "GIF OK".

Prima di salvare verificate nella sezione delle informazioni dei Frame l'esistenza di trasparenze GIF inutilizzate (Use transparent).
Se non servono le trasparenze GIF è opportuno toglierle perchè ciò migliora notevolmente il lavoro di compressione e i file risulteranno più piccoli.

Trasparenze GIF
Attenzione a non confondere le trasparenze GIF con le trasparenze dei Layer.
Le trasparenze GIF sono visibili solo nelle pagine web mentre le trasparenze Layer servono per la sovrapposizione delle immagini.
Fare click qui per vedere un esempio di trasparenza GIF

Per comprendere meglio il processo muovere la barra di scroll verticale del vostro Browser.
L'anaglifo usato nell'esempio è dello stereo artista: Dr. Zsolnai-Nagy Imre

Per fissare un'animazione in una posizione fissa e determinata nella vostra pagina web usare la seguente istruzione:
<img border="0" src="Ballo.gif" width="806" align="left" hspace="290" vspace="0">

Save Frames sequence
Il menu consente di salvare tutti i fotogrammi come sequenza di Frame compatibili con con 3D Gugle.

I frame sono salvati in alta definizione (senza la conversione a 256 colori) e ciò permette di usare i Frame per la creazione dei Film, altre GIF animate o per altri impieghi grafici.
I frame sono salvati iniziando dal numero "0" secondo le convenzioni di 3D Gugle.

PULSANTI DI SERVIZIO
In alto a sinistra dello schermo ci sono 6 pulsanti che hanno lo scopo di organizzare la sequenza di proiezione dei fotogrammi.

Questi pulsanti possono operare su un singolo frame o su blocchi di Frame.
Per selezionare uno o più Frame fare click sull'elenco e poi usare il mouse o i tasti "Control", "Maiuscolo" o i pulsanti "Frecce" per aggiungere altre selezioni. Le regole della selezione multipla sono comunque le stesse in uso in Windows.

Qui sotto un esempio di selezioni multiple, le aree in giallo sono quelle selezionate.

E' anche possibile selezionare un gruppo di frame continui trascinando il mouse sull'elenco delle miniature.

I pulsanti con la Freccia Giu-Su
Con questi pulsanti si muove un Frame o un blocco di Frame di una unita verso l'alto o il basso.

Il pulsante DEL
Cancella un Frame o un blocco.
Per cancellare tutti i Frame usare anche "New Project" nel menu File .

I pulsanti Copy-Cut-Paste
Agiscono come i consueti Menu di Windows, Paste opera anche quando non ci sono più Frame nello schermo.
Questi pulsanti permettono di clonare sequenze o parti di esse e spostare blocchi.

ORGANIZZARE LO SCHERMO
Per accedere al dialogo che modifica le impostazioni dello schermo premere il pulsante "Change" posto immediatamente sotto il pannello delle informazioni dello schermo.
Le impostazioni date allo schermo sono globali, in altre parole le impostazioni saranno applicate a tutti i Frame presenti e anche a quelli che saranno eventualmente aggiunti in un secondo tempo.
Le impostazioni possono essere modificate in qualsiasi momento durante il lavoro.
Il dialogo è disponibile anche se non ci sono Frame caricati.

Lo scroll "Frame" consente di muoversi fra i Frame in modo da vedere l'effetto dei nuovi setting su Frame differenti.
Per conoscere come usare e le funzionalità delle barre di Scroll di 3D Gugle vedere Funzioni e tasti comuni

Gli scroll "Screen Size" consentono di modificare le dimensioni dello schermo GIF, "X" allarga, "Y" allunga.

Il Menu a discesa "Colours" permette di scegliere quanti colori usare. Minori sono i colori minore sarà la dimensione del file animato, ovviamente anche la qualità dell'immagine sarà più scadente.

Il pulsante "Back-colour" consente di cambiare il colore di fondo.
Il colore di fondo ha comportamenti diversi in funzione di dove si proietta l'animazione GIF, nelle pagine web risulterà sempre trasparente mentre sarà visibile sul computer.
Nell'esempio qui sotto si è usato il rosso come colore di fondo: a sinistra come appare sul computer a destra in una pagina web.

Il pulsante di spunta "BackImage" consente di impiegare un'immagine come sfondo e mostra i controlli necessari alla sua gestione.

Il pulsante "Load" serve per aprire l'immagine.
Quando l'immagine è stata caricata si attivano i selettori che definiscono il modo di disegno.

"Stretch", disegna l'immagine in modo proporzionale e centrata nello schermo
"Fill", disegna riempiendo totalmente lo schermo deformando l'immagine
"Normal" consente di muovere e ridimensionare l'immagine.
Se "Normal" è attivato diventano visibili 3 barre di scroll.
    "Px" muove in modo orizzontale.
    "Py" muove in modo verticale.
    "Zoom" ridimensiona.

Nella figura qui sotto l'immagine di fondo nel modo "Stretch" (in alto), "Fill" e "Normal".

ORGANIZZARE I FRAME
Per accedere al dialogo che modifica le impostazioni dei Frame premere il pulsante "Change" posto immediatamente sotto il pannello delle informazioni sui Frame.

Ogni Frame può avere una sua specifica impostazione e questa caratteristica permette di creare facilmente delle sub-animazioni o delle varianti.

Il dialogo per la gestione dei Frame è disponibile solo dopo l'apertura di almeno un Frame.
Il pulsante "SET" memorizza e applica i setting mentre "Exit" ripristina le impostazioni precedenti e chiude il dialogo.

Lo Scroll "Frame" serve per muoversi fra i Frame.
Per conoscere come usare e le funzionalità delle barre di Scroll di 3D Gugle vedere Funzioni e tasti comuni

Il pulsante di spunta "Use Transparent" imposta il Frame selezionato come GIF trasparente.
Per ulteriori informazioni sulle trasparenze GIF fare click qui.

Il pulsante di spunta "Delay" imposta il tempo di pausa del Frame selezionato.
Il tempo è espresso in centesimi di secondo. Ad esempio il valore 100 corrisponde ad un secondo.
Per le animazioni normalmente il valore è 10-12 mentre per l'uso di testo o immagini il valore può variare da 150 a 400.
Poichè come già illustrato ogni singolo Frame può avere un suo specifico tempo di proiezione è possibile usare animazioni miste che contengono sia testo-immagini sia animazioni.
Per vedere un esempio di Delay misto fare click qui

"Stretch", disegna l'immagine in modo proporzionale e centrata nello schermo
"Fill", disegna riempiendo totalmente lo schermo deformando l'immagine
"Normal" consente di muovere e ridimensionare l'immagine.
Se "Normal" è attivato diventano visibili 3 barre di scroll.
    "Px" muove in modo orizzontale.
    "Py" muove in modo verticale.
    "Zoom" ridimensiona.

"Normal" è usato quando si ha un'immagine di sfondo o per creare speciali effetti.
Per vedere l'applicazione di uno zoom progressivo fare click qui:

"Clone Frame data" usa tre modi per clonare i dati del Frame in selezione in altri fotogrammi.

"Clone Next" Clona i dati nel Frame seguente e muove sul Frame seguente.
"Clone All Next" Clona i dati del Frame selezionato in tutti i Frame che seguono.
"Clone All" Clona i dati del Frame selezionato in tutti i Frame del progetto.

Se si desidera cambiare una sola opzione come ad esempio il Delay lasciando inalterati gli altri setting oppure creare automatismi d'animazione si devono usare le funzioni di "Extra".
Per attivare le funzioni "Extra" premere il pulsante giallo "Extra".

Prima di attivare "Extra" si devono impostare i parametri che si desidera cambiare o nel caso delle funzioni d'animazione programmabile si devono impostare i parametri di partenza.

Il funzionamento di "Extra" è molto semplice, ad esempio supponendo di voler cambiare il Delay di un gruppo di Frame senza modificare gli altri parametri si procederà così:
1) Impostare il nuovo valore di Delay e poi premere il pulsante "Extra".
2) Selezionare il pulsante di spunta "Delay" e deselezionare altri pulsanti se selezionati.
3) Impostare il gruppo di Frame su cui operare nel doppio Spin "Apply from/to".
4) Premere il pulsante "Apply"

In altre parole "Extra" opererà solo sulle variabili selezionate tramite i pulsanti di "spunta" lasciando inalterate le altre variabili e usando come riferimento i valori del Frame selezionato prima di premere "Extra".
I valori di riferimento del Frame selezionato sono in mostra nel pannello "Reference data".

Per conoscere come usare e le funzionalità del doppio Spin di 3D Gugle vedere Funzioni e tasti comuni

Per fare un'automazione è altrettanto semplice.
Si supponga di voler creare un'animazione disponendo di un solo Frame, ad esempio un testo su un'immagine di sfondo.

1) Caricare l'imagine con il testo usando il Menu "File\Load Layer(s), noi abbiamo usato questa immagine:

2) Premere il pulsante "Change" per accedere al dialogo delle impostazioni dello schermo.
3) Caricare un'immagine di sfondo, determinare le dimensioni dello schermo poi premere "Set" per memorizzare.

Ora si deve clonare il Layer inserito per quante volte vi servirà.
4) selezionare il Layer premere "copy" e poi "Paste", selezionare tutti i Layer, (due inizialmente) poi premere "Copy" e "Paste", continuare .... fino a raggiugere la quantità

5) Premere il pulsante "Change" per accedere al dialogo delle impostazione dei Frame.
6) In "Image stretch mode" selezionare "Normal" e poi con l'uso dello Scroll "px" portare il testo quasi completamente fuori dallo schermo a sinistra.

7) Selezionare con lo Scroll "Frame" il Frame zero, impostare il Delay al valore preferito poi premere il pulsante "Extra".
Nella sezione "Extra" selezionare "Dealy" e poi "Stretch" e "Px".
Con lo Scroll di "Px" impostare l'incremento da applicare ad ogni Frame.
Nel doppio Spin "Increase +/- Step" impostare il frame d'inizio e quello teminale.