Di recente ho scattato alcune foto divertenti di mio cugino e volevo creare la mia GIF animata invece di utilizzare quella "Composizione automatica" creata automaticamente da Google+ . Dato che ho installato Photoshop CS6 , ho pensato di provarci e vedere cosa succede. All'inizio, ho pensato che sarebbe stato abbastanza semplice: importare le immagini in livelli separati e quindi salvarle come file GIF^{(GIF file)} con animazione. Sbagliato!

Se provi a creare la GIF in questo modo, noterai che la sezione Animazione^{(Animation section)} nella finestra di dialogo Salva^(Save) per Web^{(Web dialog)} è disattivata. Per attivarlo in modo da poter scegliere le opzioni di loop, devi creare quella che viene chiamata Animazione frame^{(Frame Animation)} in Photoshop CS6 . Sembra complicato, ma è abbastanza facile da fare. In questo post, ti guiderò attraverso i passaggi per creare la tua GIF animata utilizzando immagini fisse.

Menzionerò anche come importare un video e convertirlo^{(video and convert)} in una GIF animata . Solo il processo di importazione^{(import process)} differisce durante l'importazione di un video, il resto dei passaggi rimane lo stesso.

Passaggio 1: importa tutte le immagini

La prima cosa che devi fare è importare tutte le tue immagini in livelli separati in un unico file di Photoshop^{(photoshop file)} . Quindi, se hai 6 immagini, ad esempio, aprile tutte in Photoshop , quindi crea un nuovo file e copia^{(file and copy)} e incolla ciascuna delle immagini in un livello separato nel nuovo file. Il livello 1^{(Layer 1)} dovrebbe essere l'immagine iniziale e l'ultimo livello dovrebbe essere l'ultima immagine nell'animazione.

Questa parte del processo probabilmente occuperà la maggior parte del tempo di tutti i passaggi. Probabilmente c'è un modo più semplice e veloce per farlo in Photoshop , ma poiché non sono un utente professionista, ho copiato e incollato manualmente ogni immagine in un nuovo file di Photoshop^{(Photoshop file)} . Se conosci un modo più veloce, faccelo sapere nei commenti.

Passaggio 2: crea l'animazione del frame

Il secondo passaggio consiste nel creare l'animazione vera e propria in Photoshop stesso. Per fare ciò, devi prima aprire la finestra Timeline^{(Timeline window)} . Vai su Finestra^(Window) e scegli Timeline .

Ora vedrai la finestra Timeline aperta nella parte inferiore dello schermo. Dovrebbe essere completamente vuoto per cominciare. Ora per creare un'animazione frame^{(frame animation)} , fai semplicemente clic con il pulsante destro del mouse in un punto qualsiasi della casella Timeline^{(Timeline box)} e scegli Crea animazione frame^{(Create Frame Animation)} .

Quando lo fai, ora vedrai solo un'immagine nella timeline con un piccolo 1 nell'angolo in alto a sinistra^{(left corner)} . Sarà l'immagine che hai selezionato nel pannello Livelli^{(Layers panel)} o sarà il livello aggiunto più di recente (l'ultima immagine nell'animazione). A questo punto, è un'animazione a un fotogramma^{(frame animation)} , che non è quello che vogliamo.

Invece, vogliamo che tutti i livelli siano inclusi nell'animazione. Per fare ciò, dobbiamo fare clic sul minuscolo pulsante freccia giù all'estrema destra della finestra Timeline^{(Timeline window)} . Ha una piccola freccia in basso e poi un paio di linee orizzontali accanto ad essa. quando fai clic su quello, vedrai un'opzione chiamata Crea cornici da livelli^{(Make Frames From Layers)} .

Ora dovresti vedere una cornice per ogni livello che hai nel tuo file. Ogni fotogramma avrà anche un piccolo menu a discesa sotto l'immagine che ti consente di selezionare la durata di visualizzazione di ogni fotogramma.

Come puoi vedere sopra, il primo fotogramma è di 5 secondi e poi il resto è impostato su 0. Dovrai regolarli di conseguenza, ma puoi anche scegliere una quantità^{(custom amount)} di tempo personalizzata.

Dopo aver selezionato il tempo per ogni fotogramma, sei pronto per il passaggio finale, che consiste nel salvare la tua nuova animazione in un file GIF^{(GIF file)} .

Passaggio 3: salva il file GIF

Ora è il momento di salvare la tua GIF animata . Per fare ciò, vai su File e fai clic su Salva per Web^{(Save for Web)} . Nella parte inferiore della finestra di dialogo di salvataggio^{(save dialog)} , vedrai la sezione Animazione^{(Animation section)} , che non dovrebbe più essere disattivata.

Le tue opzioni qui sono abbastanza facili da capire. Puoi davvero solo scegliere come vuoi che si ripeta e quindi visualizzare in anteprima l'animazione prima di salvarla. Questo è tutto! Speriamo che questa guida ti aiuti a creare la tua GIF animata in Photoshop CS6 senza intoppi!

Conclusione

Ci sono un paio di cose degne di nota. Innanzitutto, se trovi che la GIF animata è troppo grande, dovrai prima ridurre le dimensioni delle singole immagini prima di creare il tuo file Photoshop^{(Photoshop file)} finale con più livelli. Puoi ritagliare le immagini se hai bisogno solo di una parte delle foto per creare l'animazione o puoi ridurre le dimensioni dell'intera immagine.

In secondo luogo, se hai un video, puoi importare automaticamente i fotogrammi video nei livelli andando su File , quindi Importa^(Import) e facendo clic su Fotogrammi video in livelli^{(Video Frames to Layers)} .

Quindi questo è tutto quello che c'è da fare. Anche^(Again) in questo caso, per gestire le dimensioni, potrebbe essere necessario ridurre la qualità delle immagini per creare un piccolo file GIF^{(GIF file)} . Divertiti!

How to Create Animated GIFs from Images using Photoshop CS6

I recently tоok somе funny pictures of my cousin and wanted to create my own animated GIF insteаd of using the “Auto Awesomе” one created automaticallу by Google+. Since I have Photoshop CЅ6 іnstаlled, I figured I would give it a shot and see what happens. At first, I thought it would be faіrly straight-forward: import the images into separate layerѕ and then just save it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Come salvare GIF animate su dispositivi mobili e computer

• Come Mask in Photoshop a Hide Layers

• Come convertire Multiple Images in PDF Files

• Come aggiungere uno sfondo a un'immagine con schermo verde in Photoshop

• 7 semplici modifiche alle immagini che puoi eseguire in Photoshop

• Come Fix Disney Plus Error Code 83

• Come dividere lo Screen su un Chromebook

• Come utilizzare VLOOKUP in fogli Google

• Come acquisire immagini fisse da un video o un DVD

• 4 Ways per trovare il miglior Internet Options (ISPs) nella tua zona

• Come cambiare lo sfondo in un'immagine usando Photoshop

• Come Detect Computer & Email Monitoring o Spying Software

• Appartamento Panel Display Technology Demystified: TN, IPS, VA, OLED e altro ancora

• Come creare un'immagine in bianco e nero in Photoshop

• 7 Quick Fixes Quando Minecraft Keeps Crashing

• Come cambiare la lingua su Netflix5

• Come trovare Memories su Facebook

• Come creare una GIF da un video utilizzando Photoshop CC

• Come trovare i migliori server di discordia

• 3 modi per prendere un Photo or Video su un Chromebook