Wie stelle ich sicher, dass eine Farbe flach (und nicht gedithert) ist, wenn ich sie aus Flash exportiere?

Welche Einstellungen/Methoden eignen sich am besten, um ein animiertes GIF mit scharfer Bildqualität zu erstellen?

Hier ist, womit ich arbeite: http://demo.jessewhite.me/envelope/index.html

Diese Grafik ist für einen High-End-Client, daher möchte ich, dass sie so scharf wie möglich ist. Ich habe versucht, das animierte GIF auf verschiedene Arten zu erstellen, und dies ist bei weitem das beste Ergebnis, das ich habe.

Hier ist mein Ansatz:

save image as PNG
import into Flash to animate
publish as GIF image with the following settings: 'Optimize colors' and 'Smooth' are checked. Dither: Diffusion. Palette Type: Adaptive. Max Colors: 2500.

Ich möchte, dass das fertige GIF auf dem Umschlag ein flaches, einfarbiges Aussehen (ohne irgendein Punktmuster oben) hat. Das Siegel muss die Farbverläufe beibehalten und den Schlagschatten kann ich auch nicht nix machen.

Vielleicht möchten Sie die 'Dither'-Einstellung ändern. Besser noch, Sie möchten vielleicht ganz auf Flash verzichten und CSS-Animationen verwenden, um dies zu erstellen.
Du musst Dithering ausschalten. Auch. Ich stimme @Vincent zu. Wenn möglich, sollten CSS-Animationen oder -Übergänge der richtige Weg sein. Sie könnten ein Feuerwerk verwenden, um ein 8-Bit-PNG mit Alpha-Transparenz zu erstellen, um den Schlagschatten zu pervertieren, aber das kann auch mit CSS erfolgen. Persönlich würde ich ein JPEG verwenden, mit CSS-Box-Schatten und Übergängen/Animationen.
@Terry & Vincent Danke, ich bin mit CSS-Animationen vertraut und obwohl ich zustimme, dass dies im Allgemeinen ein viel besserer Ansatz wäre, ist dieses spezielle Projekt eine HTML-E-Mail, also muss es ein GIF sein. Das heißt, es sei denn, es gibt einen anderen Weg. Ich habe CSS-Animationen in E-Mails in 4 großen E-Mail-Clients getestet und es hat in keinem von ihnen für mich funktioniert. Dieser Test war erst vor etwa 4 Tagen. Bitte lassen Sie mich wissen, ob es tatsächlich einen anderen/besseren Weg gibt. Außerdem habe ich diese Flash-Methode mit und ohne Dithering ausprobiert und es scheint viel besser mit.
@Terry - Korrektur; Ich habe gerade versucht, das Dithering wieder auszuschalten, und es scheint keinen Unterschied zu machen. Die Beispiel-URL wurde mit dem neuen GIF aktualisiert: demo.jessewhite.me/envelope/index.html
@ user2215732, es muss etwas damit zu tun haben, wie Flash das GIF ausgibt. Sowohl in Photoshop als auch in Fireworks litt „envelope.png“ nicht unter einem „Punktmuster“.
So konnte ich endlich die Bildqualität erreichen, die ich wollte. Folgendes habe ich getan: Mit Flash animieren, weil es viel einfacher ist als mit Photoshop zu animieren. Machen Sie einen Screenshot von jedem Frame in der Timeline und fügen Sie ihn auf einer separaten Ebene in Photoshop ein. Schneiden Sie die Photoshop-Datei auf die erforderlichen Abmessungen zu. Öffnen Sie das Animationsfenster und wählen Sie Frames aus Ebenen erstellen. Als animiertes GIF speichern. Es scheint ziemlich lächerlich, wenn dieser Prozess notwendig ist. Bitte beachten Sie daher andere Tipps/Methoden/Vorschläge/etc..

Antworten (3)

Wenn ich Gifs mit Flash exportiere, habe ich normalerweise das gleiche Problem, daher bevorzuge ich es, sie als PNG/JPEG-Sequenz zu exportieren und die Serie dann in Photoshop zu importieren mit:

Ebene> Videoebenen> Neue Videoebene aus Dateien

Wenn Sie das erste PNG auswählen, wird die gesamte Sequenz importiert und Sie können sie als GIF exportieren, indem Sie "Für Web speichern"

Dither muss auf none gesetzt werden. Dithering ist eine absichtlich angewandte Form von Rauschen.

Ich habe eine Weile nicht mit Flash gearbeitet, bin mir also der Einstellungen und Optionen nicht sicher, aber jedes Dithering fügt effektiv das Rauschen hinzu, das Sie loswerden möchten.

Manchmal animiert Flash Bilder nicht sauber, es sei denn, Sie aktivieren die Option „Glättung zulassen“ in der Bibliothek. Es kann angezeigt werden, indem Sie auf ein Bildelement aus der Liste in der Bibliothek doppelklicken und die Optionen des Popup-Felds überprüfen.Geben Sie hier die Bildbeschreibung ein