Wie stelle ich sicher, dass eine Farbe beim Exportieren aus Flash flach (und nicht gedithert) ist?

9

Welche Einstellungen / Methoden eignen sich am besten zum Erstellen eines animierten Gifs mit scharfer Bildqualität?

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

Diese Grafik ist für einen High-End-Kunden gedacht, 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 einen flachen, einfarbigen Look (ohne Punktmuster oben) auf dem Umschlag hat. Das Siegel muss die Farbverläufe beibehalten, und ich kann den Schlagschatten auch nicht nixen.

adobe-photoshop animation gif image-quality adobe-flash user2215732
quelle
Möglicherweise möchten Sie die Einstellung "Dither" ändern. Besser noch, Sie möchten möglicherweise ganz auf Flash verzichten und CSS-Animationen verwenden, um dies zu erstellen.
Vincent
1
Sie müssen Dithering deaktivieren. Auch. Ich stimme @Vincent zu. Wenn möglich, sollten CSS-Animationen oder Übergänge der richtige Weg sein. Sie können ein Feuerwerk verwenden, um ein 8-Bit-PNG mit Alpha-Transparenz zu erstellen, um den Schlagschatten zu perversieren. Dies kann jedoch auch mit CSS erfolgen. Persönlich würde ich ein JPEG verwenden, mit CSS-Box-Shadow und Übergängen / Animationen.
Terry
1
@ Terry & Vincent Danke, ich bin mit CSS-Animationen vertraut und obwohl ich der Meinung bin, dass dies im Allgemeinen ein viel besserer Ansatz wäre, handelt es sich bei diesem speziellen Projekt um eine HTML-E-Mail, daher muss es sich um ein GIF handeln. 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 ca. 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.
user2215732
@ 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
user2215732
@ user2215732, es muss etwas mit der Art und Weise zu tun haben, wie Flash das GIF ausgibt. Sowohl in Photoshop als auch in Fireworks litt "Envelope.png" unter keinem "Punktmuster".
Terry

Antworten:

1

Wenn ich Gifs mit Flash exportiere, habe ich normalerweise das gleiche Problem. Ich persönlich bevorzuge 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 es als GIF exportieren, indem Sie "Für Web speichern".

Naty
quelle
0

Sie müssen Dithering auf "Keine" setzen. Dithering ist eine absichtlich angewandte Form von Rauschen.

Ich habe eine Weile nicht mehr 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.

jeR1my
quelle
0

Manchmal animiert Flash Bilder nicht sauber, es sei denn, Sie aktivieren die Option "Glättung zulassen" in der Bibliothek. Sie können dies anzeigen, indem Sie auf ein Bildelement aus der Liste in der Bibliothek doppelklicken und die Popup-Optionen überprüfen.Geben Sie hier die Bildbeschreibung ein

DubD
quelle