Ik heb onlangs een paar grappige foto's van mijn neef gemaakt en wilde mijn eigen geanimeerde GIF maken in plaats van de "Auto Awesome" te gebruiken die automatisch door Google+ werd gemaakt . Omdat ik Photoshop CS6 heb geïnstalleerd, dacht ik dat ik het een kans zou geven en kijken wat er gebeurt. In eerste instantie dacht ik dat het redelijk eenvoudig zou zijn: importeer de afbeeldingen in afzonderlijke lagen en sla ze vervolgens op als een GIF -bestand met animatie. Mis!

Als u de GIF op deze manier probeert te maken, zult u merken dat het gedeelte Animatie^(Animation) in het dialoogvenster Opslaan^(Save) voor web grijs wordt weergegeven. ^(Web)Om dat geactiveerd te krijgen, zodat je de looping-opties kunt kiezen, moet je een zogenaamde Frame Animation maken in Photoshop CS6 . Het klinkt ingewikkeld, maar het is vrij eenvoudig om te doen. In dit bericht zal ik je door de stappen leiden voor het maken van je eigen geanimeerde GIF met stilstaande beelden.

Ik zal ook vermelden hoe je een video importeert en converteert naar een geanimeerde GIF . Alleen het importproces verschilt bij het importeren van een video, de rest van de stappen blijven hetzelfde.

Stap 1 - Alle afbeeldingen importeren

Het eerste dat u moet doen, is al uw afbeeldingen in afzonderlijke lagen in één photoshop-bestand importeren. Dus als je bijvoorbeeld 6 afbeeldingen hebt, open ze dan allemaal in Photoshop en maak dan een nieuw bestand aan en kopieer en plak elk van de afbeeldingen in een aparte laag in het nieuwe bestand. Laag 1^{(Layer 1)} moet uw startafbeelding zijn en de laatste laag moet de laatste afbeelding in de animatie zijn.

Dit deel van het proces zal waarschijnlijk de meeste tijd in beslag nemen van alle stappen. Er is waarschijnlijk een eenvoudigere en snellere manier om dit in Photoshop te doen , maar aangezien ik geen professionele gebruiker ben, kopieer en plak ik elke afbeelding handmatig in een nieuw Photoshop -bestand. Als je een snellere manier weet, laat het me dan weten in de comments.

Stap 2 - Frame-animatie maken

De tweede stap is het maken van de daadwerkelijke animatie in Photoshop zelf. Om dit te doen, moet u eerst het tijdlijnvenster^(Timeline) openen . Ga naar Venster^(Window) en kies Tijdlijn^(Timeline) .

Nu ziet u het tijdlijnvenster^(Timeline) onder aan het scherm geopend. Het moet om te beginnen helemaal leeg zijn. Om nu een frame-animatie te maken, klikt u met de rechtermuisknop ergens in het vak Tijdlijn^(Timeline) en kiest u Frame-animatie maken^{(Create Frame Animation)} .

Wanneer u dit doet, ziet u nu slechts één afbeelding in de tijdlijn met een kleine kleine 1 in de linkerbovenhoek. Het zal ofwel de afbeelding zijn die je hebt geselecteerd in het deelvenster Lagen^(Layers) of het zal de meest recent toegevoegde laag zijn (laatste afbeelding in de animatie). Op dit moment is het een animatie met één frame, wat niet is wat we willen.

In plaats daarvan willen we dat alle lagen in de animatie worden opgenomen. Om dit te doen, moeten we klikken op het kleine pijltje naar beneden aan de rechterkant van het tijdlijnvenster^(Timeline) . Het heeft een kleine pijl naar beneden en een paar horizontale lijnen ernaast. wanneer u daarop klikt, ziet u een optie met de naam Make Frames From Layers .

Nu zou je een frame moeten zien voor elke laag die je in je bestand hebt. Elk frame heeft ook een kleine vervolgkeuzelijst onder de afbeelding waarmee u de tijdsduur kunt selecteren dat elk frame moet worden weergegeven.

Zoals je hierboven kunt zien, is het eerste frame 5 seconden en de rest is ingesteld op 0. Je zult ze dienovereenkomstig moeten aanpassen, maar je kunt ook een aangepaste hoeveelheid tijd kiezen.

Nadat u de tijd voor elk frame hebt geselecteerd, bent u klaar voor de laatste stap, namelijk het opslaan van uw nieuwe animatie in een GIF -bestand.

Stap 3 – GIF-bestand opslaan

Nu is het tijd om je geanimeerde GIF op te slaan . Ga hiervoor naar Bestand^(File) en klik op Opslaan voor web^{(Save for Web)} . Helemaal onderaan het dialoogvenster voor opslaan ziet u het gedeelte Animatie^(Animation) , dat niet langer grijs zou moeten zijn.

Uw opties hier zijn vrij eenvoudig te begrijpen. Je kunt echt alleen kiezen hoe je wilt dat het een lus wordt en vervolgens een voorbeeld van de animatie bekijken voordat je het opslaat. Dat is het zo'n beetje! Hopelijk helpt deze gids je om je geanimeerde GIF probleemloos^(GIF) in Photoshop CS6 te maken!

Conclusie

Er zijn een paar dingen die het vermelden waard zijn. Ten eerste, als u vindt dat de geanimeerde GIF te groot is, moet u eerst de grootte van de afzonderlijke afbeeldingen verkleinen voordat u uw uiteindelijke Photoshop -bestand met de meerdere lagen maakt. U kunt de afbeeldingen bijsnijden als u slechts een deel van de foto's nodig heeft om de animatie te maken, of u kunt de grootte van de hele afbeelding verkleinen.

Ten tweede, als je een video hebt, dan kun je de videoframes automatisch in lagen importeren door naar Bestand^(File) te gaan , dan Importeren^(Import) en te klikken op Videoframes naar lagen^{(Video Frames to Layers)} .

Dus dat is alles. Nogmaals^(Again) , om de grootte te beheren, moet u mogelijk de kwaliteit van de afbeeldingen verminderen om een ​​klein GIF -bestand te maken. Genieten van!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures of my cousin and wanted to create my own animated GIF instead оf using the “Auto Awеsome” one creatеd automatically by Google+. Sinсe I have Photoshоp CS6 installed, I figured I would give it a shot and see what happens. At first, I thoυght it would be fairly straight-forward: import the images into ѕeparate laуers and thеn јυst 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

• Geanimeerde GIF's opslaan op mobiel en computer

• Hoe te maskeren in Photoshop om lagen te verbergen

• Meerdere afbeeldingen converteren naar PDF-bestanden

• Een achtergrond toevoegen aan een afbeelding met een groen scherm in Photoshop

• 7 eenvoudige beeldaanpassingen die u in Photoshop kunt doen

• Een clip splitsen in Adobe Premiere Pro

• Een afbeelding zwart-wit maken in Photoshop

• Een PDF met meerdere pagina's maken in Photoshop

• Twitch-video's downloaden

• Een bestand openen zonder extensie

• Hoe Disney Plus-foutcode 83 op te lossen

• Wat is de Discord Streamer-modus en hoe u deze instelt?

• Hoe Peacock op Firestick te downloaden en te installeren

• Wat is de Uber-passagiersclassificatie en hoe u deze kunt controleren?

• Hoe u uw harde schijf op fouten kunt controleren

• 4 manieren om de beste internetopties (ISP's) in uw regio te vinden

• 10 beste manieren om uw computer kindveilig te maken

• Discord-spoilertags gebruiken

• OLED versus MicroLED: moet je wachten?

• Kun je je Twitch-naam wijzigen? Ja, maar wees voorzichtig