torna alla home

Utilizzando questo sito e proseguendo la navigazione acconsenti all'uso dei cookies. Approfondisci


segnaposto Porta con te il segnalibro

20- Modificare e unire più animazioni.
Capita a volte di trovare una bella animazione e ci piacerebbe aggiungere una frase per personalizzarla, oppure vorremmo mettere uno smile animato su uno sfondo diverso; come possiamo fare? Usando Animation shop.
Questo programma non è proprio recente ma funziona ancora alla grande se non l’avete lo trovate sempre a questo link.
In questo tutorial vi spiego come fare.
Abbiamo la nostra animazione, per semplificare le cose ne ho scelta una con solo 3 fotogrammi ma quando ci avrete preso la mano potrete modifcare anche animazioni con molti fotogrammi.
tea
A questa animazione voglio aggiungere la scritta :TEA TIME

t
Notate che la nostra animazione è in formato 528 x 217, quindi dovremo iniziare a creare un nuovo documento di quella misura più che altro per avere un’idea approssimativa dello spazio che dovrà occupare la nostra scritta.
File/ nuovo e inserite le misure nelle caselle, controllate che sia selezionata l’opzione “trasparente” per lo sfondo.

t

Premiamo la lettera A nella barra degli strumenti e dalla finestra che appare scriviamo la nostra parola nel font che più ci piace e nella misura che abbiamo scelto, non preoccupiamoci troppo della posizione che poi andrà sistemata in seguito.  Clicchiamo sulla tela vuota per fissare la parola.

t

Ora clicchiamo sullo strumento freccia e con la finestra della nostra parola selezionata ( contorno blu) clicchiamo di destro sulla finestra e scegliamo “copia”.

t Portiamoci sull’animazione delle tazze, clicchiamo sul primo fotogramma per evidenziarlo ( bordo blu)
Poi clicca sullo strumento “propaga incolla”

t

Vai su modifica/seleziona tutto/ Modifica/incolla/nel fotogramma selezionato e posiziona la scritta nel punto che vuoi, clicca e vedrai che la scritta  è stata inserita in tutti e 3 i fotogrammi.

t Ora non ti resta che salvare la nuova animazione.
Con File/Creazione guidata ottimizzazione dai avanti a tutte le finestre che si aprono.
Fatto questo salvi la tua animazione con il nome che preferisci in formato gif.

tea

Unire più animazioni.

Un altro trucchetto per unire più animazioni e formarne una personalizzata
Apriamo nel programma le nostre animazioni; meglio se le troviamo con lo stesso numero di fotogrammi.
In questo caso abbiamo le nostre  animazioni di cui una ha 8 fotogrammi e l’altra ne ha 13.

t t
Vediamo di risolvere, visto che dobbiamo avere lo stesso numero di fotogrammi per tutte e due, cancellando qualche fotogramma di quella più lunga cercando di mantenere un effetto fluido.
Apriamo l’animazione e selezioniamo il fotogramma da eliminare, clicchiamoci di destro e premiamo “elimina”, procediamo in questo modo fino a rimanere con i fotogrammi che ci servono.
Ora abbiamo 2 animazioni di 8 fotogrammi ciascuna.
Dobbiamo anche preparare un nuovo sfondo che contenga le due animazioni più eventualmente una scritta.
Avendo queste figure una larghezza di 100 px creo una nuova animazione con
File/nuovo e do come misura 250 x 120 seleziono sempre lo sfondo trasparente.
Ora vado in Animazione/inserisci fotogrammi/vuoto e dalla finestra che si apre metto 7 fotogrammi (uno già ce l’ho) e do ok.

t

Mi ritrovo con una tela vuota di 8 fotogrammi.
1)  Mi posiziono sulla prima figura animata Modifica/seleziona tutto
Clicco di destro: copia mi posiziono sulla tela vuota Ctrl +A e poi Ctrl+E posiziono la prima figura e clicco per fissarla. Controllo e vedo che si sono incollati tutti gli 8 livelli dell’animazione.
Faccio lo stesso procedimento con la seconda figura dal punto 1.
Ora se voglio inserire anche una scritta creo una nuova tela vuota e scrivo la mia frase.

t

Seleziono anche questa poi Ctrl+C, mi posiziono sull’animazione con le 2 figure, clicco dove devo fissare la parola.

t
Importante: ricordatevi prima di incollare le figure e le parole sulla tela che avete creato che sia sempre premuta l’opzione Propaga Incolla.

t

File/Creazione ottimizzata animazione e poi salva la tua nuova gif animata.

t


Torna all'inizio del tutorial

 Click e Paciughi  Google

css Valid HTML 4.01 Transitional CSS Valido! webdesigngroup webpam