Gif Animation, Ausgabe Web & Geräte
Hallo Zusammen,
Vielleicht kann mir jemand helfen, denn ich habe keine Ahnung woran dies liegen könnte.
Ich habe im Photoshop eine Gif-Animation (CS6) über Zeitleisten-Frames erstellt.
Durch ein-/ausblenden verschiedener Ebenen habe ich die einzelnen Frames erstellt die in vorgegebener Zeitabfolge wunderbar funktionieren. Export für Web & Geräte als gif. Ziehe ich diese erstellte gif Datei direkt auf den Browser, klappt alles fehlerfrei und genauso wie es sein soll. Jetzt ist vermehrt passiert, das diese gifs direkt auf der URL verlinkt nicht mehr so funktionieren wie sie sollten. Frame aus z.B. 5 Textänderungen werden nicht mehr richtig abgespielt. Die Texte bleiben von jedem Frame leicht transparent erhalten und lagern sich übereinander. Kennt dieses Problem jemand? Habt Ihr einen Rat was ich falsch mache und anders machen könnte? Exporteinstellungen gif-web vielleicht? Oder kann das Problem ein Mac/Pc Problem sein?
Wirklich zum verrückt werden, denn im grunde mach ich nichts anders als früher
mit CS 5/5.5, hoffe jemand kann mir helfen!
Danke, Lil
Seems valid enough to me, insofar as Adobe has a prominent ad across the top. That would *technically* make your post sort of spam-like, Chris.
Seriously, thanks for that link - it made me smile.
But they were all pretty short.
-Noel
Similar Messages
-
How to download an animated .gif from a web page
how do i download to my mac an animated gif that is on a web page....when i want a picture or text or something like that i just ...apple shift 4 and "take a picture of it" ...but i want the animation..i have never had to do that on this mac.....a windoze person from the site(chat site) said just right click but my wireless mac mouse doesnt do that....i would appreciate any help.....i do know how to down load from a site that has downloadable .gifs...you just click the download sign they have and no problem....but this is just a random animated .gif from a web page ....i hope my ques is clear....thank you
Drag and drop it from the webpage onto your desktop. Note that it won't remain "animated" while you're looking at the file's icon, but it should work if you build it into a new website.
And you can right-click with a Mac mouse - you just have to set it up to do so in System Preferences. (Set the right side of the mouse to be a "secondary click".)
Matt -
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 HThanks 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 -
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 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 -
Preview application to view .gif animations
Is there any possible way for Preview or have Mac OS users to play .gif animation files as default? I have tons of friends who are not computer competent and many will not be able to view .gif animations.
I know the alternative is to open the file through Safari (or any web browsers) or Quicktime. Would there be a possibility that Preview is upgraded to view .gif animations in Lion update?
This has been an issue since Tiger.
Message was edited by: w4ck0No. See http://discussions.apple.com/thread.jspa?threadID=2634029&tstart=50
-
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
> -
I was given a number of .gif animations to edit and re-deploy
to the Web. Each anim has about 40 frames. I need to delete 2 small
spots on the image in each frame. I was hoping that I could do a
mass delete that would "take" on all the frames. I couldn't find a
way to do it. I then tried to go to each frame and do it one delete
at-a-time. What i found was that I could see and edit frame 1 but
couldn't advance to the next frame to edit it. What am I doing
wrong?
Thanks,
Alquote:
Originally posted by:
Gumbo Al
I was given a number of .gif animations to edit and re-deploy
to the Web. Each anim has about 40 frames. I need to delete 2 small
spots on the image in each frame. I was hoping that I could do a
mass delete that would "take" on all the frames. I couldn't find a
way to do it. I then tried to go to each frame and do it one delete
at-a-time. What i found was that I could see and edit frame 1 but
couldn't advance to the next frame to edit it. What am I doing
wrong?
Thanks,
Al
Hi Al,
Without seeing the actual image and knowing what version of
Fireworks you have, it's difficult to give the exact solution.
However, there could be at least two ways you could get this done
with little effort.
If the two spots in question can be covered up instead of
removing, you can create a new top layer in the first frame, draw
some cover graphic directly on the problem spots and share the
layer to all frames. This will essentially hide the problem spots
in all frames throughout the animation.
If the spots can't be easily covered, there is a slightly
more complicated but just as quick method that involves extracting
all frames of the animation into a single layer. Let's see if the
first method works before going into details unnecessarily. :-)
Best luck!
SiamJai
Fireworks Resource
Center -
Gif animation frame number limit?
Hello,
I have created a 35 second (25fps) line animation within AE.
Since AE does not export gifs anymore, I exported as QT movie & opened the QT in PS and saved for web as Gif animation.
In the save for web dialogue it said "frames 500 of 500" and when it exported the animated Gif it had truncated the length of the animation (as the total length is 875 frames).
Within PS the animation appears till the end.
I played around with frame rates etc, brought it down to 15fps but it would just extend the duration and not be able to get all of the movie exported.
Btw the 500 frames animation created an 85kb gif
I tried using AME to encode to Gif animation, but the filesize was huge at 20MB, which negated the point foe Gif.
So is there a 500 frame limitation to exporting gif animations from within Photoshop?
ThanksSeems valid enough to me, insofar as Adobe has a prominent ad across the top. That would *technically* make your post sort of spam-like, Chris.
Seriously, thanks for that link - it made me smile.
But they were all pretty short.
-Noel -
Gif animation k changes once saved
When I "save for web" a gif animation in photoshop its optimized at 72k. I then check it in file manager and its 102k???!!!
1. Project settings = Standard 48khz NTSC Preset
2. Clip looks dim in both source monitor and preview monitor
(with the alpha turned off and interlace consecutive frames turned on the source video stays dimmed, but the preview frame becomes bright as it should look)
3. If I just start a project , import the video and export to a new movie clip the new exported movie clip gets dimmed even when viewing in media player, only if I do the alpha turned off and interlace consecutive frames trick can I get the exported clip to look normal/undimmed in media player.
4. Yes origianl animation clip has the same framerate and pixel dimensions of the project. I am not altering any speed timing. -
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 -
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
PaulIf 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. -
Reading gif animation frame rates and such?
Okay so I've been coding java for some time now and I mostly just make applications for fun.
I usually don't have to get help for coding so this is my first post here...
The current goal I have is a application that displays animations (may turn into a animation editor)
I've tried searching on google alot for the answer but no justice :(
Okay so I have the image loading, a semi-nice gui, the image displays and cycles through the animation.
But the thing that I want is for the image cycle to actually know the real frame rate of the gif instead of having to define it myself.
Is there anyway to do this? I was reading up and the only solution I found was to read the bytes of the file itself but that would take alot of work and I haven't got a clue on how to do that.
This is my code for loading the animation:
public void loadAnimation(String name) {
final File imageName = new File(name);
new Thread() {
@Override
public void run() {
for(int i = 0; i < animationImage.length; i++) {
if(animationImage[i] != null) {
animationImage.flush();
animationImage[i] = null;
if(lastImageDrawn != null) {
lastImageDrawn.flush();
lastImageDrawn = null;
lastImageIndex = 0;
ImageReader reader = ImageIO.getImageReadersByFormatName("gif").next();
readingImage = false;
try {
reader.setInput(new FileImageInputStream(imageName));
totalImages = reader.getNumImages(true);
imageProgressBar.setMax(totalImages);
readingImage = true;
int currentImage = 0;
while(readingImage) {
BufferedImage image = reader.read(currentImage);
animationImage[currentImage] = image;
currentImage++;
imageProgressBar.setValue(currentImage);
imageProgressBar.setText("Loaded frame: " + currentImage + " / " + totalImages + " - " + imageProgressBar.getPercent() + "%");
repaint();
image.flush();
if(currentImage == reader.getNumImages(true)) {
readingImage = false;
reader.reset();
reader.dispose();
} catch (IOException e) {
e.printStackTrace();
}.start();
}If you guys could help it'd be very appreciated.
EDIT: Oh yeah, I don't want to use any library's I usually like coding things myself...
Edited by: steve4448 on May 7, 2010 11:45 AMGiven the following declarations which completely define a GIF animation,
//information obtained from source file/url.
private Image[] images;
private short[] durations; //hundredths of a second
private short[] xOffsets;
private short[] yOffsets;
private Disposal[] disposalMethods;
//The background color of the global pallete in the GIF file is not
//used. It is here merely in case you want to change the implementation
//of RESTORE_TO_BACKGROUND disposal method.
private Color backgroundColor;the following method will load all this information from a GIF file. Keep [this page|http://java.sun.com/javase/6/docs/api/javax/imageio/metadata/doc-files/gif_metadata.html] open in a web browser as you look at the code. The class referred to as "Disposal" in the code is an enum class. It's provided in my post below this one.
/**Loads all the frames in an src from the given ImageInputStream.
* Furthermore, if the src references a GIF file then information
* on frame durations, offsets, and disposal methods will be extracted
* (and stored). The src stream is not closed at the end of the method.
* It is the duty of the caller to close it if they so wish.*/
private void loadFromStream(ImageInputStream imageStream)
throws java.io.IOException {
//obtain an appropriate src reader
java.util.Iterator<ImageReader> readers =
ImageIO.getImageReaders(imageStream);
ImageReader reader = null;
while(readers.hasNext()) {
reader = readers.next();
String metaFormat = reader.getOriginatingProvider()
.getNativeImageMetadataFormatName();
if("gif".equalsIgnoreCase(reader.getFormatName()) &&
!"javax_imageio_gif_image_1.0".equals(metaFormat)) {
continue;
}else {
break;
if(reader == null) {
throw new java.io.IOException("Can not read image format!");
boolean isGif = reader.getFormatName().equalsIgnoreCase("gif");
reader.setInput(imageStream,false,!isGif);
//before we get to the frames, determine if there is a background color
IIOMetadata globalMeta = reader.getStreamMetadata();
if(globalMeta != null && "javax_imageio_gif_stream_1.0".equals(
globalMeta.getNativeMetadataFormatName())) {
IIOMetadataNode root = (IIOMetadataNode)
globalMeta.getAsTree("javax_imageio_gif_stream_1.0");
IIOMetadataNode colorTable = (IIOMetadataNode)
root.getElementsByTagName("GlobalColorTable").item(0);
if (colorTable != null) {
String bgIndex = colorTable.getAttribute("backgroundColorIndex");
IIOMetadataNode colorEntry = (IIOMetadataNode) colorTable.getFirstChild();
while (colorEntry != null) {
if (colorEntry.getAttribute("index").equals(bgIndex)) {
int red = Integer.parseInt(colorEntry.getAttribute("red"));
int green = Integer.parseInt(colorEntry.getAttribute("green"));
int blue = Integer.parseInt(colorEntry.getAttribute("blue"));
backgroundColor = new java.awt.Color(red, green, blue);
break;
colorEntry = (IIOMetadataNode) colorEntry.getNextSibling();
//now we read the images, delay times, offsets and disposal methods
List<BufferedImage> frames = new ArrayList<BufferedImage>();
List<Integer> delays = new ArrayList<Integer>();
List<Integer> lOffsets = new ArrayList<Integer>();
List<Integer> tOffsets = new ArrayList<Integer>();
List<Disposal> disposals = new ArrayList<Disposal>();
boolean unkownMetaFormat = false;
for(int index = 0;;index++) {
try {
//read a frame and its metadata
javax.imageio.IIOImage frame = reader.readAll(index,null);
//add the frame to the list
frames.add(forceNonCustom((BufferedImage) frame.getRenderedImage()));
if(unkownMetaFormat)
continue;
//obtain src metadata
javax.imageio.metadata.IIOMetadata meta = frame.getMetadata();
IIOMetadataNode imgRootNode = null;
try{
imgRootNode = (IIOMetadataNode)
meta.getAsTree("javax_imageio_gif_image_1.0");
}catch(IllegalArgumentException e) {
//unkown metadata format, can't do anyting about this
unkownMetaFormat = true;
continue;
IIOMetadataNode gce = (IIOMetadataNode)
imgRootNode.getElementsByTagName("GraphicControlExtension").item(0);
delays.add(Integer.parseInt(gce.getAttribute("delayTime")));
disposals.add(Disposal.disposalForString(gce.getAttribute("disposalMethod")));
IIOMetadataNode imgDescr = (IIOMetadataNode)
imgRootNode.getElementsByTagName("ImageDescriptor").item(0);
lOffsets.add(Integer.parseInt(imgDescr.getAttribute("imageLeftPosition")));
tOffsets.add(Integer.parseInt(imgDescr.getAttribute("imageTopPosition")));
} catch (IndexOutOfBoundsException e) {
break;
//clean up
reader.dispose();
//copy the source information into their respective arrays
if(!frames.isEmpty()) {
images = frames.toArray(new BufferedImage[]{});
if(!delays.isEmpty()) {
durations = new short[delays.size()];
int i = 0;
for (int duration : delays)
durations[i++] = (short) (duration == 0?DEFAULT_DURATION:
duration);
if(!lOffsets.isEmpty()) {
xOffsets = new short[lOffsets.size()];
int i = 0;
for(int offset : lOffsets)
xOffsets[i++] = (short) offset;
if(!tOffsets.isEmpty()) {
yOffsets = new short[tOffsets.size()];
int i = 0;
for(int offset : tOffsets)
yOffsets[i++] = (short) offset;
if(!disposals.isEmpty()) {
disposalMethods = disposals.toArray(new Disposal[]{});
} -
Weight of gif animation changes
When I "save for web" a gif animation in photoshop its optimized at 72k. I then check it in file manager and its 102k???!!! I've made many web banners this is the first time it's ever done this.
Hi Jmack
I have no idea. I save it gif, colors 256, perceptual, no dither, uncheck sRGB.
This is what i do usually and its usually fine. Its the first time the k weight changes in file manager. A few designer friends have tried on their computer and the same thing happens, the k increases in the file manager.....
How do I check I am saving any extra data?
In the optimize window, under GIF its written 45.46k - 5 sec @ 128 kbps
Appreciate all your help -
Hi guys
I am very new to flash and have so far been creating
animations for web which I am exporting as swf files.
Today I tried to create a very basic frame by frame animation
(no movie-clips) to use as an avatar for an online community. I
saved it as an animated gif, but if I preview it in windows
gallery, or drag it into a browser, all I see is the first frame.
any ideas ?quote:
Originally posted by:
NedWebs
A quick bit of Googling is all you need...
http://www.newgrounds.com/bbs/topic/282324
Thanks for the link mate. I always try google before asking
for help, seems I wasn't asking the right question this time
:D
Maybe you are looking for
-
Home Button not working properly after latest update
After installing the latest update on my Iphone 4S, the home button immediately started to give me problems. It works sporadically. Sometimes it allows me to close apps when I tap it twice, sometimes it won't do anything, sometimes it will go to the
-
Problems loging-in from mobile
I am having problems loging in from my mobile (e55) using chat and maps I get a code409 error (wrong userid or password), even though I am using the exact same userID and password as when I log-in from my pc, which works fine. please help
-
Qosmio G25: Vertical lines of stuck pixels
I have a huge problem with my Toshiba Qosmio G25: My LCD screen has 2 lines of stuck pixels, one pixel wide, running from top to bottom. Before continuing I would like to stress that my computer has not had any physical trauma of any kind and general
-
hi, i am trying to create custom idoc to insert data in my custom table. i am using WE19 for this purpose.But i am facing problem that when i click on EDIDC then a box appear where i insert the data for sender and reciever like Port,Partner,P
-
any ideas on this one - i am slowly loosing the will to live:(