Con un po' di pratica e pazienza, puoi imparare come animare in Photoshop e trasformare il tuo lavoro in una GIF da condividere online. Gli strumenti di animazione di Photoshop^(Photoshop) sono spesso sconosciuti, ma vale la pena impararli. Ti guideremo attraverso ogni passaggio necessario per imparare come animare in Photoshop .

Come la maggior parte degli strumenti di animazione, dovrai creare ogni fotogramma come immagini separate, quindi dovrai dedicare del tempo per creare ogni fotogramma manualmente, soprattutto se prevedi di creare un'animazione complicata.

Inizia creando i tuoi fotogrammi di animazione in Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

Per cominciare, dovrai salvare un'immagine separata per ciascuno dei fotogrammi che prevedi di utilizzare. Sta a te decidere quanto vuoi rendere complessa la tua animazione, ma per questo test creeremo un semplice logo animato.

Il trucco per imparare ad animare in Photoshop è fare piccoli movimenti e salvare una nuova foto ogni volta che fai un movimento. Ogni movimento dovrebbe avere lo stesso peso. Ad esempio, se vuoi che una riga di testo scorra sullo schermo, ogni fotogramma dovrebbe far muovere il testo dello stesso numero di pixel in modo che l'animazione appaia fluida.

Se non sei sicuro di come passare dal punto A al punto B nell'animazione, inizia prima con il fotogramma finale, quindi crea il primo fotogramma. Infine, riempi le cornici intermedie.

Mentre salvi ogni immagine, assegna loro un nome numerico in modo da non confonderti con la loro posizione.

Come animare una sequenza di immagini in Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Una volta che hai le tue immagini fotogramma per fotogramma, è tempo di trasformarle in un'animazione. Assicurati^(Make) di seguire attentamente i passaggi seguenti.

1. Fare clic su File , fare clic su Script^(Scripts) , quindi fare clic su Carica file nello stack..^{( Load Files Into Stack..)}
2. Fai clic su Sfoglia...^{(Browse… )} e seleziona tutti i tuoi fotogrammi per la tua animazione.
3. Fare clic su OK e attendere che le immagini vengano caricate in livelli separati.
4. Fare clic su Finestra^(Window) e quindi su Timeline per aprire la finestra di animazione.
5. Fare clic sulla freccia a discesa^{(dropdown arrow)} nel pannello della timeline e selezionare Crea animazione frame^{(Create Frame Animation)} .
6. Fare clic su Crea animazione frame^{(Create Frame Animation)} . 

Ora avrai un livello nella tua timeline. Il prossimo passo è trasformare ciascuno dei tuoi livelli in una nuova cornice. Segui i passaggi seguenti.

1. Fare clic su Seleziona^{( Select )} in alto e quindi su Tutti i livelli.^{(All Layers.)}
2. Fai clic sull'icona del menu a tre pile^{( three stack menu icon)} sul lato sinistro del pannello della sequenza temporale.
3. Nel menu visualizzato, fai clic su Crea nuovo livello per ogni nuovo fotogramma^{(Create New Layer for Each New Frame)} .
4. Fare clic sull'icona del menu a tre pile^{( three stack menu icon)} e ora fare clic su Crea cornici da livelli^{(Make Frames From Layers)} .

Ora avrai tutte le tue immagini caricate in frame separati. Il prossimo compito è scegliere un tempo per la riproduzione di ciascun fotogramma. Potrebbero essere necessari alcuni test per ottenere la velocità corretta, ma puoi scegliere il tempo di frame per ogni singolo frame facendo clic sulla freccia sotto ogni frame^{(the arrow under each frame )} accanto al testo 0 sec .

Puoi sperimentare tempi diversi, ma è meglio iniziare scegliendo lo stesso tempo con ogni fotogramma. Se un'animazione contiene scene o fasi di animazione diverse, potresti voler regolare i tempi per ciascuna di queste fasi/scene individualmente.

In qualsiasi momento è possibile fare clic sul pulsante di riproduzione per visualizzare l'animazione. Ci sono anche una serie di altri controlli nella finestra della timeline, che abbiamo spiegato da sinistra a destra in basso.

Cambio sequenza temporale^{(Timeline Switch)}

Cambia la sequenza temporale tra una sequenza temporale fotogramma per fotogramma e una sequenza temporale di film tradizionale.

Quantità di riproduzione^{(Playback Amount)}

Cambia^(Change) se l'animazione viene riprodotta per sempre o per un certo numero di loop prima di interrompersi. Ciò influirà sul risultato finale una volta salvato come GIF . È possibile modificare nuovamente questa impostazione prima di esportare l'animazione in un secondo momento.

Riproduzione a discesa^{(Playback Dropdown)} 

La freccia a discesa che vedi sui controlli della sequenza temporale è un altro metodo per accedere alla quantità di riproduzione.

Controlli di riproduzione^{(Playback Controls)}

Riproduci^(Play) , metti in pausa, ferma e salta l'animazione fino alla fine o all'inizio con i quattro controlli di riproduzione disponibili.

Gemello^(Tween)

Usa la funzione Tween per generare fotogrammi "intermedi" per rendere la tua animazione più fluida. La funzione Tween verrà spiegata più dettagliatamente di seguito.

Cornice duplicata^{(Duplicate Frame)}

Questo pulsante duplicherà qualsiasi fotogramma attualmente selezionato e lo posizionerà nella timeline dopo l'originale.

Elimina cornice^{(Delete Frame)}

Questa opzione eliminerà qualsiasi fotogramma selezionato.

Come esportare l'animazione di Photoshop^{(How To Export Your Photoshop Animation)}

Una volta che sei soddisfatto dell'animazione di Photoshop , puoi esportarla seguendo i passaggi seguenti.

1. Fare clic su Nuovo^(New) .
2. Fare clic su Esporta^(Export) e quindi su Salva per Web (legacy)...^{(Save for Web (Legacy)…)}
3. Se hai un'animazione con colori dettagliati, seleziona GIF 128 Dithered sotto il menu a tendina preimpostato.
4. Se hai un'animazione con colori a blocchi semplici, scegli GIF 128 No Dither .
5. Assicurati^(Make) di aver impostato la tua opzione preferita nelle Opzioni^{(Looping Options)} di loop in basso. 
6. Infine, fai clic su Salva...^(Save…) e scegli un luogo in cui salvare la tua GIF sul tuo PC.

Come rendere fluida un'animazione in Photoshop^{(How To Make An Animation Smooth In Photoshop)}

A meno che tu non abbia esperienza nel creare animazioni fotogramma per fotogramma, il risultato finale potrebbe sembrare un po' eccitante. Per fortuna puoi utilizzare la funzione Tween per riempire automaticamente gli spazi vuoti nell'animazione per rendere le cose più fluide.

Per fare ciò, tieni premuto il tasto Maiusc^(shift) , fai clic su due singoli fotogrammi nella finestra della timeline e fai clic sull'icona Tween^{(Tween icon)} . Quindi, fai clic per scegliere se l' impostazione Interpolazione^(Tween) utilizzerà posizione, opacità^{(position, opacity)} o effetti^(effects) . Per la maggior parte delle animazioni basate sul movimento, ti consigliamo di utilizzare position . 

Assicurati che tutti i livelli^{(All Layers)} siano selezionati e quindi fai clic su OK . Ripetere questa procedura per ogni fotogramma accoppiato. Ad esempio i fotogrammi 1 e 2, quindi i fotogrammi 3 e 4 e così via.

Sommario^(Summary)

Speriamo che la nostra guida su come animare in Photoshop abbia aiutato. Se hai bisogno di ulteriore aiuto, sentiti libero di lasciare un commento qui sotto.

How To Animate An Image In Photoshop

With some practice and patience, you can learn how to animate in Photoshop and tυrn your work into а GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• Come rimuovere o sostituire uno sfondo in Photoshop

• Come sbiancare i denti in Photoshop

• Come fondere in Photoshop

• Come sfumare e sfocare in Photoshop

• Come ritagliare un oggetto in un'immagine in Photoshop CC

• Come ruotare testo e immagini in Photoshop

• Come utilizzare il Chromebook come secondo monitor

• Come ritagliare in Photoshop

• Come recuperare un account Facebook hackerato

• Come misurare la distanza in Photoshop

• Come aggiornare Raspberry Pi

• Come visualizzare le pagine e i file memorizzati nella cache dal browser

• Come scansionare più pagine in un unico file PDF

• Come pilotare un drone per principianti assoluti

• Disattiva il controllo dell'account utente (UAC) per un'applicazione specifica

• Come creare un team in Microsoft Teams

• Come aprire un file bloccato quando un altro programma lo sta utilizzando

• 8 delle migliori idee tecnologiche per far fronte all'autoisolamento

• Come acquisire schermate su Nintendo Switch

• Come aprire file DDS in Windows 10