Como Criar Gifs De Videos Online
Now there's a problem and the big problem is you can't natively create GIFs inside of After Effects or at least you can't create GIFs inside of After Effects by using the built-in tools in After Effects. There is a fantastic tool called GIF Gun that I'll get to a little bit further on in this tutorial, but for the most part, in order to create a GIF using After Effects, you have to export a finished video and then convert that video into a GIF. Now the good thing is, if you use the creative cloud, and if you're watching this video there's a really good chance that you do, you will actually be able to use Photoshop to create a GIF in only a matter of seconds.
So the first method that I want to show you is using Photoshop to export your GIF. Now the first thing that we're going to have to do of course is export our final video from After Effects. So I'm going to go ahead and preview this short video clip that we have here.
Easily create animated GIFs online from videos, Youtube, video websites, or images. Simple yet powerful customization options. Create videos in minutes with Animoto's easy video maker. Combine your photos and video clips with music to make powerful, professional videos that'll. GIPHY is your top source for the best & newest GIFs & Animated Stickers online. Find everything from funny GIFs, reaction GIFs, unique GIFs and more. Fast and easy GIF creation.
So as you can see, there's not a lot to this, it's just a simple one and a half second looping GIF animation and we're going to go ahead and export this video. So go ahead and add it to your render queue, you can hit 'shift', 'command', '/', or you can just go to 'composition', 'add to render queue'. And I'm going to use just one of these presets that I have here, I'm going to use a pro-res 422 preset. But if you wanted to, you could go into your output module settings and let's say you choose QuickTime, you could then go to your format options and simply just select 'pro-res 422'. But I have my preset saved there and let me encourage you to go save presets in the future if you do a lot of exporting in After Effects, which you probably do. So go ahead and set that as your output module and then I'm going to set my output to my desktop and we'll keep this as School of Potion, which you know is kind of a side project we're working on over here at School of Motion.
Rhymes are really the best way to choose a good business model. And go ahead and hit 'render'. So now if we go to our desktop, we can see that we have one and a half second video. So go ahead and hop over to Photoshop.
Now you may be surprised to hear this, but you can actually import video into Photoshop. So if you just go to 'file', 'open', we can select our video file from our desktop and hit 'open' and you'll also see over here in the layers panel, there is a new video group layer. So let's go ahead and export this video into a GIF.
So to do that, go up to 'file' and 'save for web'. And it may take just a second to load up on your machine, but once it loads, you'll be able to see and preview your GIF. Now before I hit that save button, I actually want to walk you through what all of these settings mean here because they're all somewhat important whenever you're exporting a GIF in Photoshop. And let me take this moment to clarify that Photoshop is actually a very highly professional way to export a GIF, there are a lot of very customizable options that are available to you that aren't necessarily available if you use, let's say, Giphy or GIF Rocket to export a GIF. So if you want a professional solution, let's say you're working on a design firm's website header or you need a really polished and fancy GIF for your specific website or blog, you probably want to use Photoshop. And besides that, Photoshop gives you these kind of live GIF size readouts before you hit the save button, so you can see how big your final GIF is gonna be before you export, which makes it extremely helpful to you. So let me go through the settings here before we export and we can get better understanding of what all of these individual settings mean.
So our first setting right here is our color reduction algorithm and that just a fancy way of saying, 'This is the way in which Photoshop is going to scan our video and create colors based on the colors found inside of that video.' Now there are a lot of settings that can be kind of confusing here, but the biggest thing to remember is just do whatever makes sense for your individual GIF. So for this specific GIF that we're creating here, I'm going the leave it on selective. But, for example, if you were working with a GIF that had gradient in it, you might want to use adaptive because it can be a little more smooth, but the file size can also be greater. So it's just this kind of trade-off between, do you want to have high quality GIFs or do you want to have a low file size GIFs and how does color relate to your specific GIF animation that you're trying export.
This GIF only has 1, 2, 3, 4, 5 different colors, whereas if we were exporting a video, it might have thousands of different colors and we have to reduce the number of colors down to a specific number. So I'm going to leave it on selective, but it just depends on whatever GIF you are trying to export. And colors is exactly what you might think it is, it's the number of colors that will be in your final GIF.
So for example, this GIF that were working on here, we don't need 256 colors. In fact, if you look down here at the color table, a lot of these colors look pretty much identical.
So we can actually change that to a different number, let's say we want to do 16. Or we could even probably drop this down to eight. And you can see that even after we drop the colors down to eight, there really isn't much of a difference in the visual perception of the way this GIF looks and our file size has been significantly reduced. And now we're only at 150k, which makes it great for the web. Remember when you're uploading images to the web, you really don't want them to be larger than two to three megabytes unless there are some really extenuating circumstances, because people will have a hard time loading them whenever they go and view your website from, let's say, their phone.
The next box that we can take a look at here is your dithering options. And dithering is just basically colored noise that will be added into your scene. So if you think about the way that low-quality video kind of has colored noise, let's say, in the dark parts of the image or in gradients from one color to another color, that's exactly what dithering does.
So if you have, let's say, a flat image like this one, we could select 'no dither' and it's not going to make a huge difference. In fact, it actually lowered our file size by selecting 'no dither'.
But sometimes if you're exporting a GIF that comes from live action footage, by selecting 'dither', you can actually reduce your file size and I highly encourage you to just mess around with your individual GIF to get the right dithering option for you. And then dither over here, if you do actually turn on some sort of dithering, this dither percentage will kind of dial in the amount of dithering for your scene. But since we're not to be using any dithering, we will just turn it off.
Como Criar Gifs De Videos Online Gratis En Espanol
Now transparency is exactly what it sounds like, it actually allows you to have transparent pixels in your image and this is really cool because it basically gives you the option to have alpha channels. But there's a big caveat here, GIFs don't actually support variable alpha channels, which means that a pixel can only be 100% on or 100% off. There's no 50% or in between colors. So for example, if we kind of take a look at our GIF that we have here, and in fact you can hit this play button and preview your GIF, just in case you're wondering.
So let's pretend that our GIF here has a transparent background, so School of Potion and then this pink stuff over here is seen but this blue background is transparent. If that was the case, you could hypothetically export this video frame with this 'no transparency dither' selected, and it would have alpha channels in the background. But whenever you do that, it's going to have some hard edges that don't exactly look right. So if you don't want it to have hard edges, you could select one of these dithering options to kind of feather out the pixels on the edge of your GIF and then you could go in and select your matte color. So we can use our, let's say, eyedropper color to fill in the color of these edges. And if you wanted to, you could select the eyedropper here and select the background blue and then change the matte color to the eyedropper color and that will help Photoshop to kind of feather out these edges so they're not so harsh. But keep in mind you will then have some awkward edge pixels here.
So all in all, the thing to remember is simply that you can export GIFs with alpha channels, although I do not recommend doing it most of the time. And then we can obviously go in here and change the dithering and diffusion amount for the pixels on the edge of your video frame. So because we don't need transparency I'm going to go ahead and deselect that checkbox. So interlaced is another one of these really cool features that are hard to find in other GIF creation softwares.
So if you select 'interlaced', it will actually load your GIFs in multiple passes, so there will be a low-res pass and then a high-res pass. This will basically allow people to go ahead and see your final GIF and then load a higher res format in place of that lower res format. It's really great if you want people, let's say, on a mobile phone to be able to see your GIF instantaneously and not have to wait for the entire thing to load before seeing some sort of preview. It's a really cool feature and if you want to optimize your images for a mobile platform I recommend having it selected, but keep in mind that it will increase your file size by just a little bit.
This web snap feature down here will allow you to convert your colors to web safe colors, but in general, you'll probably want to keep this at 0% most the time. Instead of web snap, I like to use this 'convert to SRGB', which is supported by most modern monitors.
And we can keep going down here, preview is basically the preview colors that are over here, we can just keep this at monitor color. Metadata is really interesting, so it allows you to add in the metadata info to your GIF and if you want to anonymously post this GIF to the Internet, I don't know why you would want to do that, but you could select 'none' and then our GIF has no metadata information. The image size is obviously the image size, so you can adjust the width and height right there or you can adjust the percentage, so we could just type in 50%, and you will see that our image size is automatically scaled down here.
Como Criar Gifs De Videos Online Gratis
Now this quality slider down here has to do with the way in which Photoshop is going to interpret this new smaller resolution, or it could be a larger resolution if you wanted to scale up for whatever reason. Now typically I'll keep it on bi-cubic, although some people say if you're scaling a GIF down, you want to keep it at bi-cubic sharpener and if you're scaling a GIF up and making it larger, you want to you smoother. But I find that bi-cubic works for most of my situations. And this looping options is pretty obvious, we want to keep it at forever, although sometimes you may want to keep it at once, let's say you have an animated text that writes on for a website header and then stays on forever, we'll go ahead and leave at once.
But for our GIF, we want it to loop so we're going to keep it at forever. So now let me show you the fastest way to create GIFs in After Effects. So we're gonna hop back over to After Effects and we're going to take a look at a new composition here.
So we have this looping video here and we want to convert it to a GIF. Now typically, you would have to export a video and then convert it using another application but if use this amazing tool inside of After Effects called GIF Gun, you can actually create a GIF basically inside of After Effects.
And it works super super easily. So GIF Gun is actually already installed on my machine and you can see that it's basically two buttons, right? Like you have 'settings' or you have 'make GIF' and it doesn't get much easier than that. If we go to our settings here, we can adjust all of the settings that you would think you'd be able to adjust, we can change the folder where it is exported to, we can change the width, the number of colors, the frames per second. And for GIFs, typically don't want to go higher than 15 frames per second.
We can keep ours, let's say, at 12. And we can render with lossless, that basically says that the GIF is going to be created from extremely high res video and that's perfectly fine. And we have this compression here, we can keep this at medium, although you could do 'none' and our GIF would probably be pretty small already. You can see that GIF Gun has the ability to keep alpha channels, just like Photoshop. Although, you don't actually have any of those dithering options but it's there if you need it.
And we have this progressive render option, which if you are resizing your GIF to a different size, you want to make sure that it selected and it will just increase the render speed of your composition. We have 'save video copy', which make sense, saves a copy of the video. We have a looping GIF, which we want this one the loop, and then we have 'open GIF folder' whenever the GIF is done being created and we want to make sure that is selected. So the only thing I'm going to change here is the custom folder and I'm going to go ahead and select our desktop and hit 'open here', so we are going to export our composition to our desktop. And then I'm going to change this width to 940, so it matches the GIF that we created in Photoshop, and hit 'done'.
And then all you have to do is hit the 'make GIF' button and that's going to send it to your render queue and automatically export it. So now if we go to our desktop, we can see that we have a brand-new GIF. And you can see that the quality of this GIF is a really high as well. In fact, we can see that the GIF is only 59 kilobytes, much smaller than the Photoshop one. Now GIF Gun is not free, you do have to pay for it, but it is a fantastic tool if you create a lot of GIFs and if you're anything like me, you will be creating a lot of GIFs in the future.
So I highly recommend downloading it. And in fact, you can download a free trial version on AE Scripts. So that's GIF Gun, now let's move on to method number three. So we have this new composition here and it is simple just like the other ones and let's say we want to make this into a looping GIF, what we're going to do is use a third-party app. So I'm going to go to 'composition', 'add to render queue' and just like before I'm going to go ahead and select our pro res export format and then we'll make sure this is save to desktop and hit 'render'. Now if we go to our desktop, we can see that the video is exported and it's about two seconds long and we want to convert this to a GIF. Now the tool that I'm going to use here is called 'GIF Rocket' and it is actually only available for Mac, but there are a lot of GIF creation softwares out there.
In fact, a quick Google search will reveal quite a few different tools that you can use. So this tool is actually really easy to use. If you just hit the settings here, you can change the width, so we can do 940 and you can change the quality to whatever you want and then drop the video right on top here and it will convert your video to a GIF. And we can see that it's 100 kilobytes and if we play it back here it looks pretty much just as good as the other GIFs. So this last option is admittedly not my favorite option but if you, let say, work in an environment where you are not allowed to install more software on your machine or you don't trust downloading third-party apps, you can use this method. So I'm going to go ahead and export our last GIF here and we'll go ahead and go to pro-res and it's exporting to our desktop.
And it rendered out here and we have, just like before, a 1 to 2 second looping video. So what I'm going to do is actually go to the Internet, so we're going to go to good old Google Chrome here and we can use an online GIF creating service. So I'm going to use Giphy here, but there are literally dozens if not hundreds of options out there. So I'm going to go ahead and drag and drop our video file into Giphy and all we have to do is enter in some information here.
So we will do School of Motion and we'll go ahead and hit 'upload GIFs'. And so this will take just a minute but it's incredibly fast and incredibly easy to use. And there you go, we have a high-quality GIF that is on the Internet.
And while you're there you can just go and browse the rest of humanity, which is a little depressing. So those are four different ways to export GIFs in After Effects. Now before I let you go, I want to show you a few different methods for reducing the overall file size of your GIF. So one thing to remember when you're exporting a GIF is to keep the backgrounds as simple as possible. We have this looping animation here with this kind of texturized background, but if we exported this GIF, the file size would be much larger than that of this one with a very simple plain background, so keep that in mind. So another thing to remember is that a GIF's file size is very much dependent on the number of colors in your scene.
So this one that has a gradient ramp or this gradient on this potion drop here, will actually be larger in size than our original GIF over here. And there's more things to think about, make sure you go to your composition and composition settings, make sure your frame rate is low, 12 is fantastic. If you want to reduce your file size, you can also make sure that there are no transparent pixels. Another tip if you're using live action footage is to use a software or a tool, like warp stabilizer, so that your GIF creator can actually blend pixels together between frames and save on file size. Hoi4 naval invasion not working video.
Upload and convert video to GIFWith this online video converter you can upload your mp4, avi, WebM, flv, wmv and many other popular types of video and rich media files to turn them into high quality animated GIFs.Source video file can be uploaded from your computer or smartphone or fetched from another server by URL.After upload, you can select the part of the video you want to cut, entering start and end time. If nothing is selected, the converter will make a GIF from first five seconds of the video clip.If you want to change the dimensions of the GIF or crop out only part of the video, you can use our resize and crop tools on the GIF after finishing the conversion.We offer MP4 to GIF, WebM to GIF, AVI to GIF, MOV to GIF, FLV to GIF as well as 3GP, OGV, M4V, ASF and other format converters. It's possible to convert transparent video (with alpha channel) to transparent GIF as well. It can also convert some SWF (flash) files, but currently not all of them.Tips. Frame rate ( fps) is the amount of frames shown each second. Higher frame rate gives smoother and more cinematic animation thus increasing perceived quality, but greatly increases file size. Choose accordingly for your needs.
To keep the file size and processing time reasonable, we limit maximum length of the part you can select for conversion (duration) depending on selected frame rate. If you want to create longer GIFs, you have to select lower fps. Maximum length at 5 fps is 60 seconds, at 10 fps it's lowered to 30 seconds and so on. Pause the video and click 'Use current video position' to get an accurate start and end time for your GIF. Use our crop, resize and optimization tools below the output image, to adjust the dimensions and file size.If you are looking for a tool to perform conversion the other way around (GIF to Video), give our or converter a try.Or if you want to make a GIF from multiple images, use our instead.