Hot answers tagged

61

To Convert the Video File into a Compatible Structure for the Animated GIF File Format Open Photoshop without opening the video file. Go to File → Import → Video Frames to Layers. In the options that appear, make sure the "Make Frame Animation" checkbox is ticked. At this stage you can also select only a specified range of the video and only ...


32

Here's a simpler solution using gifsicle than JohnB's script: gifsicle -U input.gif `seq -f "#%g" 0 2 99` -O2 -o output.gif This command should work in most Unix shells; I've tested it in bash. Replace input.gif and output.gif with the input and output file names, and 99 with the number of frames in your animation. (It's OK to use a larger number, but ...


30

There is this useful site.... http://www.online-image-editor.com/ Click on the tab Advanced Transparency Click on gif image, on the background you want to remove


27

The file must have a Timeline or Frame sequence. (Window > Timeline) You need to set the animation options in the Save for Web dialog: In addition, it is possible to have a quick animation and not see it initially due to speed and duration if the Save For Web options are set to "once". You may need to reload a page/image to see the animation. Also, some ...


23

Color number is just half the game. The other is to compress the picture after color reduction. This lossless compression, searches for repeated patterns in scanline order. Long story, in short: When you add the logo you are increasing the image variability, entropy. Compression gets worse the more entropy there is in the image, as the computer can nolonger ...


19

I think without knowing what tools did what, what shortcuts did what, and how to do simple things such as reverse the fill/stroke, the gif may be lacking in detail for inexperienced users. There's merely too much "unknown" if you aren't familiar with the functionality of tools/shortcuts in Illustrator. Conversely, to me, it's very easy, clear, and simple ...


18

Using a bash script To do this from the command line, you could use a utility called Gifsicle. There is no built in method to delete every other frame, so you'll need to get your hands dirty with some scripting. Here is a quick script I made to do just a single GIF: #!/bin/bash # This script will take an animated GIF and delete every other frame # Accepts ...


18

You can do this with GIFsicle, using the following options: gifsicle -U --disposal=previous --transparent="#ffffff" -O2 anim.gif > anim_trans.gif where anim.gif and anim_trans.gif are the source and destination file names, and #ffffff is the hex code of the color you want to make transparent (here, pure white). (The important options here are -U / --...


17

Although joojaa is mostly correct, actually GIFs do not use Run Length Encoding. They use the LZW algorithm. Basically, this algorithm can take advantage of EXACT repetitions of horizontal strips of pixels. This works very well for solid colours and regular dithering patterns (e.g. checkerboard patterns). However LZW can only "remember" 4096 different ...


14

Frame Disposal: Select all Frames in Timeline Right-Click on one frame Select Dispose


12

There is no mention of CMYK in the GIF specification, and it only supports color triplets. Take a peek at the syntax for color tables given by the spec: 7 6 5 4 3 2 1 0 Field Name Type +===============+ 0 | | Red 0 Byte +- -+ 1 | | ...


12

The short answer is no, a GIF can't support a CMYK profile. A CMYK profile is a series off curves that map the percentage value of each separation to a target. GIF images are saved as INDEXED COLOUR, which then references an RGB value for each colour. While CMYK values could be derived from the RGB values (the RGB gamut is wider than the CMYK gamut so some ...


12

I realize that this answer is coming long after the question was asked, but hopefully, it will help somebody someday... What you can simply do is duplicate the original slide, and place your animated gif ONLY in the second slide. The second slide will appear on a click (anywhere), and the gif will automatically begin playing as that second slide is loaded. ...


11

NOTE: This answer was posted before there was a command line/open source requirement, but I'm leaving it up as it may help someone else in the future Using Photoshop This is not an open source or command line solution, but you can do this with Photoshop: File ▸ Import ▸ Video Frames to Layers... "Limit To Every __ Frames" will do the trick for ...


11

Select all frames, then right-click (control-click) and choose Dispose. If frame disposal is disabled, one frame just overlays the next so any frames underneath will still be visible through any transparent areas on the frame above. With frame disposal set, each frame disappears before the next one plays.


10

There's a few things you could do to improve this good idea and not make it horrible. You definitely need to add screen keys. You should break it up into steps and use multiple gifs to show what you've done instead of just one long gif. This eliminates the issue Scott raised that gifs are too long. Supplement the gif with a description of what you've done. ...


9

Having the same problem with a white text on a solid red background. My solution was to replace the solid red by a gradient of to reds. Afterwards I also added a Noise filter (or grain filter (7) in the filter gallery) in Photoshop. The improvement was very noticeable and the result was perfect. In attachment you can see the original and the finished result.


9

It largely depends on what your goal is. The "new and improved" method is okay for high end gif animations. If you're doing say an old school animated gif banner (sadly these do still exist) then I would just use Legacy. The new method would be to use Photoshop's Render Video functionality and then Adobe Media Encoder to convert it to an animated .gif which ...


8

Fewer colors + 100% dither + no Transparency Dither = greater size. Adding a transparency dither or reducing the color dithering to less than 100% will most likely reduce the file size. When you reduce the color table and have a high dither setting, you ask Photoshop to dither with fewer colors. This actually creates more color data to maintain from frame ...


8

From the Timeline Panel Menu... Choose Set Timeline Frame Rate... Decrease the frame rate for a faster moving timeline. 60 FPS: 10 FPS: This won't create huge differences if your animation is set at the default 30fps. If you want the animation faster than this, you'll need to actually adjust the keyframes in the timeline to be closer together. You can ...


7

In the GIMP it is possible with the multi-layers-merger extension from here: (original) http://registry.gimp.org/node/26135 (archived project) https://github.com/pixlsus/registry.gimp.org_static (location of plugin extension within that project) https://github.com/pixlsus/registry.gimp.org_static/tree/master/registry.gimp.org/files/ Install the ...


7

I think the animated gifs are a good beneficiary of flat design. If you have a limited number of colours, and you do not use gradients you don't need to use dithered patterns. We are used to see this patterns becouse a lot of people use real video segments as avatars, etc. But in this case you have just some colours, lets say 20 and you have at your ...


7

To keep your animations and optimize your gif, you should use the "save for web" and you can find it in the export options, or use the shortcut Control + Alt (or Option) + Shift + Save. To verify your animation and set the loops, look at the bottom right part of the "save for web" window, you will see a section named "animation". You can set it to loop ...


7

The animation itself was likely created in After Effects or some other animation tool. The key to the smoothness is the GIF frame delay time. Most computer displays run at 60fps (frames per second), so the best frame rates for smooth animation are 60fps and 30fps, or even 15fps if the motion is slow and you’re trying to create the smallest file possible. ...


7

This answer is only for Windows OS There is no reason for 3rd party plugins. Use File > Export> > Add to Adobe Media Encoder Queue. Inside of the the Adobe Media Encoder there's a lot more control of the rendering including the ability to do Animated Gifs with all sorts of settings: You could also open the Adobe Media Encoder without opening AE ...


7

When I need to create a GIF from After Effects, I do my animation in After Effects, go to Menu>Composition>Pre-Render and render it out as an uncompressed MOV file. Then you can drag that file onto Photoshop and it will open in the video timeline. From there you can "Save for Web" as an animated GIF file. It's a fairly straight forward process and yields ...


6

From Facebook's help center: How can I make sure that my photos display in the highest possible quality? To avoid compression when you upload your cover photo, make sure the file size is under 100 KB.


6

You can simply add an Invert Fill Layer, and this will invert all layers below it.


6

Here is a site that does not require any expertise. http://gif-in-gif.com/ Create your animated perpetually zooming images in .gif format for free online! Load 1 to 5 images, which will follow one by one periodic in animated gif. Each image can be up to 2 MB maximum and width/height can be up to 2000 px maximum. Acceptable formats: .gif, .jpg/jpeg, .png, ....


6

After Effects hasn't been able to directly export GIFs for some time now. There are plugins available that'll do it or you should be able to use the Media Encoder if you're on Windows (I don't use Windows so I'm just going on what the documentation says). See How to export a GIF from After Effects? Otherwise you'll have to export something that supports ...


Only top voted, non community-wiki answers of a minimum length are eligible