Hot answers tagged

51

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


30

The main trick, in my experience, to adding smooth transparency to an image in GIMP is using the Layer → Transparency → Color to Alpha... tool. Of course, you have to know how to use it to good effect — on its own, all it does is make your images look all funny and translucent. If I take the image you posted above, and just run Color to ...


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.


26

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


24

In short, Facebook is converting your image to the JPEG/JPG format (Join Photographic Experts Group). There seems to be no current way to upload images to use as a profile picture or to your photo album which Facebook will not convert to JPEG. ...a commonly used method of lossy compression for digital photography (image). The degree of compression can ...


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

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


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

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


15

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


14

When you save a GIF (export for web) you have the option to select a color to make it transparent. note that you only get to pick ONE color, so you will typically end up with halo's around your image where it blends from your image into the original background color. You're better off getting the original PSD file and then saving it as a transparent PNG.


14

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


12

When exporting/saving (depends on version) your work as GIF, you have several options for it. One way for that, what you probably want, could be done by choosing from "Frame disposal where unspecified" option "One frame per layer (replace)".


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 you


10

Here is an article on exactly your problem. Been having this problem as well. Hope this helps! Facebook uses a low quality jpg compression so any solid colors end up looking heavily pixelated. Solution is to add images at double the size with noise.


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

when you're on a slower connection, you got the full effect of waiting for the image to come in. It can be torture sometimes. That's where the brilliant Interlaced GIF89a idea came from. Interlacing is the concept of filling in every other line of data, then going back to the top and doing it all again, filling in the lines you skipped. Your television ...


9

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.


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

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


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

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


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

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.


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