Smooth edges - GIF animation

Hello there!
Sorry if another theme about my question already exists in the forum...
I'm using PS CS4 and trying to Save for Web & Devices an GIF transparent animation, but I need it to be with smooth edges. I tried to add different type dither to the transparency but I don't like the result at all.
Any idea how to make the animation with PERFECT SMOOTH edges?
I'll be realy thankful and appreciate your help
All the best!
chkrov

Its hard to get a true anti-aliased edge using the gif format, simply because it only offers a single color that can be used as the transparency. If at all possible you are better off using the png format and before anyone says that you can not use png for an animation, think again. Take a look at some of the examples on the net for creating rollovers using javascript. It is the same principle used for game sprites.
Example:
If the image is to be 100x100px and the animation is 10 frames, then the original image should be 1000px wide x 100px high containing all of the images in the same document. On the web page the first frame is visible at 100x100 hiding the remaining part of the document. Then the next frame is visible by moving the image. And so on.
Anyway, its better to look at some examples on the web at it probably would make more sense than what I am trying to explain.
Just an idea...

Similar Messages

White halo around exported flash gif animation

I am working on a Imac using Flash CS5. I can create a Flash animation with a transparent background
but there is a slight white halo around the images. How do I export a Flash animation as a gif with
absolutely no white halo at all. Is this possible? or wheneve you turn a vector to a gif there will
always be a slight white halo. I have brought the image into Photoshop and could painstakingly
use the eraser tool but there must be a way to mass assembly the process. I have tried Fireworks CS5
and Photoshop, whenever I open the Flash gif animation there is a slight white halo.
Look forward to the techy with the answer
thanks
Paul

If your document stage is white and you are not viewing the GIF on a white or light background then the halo is probably due to the antialiasing of the pixels at the edges of your graphics. The GIF format does not support alpha transparency, so you end up seeing the smoothed edges as fully opaque pixels. There are several ways to address this:
Uncheck the "Smooth" option for animated GIF export. This disables antialiasing, but sacrifices image quality.
Change your stage color to better match the background color behind the GIF. Medium gray can be an acceptable compromise for non-uniform or unpredictable backgrounds.
Use another file format that supports alpha transparency. On the web, the only real alternative is SVG, but the conversion is painful.
Manually remove those troublesome pixels from the animated GIF. Also quite painful.

Layering several gif animations

I'm not sure if this is even possible but hey, you got to ask.
Basically I want to edit gif animations but not go through every single layer and make a tiny adjustment to each one.
As an example, I have an animation where I want to give someone a big head. Is it possible to have two versions of the same animation (one large and one small) and simple copy/paste and animated sequence from one to the other? So all the frames from the big head animation will be moved into the smaller version without all that fiddly frame by frame in a 50 frame gif.
My apologies if this is making no sense! I can't seem to explain it right...
And if CS5 can't do it (heaven forbid) does anyone know what can?

Okay, this looks helpful. I've read what I think I'm supposed to read and I've managed to copy one animation over into the other. That still leaves me to go through it frame by frame and erase the edges etc. This has to be done manually doesn't it? I can't use the eraser on multiple layers.

Slow gif animations from photoshop

Hi all. I have to create two small gif animations. Each one is only 10 frames and the file size of my animations is under 40k when exported. But no matter what timing setting I use, they seem sluggish when viewed in any browser (FF, IE, Safari). I've tried 0.5, 0.2, 0.1, 0.05, and even 0.0 between frames. The animation should really only take half a second to complete but they seem to take up to two seconds to complete when view in a browser.
Yet I can view other gif animation on the web that are much larger in size and they seem to animate quickly and smoothly (compared to my slow and choppy ones).
is there a trick to getting fast, smooth animations from photoshop?
Thanks!

> via the gif animation import
There is no such feature in DW. DW knows nothing about GIF
images other than
the fact that they are images. I'm guessing that you did not
properly
export the animated GIF from Photoshop. When you open that
image in the
browser, does it animate?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sammydyer" <[email protected]> wrote in
message
news:fqhqc0$nuj$[email protected]..
>i have made a gif animation in photoshop (it is set to
forever), which
>plays
> fine, but when its imported into dreamweaver via the gif
animation import
> in
> dreamweaver, it wont play when viewed in a browser
> thanks
>

Artifacts in gif animation

I'm experiencing an issue with artifacts in gif animation and I hope the collective brain trust in here can help. I've attached the file so you can see what I'm talking about. I've loaded the file into Dreamweaver to run as the header background and when I preview the page in IE the aircraft leave artifacts behind at every frame and the text looks torn as well. When I preview the same page in Firefox it looks crisp.
I created the aircraft and their contrails as four separate layers and linked them prior to starting the animation process. The text is its own layer as well. Thinking the linking might be an issue, I also flattened the airfraft layers into one and reaccomplished the animation but go the same result.
I'm previewing the images in Firefox version 3.5.3 and IE 8.0.6001. The animation itself is 60 frames long each with a duration of .01. The file was "saved as web device" from Photoshop as a .gif 64 dithered (dithered 88%) and then inserted into the page I'm working on through Dreamweaver.
Anyone out there have a suggestion as to how I can clean this image up and make it look as good on IE as it does on Firefox?

Marian & Mylenium,
Thanks for the information. I tried to just animate the aircraft and while the artifact issue was solved, the animation simply wasn't smooth enough for my liking. I agree the SWF option is the way to go but due to IT restrictions, that software isn't readily available to the end users. I use Preimere Pro too so creating the files would be a breeze but pointless to do so if the file won't launch. I appreciate you both taking the time to not only answer the question but to explain why going the route I was going wasn't the best option. Cheers!
Erik

Gif Animations

First off, I'd like to say I've been making gif animations in Photoshop Elements since 2.0, and I've had no problem with 6.0 either--- when I was on Windows.
For whatever reason, when I open a .gif animated image, I get an error message that says:
"This is an animated GIF. You can only view one frame. Saving over this file will result in a loss of information."
EVERY single time I open a gif, and as soon as I hit okay, it opens to the single frame locked. As I said, I've never had this problem with Photoshop Elements 6.0 in Windows... Any suggestions/ help please?

Your post is unclear on some important points. When you say "when I was in Windows" does that mean you are talking about a mac now? What version of PSE are you talking about?
If you mean PSE 8 for mac, you would be better off downloading a program like the free Giffun from stone.com and using that for animated gifs. For one thing the frame rate has been broken in the mac version of PSE in both 6 and 8.

Adobe Premiere Elements 8 Gif Animated Problem

Hey guys , Im currently having problems with my Adobe premiere
Im trying to import an image thats a .gif but it wont let me sais File not supported
So I tried importing another .gif image and it worked
Basically , im trying to import a .gif image and it wont let while letting me import other .gif images except for the one I want
Thank you

As I said
I have another .gif animated image that works with Premiere
So yeah , .Gifs work
And I can import that , but I cant import the one I want
And the problem is my Animated project has 93 frames

Loading .gif animations into Photoshop Elements 8 for Mac

For years I used Photoshop Elements 2 for Windows to make .gif animations with great success.
Then I switched to a Mac and bought Elements 8 for Mac. Now, I am finding out that I can not load any
of the animations I made using Elements 2 into 8. (And yet I can load animations I made using 8 into 2.)
In fact, I can not load any .gif animations into 8, other than if I make one and save it
as .psd. 8 allows me to make them, but not load them as .gifs.
My question: Is there an easy way to load .gif animations into PS Elements 8 so a
person can work on the individual frames? Am I going to have to convert any .gif animation I
want to import into 8 first into .psd? All I seem to get when I try to load a .gif is the message
"This is an animated gif. You can only view one frame." I have searched manuals and the
Net looking for a specific method of using PSE8 to load gif animations intact (not just one frame).
Is it possible? Thanks. (I also have noticed that Elements 8 will not allow me to change the frame
speed -- it is unchangeable at .2)

Dear Ms. Brundage -
I followed the directions detailed in your blog entitled "Moving a Catalog from Windows to Mac" as well as your description of the process on page 58 of your book "Photoshop Elements 9 - the missing manual."
I installed PE9 for Windows and converted my catalog. I then backed up that catalog to an external hard drive. I then connected the hard drive to my MAC on which I also installed Photoshop Elements 9 for MAC. I opened the Organizer and tried to restore that converted catalog. However, for each file in the converted catalog, a dialog box opened that said "Could not restore file: /Volumes/Name of External Hard Drive/Filename.JPG."
I then made a second backup of the converted catalog using Photoshop Elements 9 for Windows and then tried to restore that catalog again on the MAC using Photoshop Elements 9 for MAC, again to no avail.
Do you have any idea what the problem may be?
Thanks again.
Steve Haas
[email protected]
[email protected]
(770) 313-0038

Add static background image to all frames of gif animation

First, I'm not a fireworks regular. I use it when I have to to get something done (mostly web optimazations). I would use it more but, frankly in many cases the UI is counter intuitive to everything else adobe makes.
Here is my problem...
I need to add (not replace) a static background to ALL existing frames(states) in a fireworks gif animation (with alpha) , the end product gif will be an element in the Edge web animation...details
I have an animated seq of a rotating object that was created in 3ds max and rendered as a png seq with alpha.
I opened the SEQ "as animation" in fireworks. I set the frame rate. It plays fine. So far so good....
I imported an image that I want to be BEHIND the animated seq on ALL frames. I tried puting it on a sub layer behind, i tried puting it on it's own layer behind, but it ONLY shows on the first frame (state).
I tried using "share with all states" but it replaces the SEQ images already on the "states" instead of adding it behind them like in the arrangement of the layers.
So first, can this be done and if so how?
Second, why is this process so counter intuitive in fireworks? I mean if a layer is behind something then it should be a simple button click or check box etc to say "show on all frames (states)", you know like any other product adobe makes. Even "image ready" made more sense than this. My thought process was that since I needed to end up in fireworks to create and optimize the gif that i should be able to put it together there also but it's turning out to be a lot harder than it should. I guess I can just composite my elements in AE (which is a piece of cake compared to fireworks) and then render another SEQ that I import to fireworks to create the optimized gif. While I'm a fan of the "creative suite" concept, one of my biggest complaints about the "suite" is the lack of master oversite so the common functions, keyboard shortcuts, and fundimental UI concepts are consitant accross all the apps so it functions as a "suite" and not just a collection of seperate applications. I know that demanding that all applications follow certian rules would slow development, in the long run it would make it a lot easier for the end user to spend more time being "creative" and less time trying to figure out why something doesn't work like it does in all the other apps. Just my $.02
Thanks for any help and or explaination
Joel H

Thanks for the response.
You know I tried that exact thing the only difference being I didn't change the layer names. So not naming the layers would keep that from working ?? Also as you eluded to draging layers to position them in fireworks is a delicate operation. It always seems to take 2 or 3 times to get it to drop where you want it. I named the layers and it works as you said. Unfortunately I was really pressed for time so I had already given up on fireworks and just composited the SEQ with the BG layer in AE and kicked out another PNG SEQ and then open that "as animation" in Fireworks and then optimized and exported as a gif. So there are allways several ways to do things.
Thanks again,
Joel H

How Can I Edit Gif Animation

I have a gif animation of a cat playing a sax. In ImageReady I want to edit it to replace the sax with a microphone so I "Placed" a vector gif of the microphone- after erasing the sax and cloning to fill in where needed. The problem is that when I attempt to move the microphone in the first layer, it happens to all the layers and if I try to move it to a new position in any other layer, it moves in the others too. How can I make it "stick" in each layer, in different positions? I have tried to lock all the layers but the one I am working on... I just don't know what I need to do. thanks

Here is one fairly quick and easy way that should work with Win98. Create a new object, but not a Lookout object. Click on the activeX tab and look in the Recommended folder. There you should find Microsoft Web Browser. Select this as your new object to create. Change the name if you want, but leave everything else blank. Now from Windows Explorer simply drag the GIF file and drop it in the object display. The animation should begin doing whatever it does right away.

Importing GIF Animations - Help!

Am I doing something wrong? I created some animations in
Photoshop and saved them as GIF files. They view great in HTML, but
when I import the images into Captivate, the timing on some of the
animations are messed up. I played around with the timing in
Captivate, but it made no difference. I also made the animations
play longer in Photoshop and then imported them again, but again,
it made no difference. Also, I want the background of the
animations to be transparant, and when I import the images, the
background changes black?
Can anyone tell me what I am doing wrong? Thankyou.

HI yankeebrit and welcome to our community
As for the timing, I'm guessing you have an option in
Photoshop to determine or configure the speed? I have played with
an older application called Microsoft GIF Animator and you are able
to configure the duration of each animation frame there. Often, a
GIF animation is somewhere around 10 frames per second.
As for the background color, I'm guessing that black (or near
black) is set as the transparent color in Photoshop? I don't
believe the transparency will come through. So probably the best
you can do is to set the background color to match whatever you are
placing the image against.
Hopefully something here was helpful... Rick

Importing gif animations into Elements 12 on Mac

Ok, I have searched quite extensively for a specific, accurate answer and am not
clear about the conflicting responses I have encountered. To wit: I bought Elements 2
for a PC several years ago. It had two nice features for my enjoyment of making .gif animations.
(1) It allowed me to import the .gif animations AND all the layers. (2) It allowed me to control
the speed when I made my own animations and saved them in .gif format.
However, when I bought Elements 8 for my iMac, I discovered I could not load .gif animations
and get the frames/layers, nor could I choose any speed except .2.
Ok, these are my specific questions: If I order Elements 12 to run on my iMac (OS X 10.9.2)
will it allow me to load the entire .gif animation and show the frames/layers, AND will it allow me
to choose my own speed when saving a .gif animation.
I know if I save an animation in .psd format that I can reload it, showing the layers. That is not
what I want to do. I want to save in .gif format and load in .gif format. Thanks!

PSE12 should be able to open layered gifs with all the original layers intact. You need to use:
File >> Save For Web
When the dialog opens if you select GIF from the top dropdown list the information for sped is normally grayed out. However if you put a checkmark in the box “Animate” the fields for frame delay and looping become live. You can then change the speed and have looping forever. Then re-save.
Why not download the trial version from the link below and use it free for 30 days. You can then see if it fully meets your needs.
http://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop_elements&loc=us&PID=2159997

Gif Animation Problem

When i import a Gif Animation( Loop in QT Inspector) it works perfectly in Presentaion Mode but when i try to export it , the Animation will just play once thru and then Stop !
Can anybody confirm ?
cheers,
D

Quit multi-posting and cross-posting questions. Keep the discussion in a single posting so everybody know what has been suggested. And that would be in the Swing posting since this is a Swing related question.

Gif animation in PDF

I want a gif animation to be played in PDF. Is this possible? I am using MS Word 2003 and Acrobat 8.1.2.
Any help is greatly appreciated.

disc burning device not found wrote:
how can i add a gif animation to a pdf file????
can i add a gif animation in indesign and export to pdf????
An animated GIF can be dragged to a TextEdit file or a browser window. You can't put an animated gif into a pdf file, or even ID.
-mj

Gif animations in keynote

How to insert gif animations in slides and make them animate in slide show mode?
How to do the same in PowerPoint 2008 for Mac?
Vittal

I found following link.
http://discussions.apple.com/thread.jspa?messageID=6065771
Hope this helps

Smooth edges - GIF animation

Similar Messages

Maybe you are looking for