Jag tog nyligen några roliga bilder på min kusin och ville skapa min egen animerade GIF istället för att använda "Auto Awesome" som skapades automatiskt av Google+ . Eftersom jag har Photoshop CS6 installerat, tänkte jag att jag skulle ge det ett försök och se vad som händer. Först trodde jag att det skulle vara ganska okomplicerat: importera bilderna till separata lager och sedan bara spara dem som en GIF -fil med animering. Fel!

Om du försöker skapa GIF på detta sätt kommer du att märka att avsnittet Animation i dialogrutan Spara^(Save) för webben är nedtonat. ^(Web)För att få det aktiverat så att du kan välja loopningsalternativ måste du skapa vad som kallas en ramanimering^{(Frame Animation)} i Photoshop CS6 . Det låter komplicerat, men det är ganska enkelt att göra. I det här inlägget går jag igenom stegen för att skapa din egen animerade GIF med hjälp av stillbilder.

Jag kommer också att nämna hur man importerar en video och konverterar den till en animerad GIF . Endast importprocessen skiljer sig vid import av en video, resten av stegen förblir desamma.

Steg 1 – Importera alla bilder

Det första du behöver göra är att importera alla dina bilder till separata lager i en Photoshop-fil. Så om du har 6 bilder, till exempel, öppna alla i Photoshop och skapa sedan en ny fil och kopiera och klistra in var och en av bilderna i ett separat lager i den nya filen. Lager 1^{(Layer 1)} ska vara din startbild och det sista lagret ska vara den sista bilden i animationen.

Denna del av processen kommer förmodligen att ta mest tid av alla steg. Det finns förmodligen ett enklare och snabbare sätt att göra detta i Photoshop , men eftersom jag inte är någon proffsanvändare, kopierar jag manuellt och klistrar in varje bild i en ny Photoshop -fil. Om du känner till ett snabbare sätt, låt mig veta i kommentarerna.

Steg 2 – Skapa ramanimering

Det andra steget är att skapa själva animationen i Photoshop själv. För att göra detta måste du först öppna tidslinjefönstret^(Timeline) . Gå upp till Fönster^(Window) och välj Tidslinje^(Timeline) .

Nu kommer du att se tidslinjefönstret^(Timeline) öppet längst ner på skärmen. Det ska vara helt tomt till att börja med. För att skapa en ramanimering, högerklicka helt enkelt var som helst i tidslinjerutan^(Timeline) och välj Skapa ramanimering^{(Create Frame Animation)} .

När du gör detta ser du nu bara en bild på tidslinjen med en liten 1:a i det övre vänstra hörnet. Det kommer antingen att vara bilden du har valt i panelen Lager^(Layers) eller så kommer det att vara det senast tillagda lagret (sista bilden i animeringen). Vid det här laget är det en enbildsanimation, vilket inte är vad vi vill ha.

Istället vill vi att alla lager ska ingå i animeringen. För att göra detta måste vi klicka på den lilla nedåtpilknappen längst till höger i tidslinjefönstret^(Timeline) . Den har en liten nedåtpil och sedan ett par horisontella linjer bredvid. när du klickar på det ser du ett alternativ som heter Gör ramar från lager^{(Make Frames From Layers)} .

Nu bör du se en ram för varje lager som du har i din fil. Varje bildruta kommer också att ha en liten rullgardinsmeny under bilden som låter dig välja hur lång tid varje bildruta ska visas.

Som du kan se ovan är den första bilden 5 sekunder och resten är inställda på 0. Du måste justera dem därefter, men du kan också välja en anpassad tid.

När du har valt tiden för varje bildruta är du redo för det sista steget, som är att spara din nya animation till en GIF -fil.

Steg 3 – Spara GIF-fil

Nu är det dags att spara din animerade GIF . För att göra detta, gå till Arkiv^(File) och klicka på Spara för webben^{(Save for Web)} . Längst ner i dialogrutan för att spara ser du avsnittet Animation , som inte längre ska vara nedtonat.

Dina alternativ här är ganska lätta att förstå. Du kan egentligen bara välja hur du vill att den ska loopa och sedan förhandsgranska animationen innan du sparar den. Det är ungefär det! Förhoppningsvis hjälper den här guiden dig att skapa din animerade GIF i Photoshop CS6 utan problem!

Slutsats

Det finns ett par saker värda att nämna. För det första, om du tycker att den animerade GIF -filen är för stor, måste du först minska storleken på de enskilda bilderna innan du skapar din slutliga Photoshop -fil med flera lager. Du kan antingen beskära bilderna om du bara behöver en del av bilderna för att skapa animationen eller så kan du minska storleken på hela bilden.

För det andra, om du har en video kan du importera videoramarna till lager automatiskt genom att gå till Arkiv^(File) , sedan Importera^(Import) och klicka på Videoramar till lager^{(Video Frames to Layers)} .

Så det är allt som finns. Återigen^(Again) , för att hantera storleken kan du behöva minska kvaliteten på bilderna för att skapa en liten GIF -fil. Njut av!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took ѕome funny pictures of my cousin аnd wanted to сreate my own animated GIF instead of using the “Auto Awesome” one created аutоmatiсally by Google+. Since I have Photoshop CS6 installed, I figured I would give it а ѕhot and see what happens. At first, I thought it wоuld be fairly straight-forward: import the images into separatе layers and then just save it out as a GІF file wіth 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

• Hur man sparar animerade GIF-filer till mobil och dator

• Hur man maskerar i Photoshop för att dölja lager

• Hur man konverterar flera bilder till PDF-filer

• Hur man lägger till en bakgrund till en grön skärmbild i Photoshop

• 7 enkla bildändringar du kan göra i Photoshop

• Så här delar du skärmen på en Chromebook

• 4 sätt att ladda ner Instagram-bilder

• Hur man blir av med Yahoo Search i Chrome

• Hur man åtgärdar Disney Plus-felkod 83

• 10 bästa sätten att barnsäkra din dator

• 4 sätt att hitta de bästa internetalternativen (ISP) i ditt område

• Hur du kontrollerar din hårddisk för fel

• Hur man gör en trådbunden skrivare trådlös på 6 olika sätt

• Hur man öppnar en fil utan förlängning

• Hur man castar till Roku TV från PC eller mobil

• Hur man hittar födelsedagar på Facebook

• OLED vs MicroLED: Ska du vänta?

• Hur man skapar en transparent bakgrund i GIMP

• Kan du ändra ditt Twitch-namn? Ja, men var försiktig

• Hur man laddar ner och installerar Peacock på Firestick