
Hey, i am Sue Celis from image pixelator. In this blog, I will show you a fast and easy method to create animated GIFs from your videos in Photoshop. Make sure that you stick around until the very end of the tutorial to see how you can watch my new free series on Adobe's website. The first step to create an animated GIF and Photoshop is to create a New Document.
Click on the Create New Document button. Then, in the New Document, Window set the width and height. There's no specific set size for an animated GIF, but you do want to keep the file small so that you don't have a large file size. Then, make sure you set the Resolution to 72and under Advanced Options, set the colour profile to sRGB and click on Create.
To import your video, you can go into File > Place Embedded From your computer, locate the video file.
Mine is right here. I'll click on it and then click on the Place button. This brings the video into my Document, and I can click-and-drag on the corner handles to place the video into position. The video in my canvas has different aspect ratios.
If you like, you can create a canvas that has the same aspect ratio. But in this case, I wanted a square GIF. But you can certainly make it the same aspect ratio so that you don't have to crop it.
So then, click on the checkmark to commit the changes, and you can go into Window > Timeline, and from the dropdown, make sure that you select Create Video Timeline and then press on the Create Video Timeline button.
And that will convert your video into a video layer which allows you to apply animations, trim the video, and edit the audio.
In this case, we'll trim the video and then save it as an animated GIF. Start by double-clicking in the Hand Tool to fit the video to the screen. Then, click on the Play button to play the video. What you want to do now is set a start and ending point for the video.
You can do so by clicking-and-dragging on the play had to scrub through the video and decide where the video should start. For me, right about here.
So I can click-and-drag the edge of the video layer until it snaps into the play head. Then, I can click-and-drag the video layer to the left until it snaps into the start of the video.
Then, I can click-and-drag on the player to find an appropriate spot to end my animated GIF, and I think that right about here would be a good spot.
Then, I can click-and-drag the opposite edge of the video into the playhead until it snaps, and then you can click on the Play button so that you can see your results.
If you want to see a closer representation of what the animated GIF will look like, make sure that you click on the four-line icon to reveal these options and select Loop Playback.
Then, click on the Play button, and the video will loop forever. And this video preview will be much closer to the final animated GIFto save this file as an animated GIF.
All you need to do is go into File >ExportSave for Web (Legacy) And just a bit of a warning; this window may be slow to open. It all depends on your computer's processing power, the final dimension, and the animation's complexity that you're trying to export.
In this case, we don't have any animations. It's simply a video. It's a short one, and the file dimensions are small, so it opened fairly quickly.
Photo- 2
Then, make sure that you select the GIF option from this dropdown, and the default settings should work.
Ensure that you're using the appropriate image dimensions, and then make sure that you have Looping Option set to Forever. In most cases, you want your animated GIF to loop forever and then click on the Play button one more time to see a final preview And when you're ready to save, you can click on this Save button, and this is where you can name your file and then click on this Save button to save your animated GIF.
And before we finish the video, I have an exciting announcement. Adobe has just published my brand new series, Supercharger Your Workflow. This six-video series is designed for Photoshop users who want to learn Adobe Illustrator and Adobe Premiere Pro.
Photo- 3
In the first three article, you'll learn how to use Adobe Illustrator to design a logo from a rough sketch, create beautiful editable text, and design a professional photo editing for business card. Then in the next three videos, you'll learn how to use Adobe Premiere Pro to colour-correct your videos, animate your Photoshop documents and automatically reframe your videos for social sharing. The link to these videos is below in the description.
Make sure that you check them out now and while you're there, make sure that you follow me on Behance. Also, if this is your first time at the Photoshop Training Channel, make sure that you subscribe and click on that notification bell so that you don't miss any new Photoshop tutorials.
Photo-4