Tag Info

Hot answers tagged

19

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.


18

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


17

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


11

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.


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

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


9

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


8

Some compression-algorithms change the image to gain a better compression-ration - that are lossy algorithms/image formats. Most notably here is JPEG. Some keep all image information, these are called lossless. Lossless compression produces bigger files, but you have no changes to your graphic. Common lossless image formats are PNG, GIF or TIFF. As most of ...


6

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.


6

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


6

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


6

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


5

You'll probably need to make some manual adjustments to get the file sizes appreciably smaller. For example, the fading transitions in that animation add a fair amount of data, so if they're not vital you could remove them. The amount of detail doesn't make much difference, apart from in terms of keeping the colour palette small. The main thing to bear in ...


5

While GIF is a lossless format, it's also restricted to 256 colors. So in many cases, you're doing to see a reduction in quality from your source file if it's over 256 colors. But if you want to optimize the design for the GIF format, some things you can do: use flat colors (not gradients) limit the number of colors you use have said colors repeat ...


5

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


5

Here's a simpler solution using gifsicle than JohnB's script: gifsicle input.gif `seq -f "#%g" 0 2 99` --unoptimize -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 ...


4

I'm betting that the photo of the girl is killing your size right now. To test that, remove her frame and replace it with one of the other frames of your animation. I'll bet the size drops quite a bit. Animated GIFs are best kept small by keeping their color pallets limited, and avoiding continuous tone graphics (photos, gradients, opacity shifts, etc.). ...


4

Adobe really hosed CS3 and CS4 where this is concerned. To open an animated gif with Photoshop CS3 or CS4 choose File > Import > Video Frames to Layers. This will open the animation but in my experience you lose all transparency for the frames. So you have to reconstruct the transparency if it exists. There is simply no way to open a transparent animated ...


4

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


4

GIF doesn't have "proper" transparency. You will always have to optimize it towards the intended background. And depending on the image you might have to change every single keyframe.


4

In the GIMP it is possible with the multi-layers-merger extension from here: http://registry.gimp.org/node/26135 Install the extension, then Create a new image the same size as your animation, and put your background image in a single layer in the new image. Go to Layers > Multi Layers Merger Deselect all the options but "Use only active layer". This ...


4

The center of your second circle example is not centered, as seen in the overlay of both images attached - possibly when rotating the grouped items (heads) the original center (pos1) you think is the yellow point. I think you can adjust the rotation point so that the yellow remains centered


3

Layer position and opacity can be animated. The actual pixels in a bitmap layer can not. The solution is to move the layer with the move tool when you want to animate the position, and duplicate the layer when you need to make destructive changes to the bitmap itself.


3

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.


3

An interlaced image renders by drawing every x number of horizontal lines first, then going back to the top and filling in the next set of lines, and repeats. It gives the effect of an image slowly becoming higher-res as it loads. It was useful back in the day of dial-up connections. It's not used much these days.


3

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


3

Here's a good visual explanation of what happens as you load an interlaced gif. Unless you've got a really slow connection, the actual linked examples won't show as any different. The page makes a good point that interlaced gifs are not smaller and don't actually complete downloading any faster - they just look as if they do, because they start showing ...


3

There is no tool in Photoshop that will let you erase different layers at once. What you can do instead is grouping all your layers and applying a mask to the group. I would actually recommend that whenever it's possible (and by that I mean almost always!), you use masks instead of the eraser. It works with animated gifs too:


3

You are faced with a limitation of the GIF color specification. Other than PNG GIF does not support semi-transparent colours. The origingal PNG however is made up with semi-transparent colors as can be seen when looking at the original in checkerboard mode: After we had exported this RGB file with alpha channel as GIF we will have reduced the colors to ...


2

You can: reduce the image size (fewer pixels = smaller file) reduce the frames in the animation reduce the color pallet further posterize the images (larger flatter areas of color compress better for GIFs) Use software that can add additional compression techniques (IIRC, Fireworks is good for this)



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