Contenuto
Metodo 1: Animazione manuale
Il primo metodo è adatto a quegli utenti che vogliono applicare Adobe Photoshop per animare manualmente i livelli aggiunti alla tela. Può essere una figura geometrica arbitraria, un’immagine o un testo già pronto. Anche se questo editor grafico non è del tutto adatto per un tale compito, può gestire la creazione di una semplice GIF, e questo processo può essere diviso in diversi passaggi.
Passo 1: Abilitare la “Scala del tempo
L’animazione in Adobe Photoshop si fa posizionando e modificando gli oggetti sulla “Scala del tempo”. Per impostazione predefinita, questa finestra è nascosta nel programma perché non viene utilizzata nell’ambiente di lavoro standard. Per attivarlo, aprite il menu Finestra e cliccate su Timeline.
Un nuovo pannello apparirà in basso, a cui faremo riferimento in seguito. Dopo aver lavorato con la GIF potete nasconderla di nuovo usando lo stesso pulsante nel menu menzionato.
Passo 2: Preparare gli elementi per GIF
Come accennato in precedenza, Photoshop permette di manipolare qualsiasi livello, tra cui testo, immagini e forme geometriche create. Per prima cosa, devi aggiungere gli elementi alla tua tela creando un nuovo progetto. Metti ognuno di loro in un livello separato in modo da non avere problemi con ulteriori modifiche. Una volta completati i preparativi, passate alla fase successiva.
Passo 3: Regolare l’effetto dell’aspetto
Ci sono diverse azioni di animazione di base che possono essere implementate in un editor grafico, e questo include l’effetto di aspetto di qualsiasi elemento. Questo è quello che proponiamo di guardare prima per capire come interagire con la “Scala del Tempo” e come i punti chiave si riferiscono ad essa.
- Vai al pannello principale e clicca sul pulsante “Create a video timeline”.
- Ogni livello si troverà su una traccia separata, il che significa che puoi selezionarne uno qualsiasi e iniziare a modificarlo.
- Nel nostro caso, considerate un piccolo logo. Espandi il suo livello per vedere tutte le azioni di animazione disponibili.
- Nell’esempio, stiamo regolando l’effetto di aspetto, implementato con la funzione “Opacità”. Clicca su questa linea per creare il primo punto chiave, e ricorderà in quale stato si trova attualmente l’oggetto.
- Mentre sei in questo punto di controllo, cambia la sua opacità a 0% per nasconderlo completamente dall’area di lavoro.
- Muovi il cursore per qualche secondo e crea un altro punto, poi riporta l’opacità al 100%.
- Fate partire l’animazione e date un’occhiata alla finestra di anteprima per vedere il risultato. Con i due punti chiave, abbiamo ottenuto l’effetto di aspetto cambiando il valore di opacità dell’oggetto in ognuno di essi.
Allo stesso modo, è possibile cambiare qualsiasi parametro dell’oggetto, compreso il colore, la posizione, gli effetti di sovrapposizione e tutto il resto in Adobe Photoshop. Vale la pena considerare la particolarità delle chiavi che sono presenti. Seleziona una qualsiasi delle tracce, che sia “Posizione”, “Opacità ” o “ Stile”, e fai qualsiasi cambiamento lì. Sarà comunque applicato indipendentemente dal tipo di azione, come vedremo nel prossimo passo.
Passo 4: animare il movimento degli oggetti
La base dell’animazione è il movimento, quindi proponiamo di scomporre la configurazione di questa azione con alcuni tasti e un tipo di movimento di base.
- Useremo il testo come oggetto da spostare, quindi controlliamo i dettagli che abbiamo descritto prima. Espandi il blocco con il suo livello per l’apparizione delle tracce ausiliarie.
- Puoi vedere che il programma non ha rilevato la funzione “Posizione”, quindi dovrai scegliere un’altra opzione.
- Se siete sicuri che “Perspective” non sarà usato in questa animazione, allora potete usare questa linea per cambiare la posizione del testo. Crea la prima chiave e posiziona la didascalia nella sua posizione originale tramite lo strumento Sposta.
- Creare punti chiave consecutivi, spostando il testo nella posizione finale poco a poco per garantire un movimento fluido.
- Rivedete periodicamente l’animazione e regolate i tasti per migliorare la fluidità.
- Se non sei a tuo agio con i tasti nella vista attuale della linea temporale, ingrandisci o estendi il ciclo per aggiungere nuovi punti.
- Se hai bisogno di sostituire o aggiungere un oggetto, clicca sul pulsante più.
Passo 5: salvare la GIF sul computer
Una volta che l’animazione è completa, dovreste passare a salvare il vostro progetto come file GIF da mettere sul web o riprodurre sul vostro computer locale. Ci sono due diverse funzioni in Adobe Photoshop per questo scopo.
- Aprite il menu “File”, passate sopra “Export” e selezionate l’opzione “Save for Web”. Se non hai bisogno di ulteriori impostazioni di animazione, usa “Salva con nome” e specifica il formato corretto nel menu a discesa.
- Durante l’esportazione, trova il formato GIF.
- Cambiare il colore del substrato, se questo non è stato fatto prima.
- Modifica la dimensione dell’immagine e il numero di ripetizioni.
- Prima di cliccare sul pulsante Salva, controlla ancora una volta che i parametri che hai scelto siano corretti.
- Specifica un nome di file, specifica un percorso di salvataggio per il file e conferma l’azione.
Aprite la GIF con un browser web o qualsiasi altro mezzo conveniente per controllare la correttezza della riproduzione, poi potete considerare il processo di creazione completato.
Metodo 2: creare GIF da foto
Adobe Photoshop vi permette di creare una GIF dalle vostre foto esistenti. Questo può essere come un ritaglio di fotogrammi da un video, così come immagini consecutive create appositamente. Il processo di formazione dell’animazione in questo caso è molto più facile del precedente, poiché non richiede la creazione manuale dei punti chiave.
- Sulla “Timeline” questa volta, cambiate la modalità in “Create frame animation” selezionando questa opzione dal menu a tendina.
- Aprite “File”, passate sopra “Scripts ” e cliccate su “Load Files to Stack”.
- Nella finestra che appare, clicca su “Sfoglia”.
- Carica immediatamente tutte le foto che devono essere incluse nell’animazione.
- Se vuoi allinearli, attiva questa funzione prima di aggiungerli.
- Usate il pulsante “Create frame animation” per generare l’animazione.
- Espandi il menu azioni e trova la voce “Create Frames from Layers” per aggiungere il resto delle immagini.
- Modifica la loro sequenza scambiando i fotogrammi, se necessario.
- Per prolungare la riproduzione di ogni fotogramma, usa un ritardo, o non regolarlo se sei soddisfatto della velocità di riproduzione predefinita.
- Controlla la riproduzione prima di salvare e crea la GIF come mostrato nel passo finale del metodo precedente.
Se dopo aver letto le istruzioni decidete che Adobe Photoshop non è adatto alla realizzazione della vostra animazione, vi consigliamo di dare un’occhiata ad altri programmi che sono progettati per lavorare con GIF. Potete controllare una recensione dettagliata dei più popolari software di animazione che potete usare in un articolo dedicato sul nostro sito.
Per saperne di più: Il miglior software per creare animazione