Hot answers tagged

57

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 ...


29

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 ...


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 ...


26

It's due to the Index Color mode. GIF and PNG8 use a locked color palette, therefore the layer gets locked to prevent unsupported changes. It's also why the layer is titled Index. To unlock it choose Image > Mode > RGB from the menu.


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 ...


21

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


19

The way transparency works with 8-bit gifs/pngs is that a pixel is either fully transparent or fully opaque. On the corners of a circle where the circle blends transparently to the background, there are usually pixels that are semi-transparent to smoothen the transition. This smooth transition can not fully be reproduced with 8-bit gifs/pngs. One way of ...


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 ...


17

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 ...


16

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 ...


13

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


12

For the current version (2.8.0), in the name for each frame layer, include (replace). For example: frame 1(250ms)(replace) That will tell gimp to replace instead of stacking. Note that you can use the stacking for some pretty cool effects as well.


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 ...


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 ...


10

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

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. ...


7

This has very little to do with GIFs. Firstly you need to create the face-morph effect. There are apps that do it for you but it isn't a one-click process. Secondly ther is a transition effect to blend between stages. It includes tiles, waves and a gradient mask. Either way, this video (which it was at one point) isn't an easy process if video editing ...


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

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 ...


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, ....


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